/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}:root{color-scheme:light;--forest:#254b45;--forest-ink:#f7f8ef;--lilac:#cfc4e3;--lilac-ink:#3e3352;--paper:#efeeea;--ink:#293833;--muted:#5d645e;--accent:var(--forest);--accent-ink:var(--forest-ink);--line:#d5d9d2;--surface:#faf9f5;--danger:#9b382b;--radius-inset:10px;--radius-control:14px;--radius-group:20px;--radius-panel:28px;--radius-join:18px;--grain:url(/textures/grain.svg);--ambient-light:#ffffff70;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{background:var(--paper)}body,html{height:100%;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}button{background:0 0;border:0}button,summary{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s var(--ease)}button:enabled:active,summary:active{transform:scale(.96)}button:disabled{cursor:default;opacity:.32}[tabindex="0"]:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--accent) 12%,transparent)}}::selection{color:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.invisible{visibility:hidden}.timer-app{--stage-height:304px;--digit-height:166px;--digit-size:140px;--clock-size:174px;--page-top:28px;--page-bottom:20px;--header-height:56px;--console-padding:28px;--marks-room:136px;height:100dvh;padding:var(--page-top) 36px var(--page-bottom);background-color:var(--paper);background-image:var(--grain),radial-gradient(ellipse at 32% 0,var(--ambient-light),transparent 72%);color:var(--ink);background-size:128px 128px,100% 100%;transition:background-color .45s,color .45s;overflow:hidden}.theme-finished,.theme-rest{--accent:var(--forest)}.theme-paused,.theme-prepare{--accent:#57446e;--accent-ink:#fbf8ff}.mode-intervals.theme-work{--paper:var(--forest);--ink:var(--forest-ink);--accent:var(--lilac);--accent-ink:var(--lilac-ink);--muted:#d0ded9;--line:#f7f8ef30;--surface:#355c54;--ambient-light:#a3c8bd0d}.mode-intervals.theme-rest{--paper:var(--lilac);--ink:var(--lilac-ink);--accent:#57446e;--accent-ink:#fbf8ff;--muted:#564c60;--line:#b5a7c9;--surface:#e7e0f0}.mode-intervals.theme-prepare{--paper:#e8e4ec}.mode-intervals.theme-finished{--paper:#e3ebe6}.app-header{height:var(--header-height);justify-content:center;align-items:center;display:flex;position:relative}.mode-nav{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-group);background:var(--ink);grid-template-columns:repeat(3,1fr);width:432px;max-width:calc(100% - 64px);padding:5px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.mode-nav{background:color-mix(in srgb,var(--ink) 4%,var(--paper))}}.mode-nav{box-shadow:inset 0 1px 3px #172c2520,0 1px #ffffff60}.mode-indicator{z-index:-1;pointer-events:none;background-color:var(--surface);border-radius:calc(var(--radius-group) - 6px);width:calc(33.3333% - 3.33333px);height:calc(100% - 10px);transform:translateX(calc(var(--mode-index) * 100%));transition:transform .22s var(--ease);background-image:linear-gradient(#ffffff16,#0000 75%);position:absolute;top:5px;left:5px;box-shadow:inset 0 1px #ffffff50,0 2px 3px #172c251c,0 4px 8px #172c2508}.mode-nav button{border-radius:var(--radius-control);min-height:44px;color:var(--muted);padding:8px 10px;font-size:14px;font-weight:500;transition:color .12s;position:relative}.mode-nav button:enabled:active{transform:none}.mode-nav button[aria-pressed=true]{color:var(--ink)}.mode-nav button[data-state=paused][aria-pressed=false]:after,.mode-nav button[data-state=running][aria-pressed=false]:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:calc(50% - 2px)}.mode-nav button[data-state=paused][aria-pressed=false]:after{box-shadow:inset 0 0 0 1px var(--muted);background:0 0}.icon-button{width:48px;height:48px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.fullscreen-button{position:absolute;right:0}.fullscreen-button svg{width:20px;height:20px}.timer-main{flex-direction:column;align-items:center;display:flex;position:relative}.timer-console{width:100%;min-height:calc(100dvh - var(--page-top) - var(--page-bottom) - var(--header-height) - var(--marks-room));padding-top:var(--console-padding);justify-content:safe center}.timer-console,.timer-stage{flex-direction:column;flex:none;align-items:center;display:flex}.timer-stage{--cycle-gap:10px;width:min(720px,100%);animation:mode-in .24s var(--ease) both}.status-line{height:40px;color:var(--accent);justify-content:center;gap:12px;margin-bottom:12px;font-size:18px;font-weight:500}.phase-symbol,.status-line{align-items:center;display:flex}.phase-symbol svg{width:24px;height:24px}.phase-symbol[data-phase=work] svg{fill:currentColor;stroke-width:1px}.phase-detail{color:var(--muted);font-size:14px}.phase-detail:empty{display:none}.round-count{color:var(--ink);font-variant-numeric:tabular-nums;border-left:1px solid var(--line);padding-left:14px}.round-count>span{color:var(--muted)}.mode-content{width:100%;height:var(--stage-height);animation:mode-in .24s var(--ease) both}.mode-content:has(.prepare-details[open]){z-index:6;position:relative}.clock{height:var(--stage-height);font-size:var(--clock-size);font-variant-numeric:tabular-nums;letter-spacing:-.055em;white-space:nowrap;justify-content:center;align-items:center;font-weight:400;line-height:1;display:flex}.clock.with-hours{font-size:122px}.tenths{letter-spacing:-.035em;color:var(--muted);margin-top:.72em;margin-left:10px;font-size:.35em}.time-editor-wrap{width:100%;height:var(--stage-height);position:relative}.time-editor{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;column-gap:5%;width:100%;height:100%;display:grid}.time-part{grid-template-rows:44px var(--digit-height) 44px 32px;justify-items:center;width:100%;display:grid;position:relative}.time-unit{width:100%;font-size:15px}.digit-arrow,.time-unit{color:var(--muted);justify-content:center;align-items:center;display:flex}.digit-arrow{width:52px;height:44px;border-radius:var(--radius-control)}.digit-arrow svg{width:18px;height:18px}.readonly .digit-arrow{visibility:hidden}.digit-slot{border-radius:var(--radius-control);width:100%;min-width:0;transition:background-color .18s;position:relative}.time-editor .digit-slot{background-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.time-editor .digit-slot{background-color:color-mix(in srgb,var(--ink) 3%,transparent)}}.time-editor .digit-slot{box-shadow:inset 0 1px 3px #172c2510,0 1px #ffffff70}.time-digits{width:100%;min-width:0;height:var(--digit-height);font:400 var(--digit-size)/var(--digit-height) Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.055em;text-align:center;border-radius:inherit;background:0 0;border:0;padding:0;display:block}input.time-digits{touch-action:none;cursor:ns-resize}input.time-digits:focus{cursor:text}.time-colon{width:16.6%;height:var(--digit-height);font-size:calc(var(--digit-size) * .6);color:var(--muted);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:44px;right:100%}.editor-error{text-align:center;width:100%;color:var(--danger);font-size:12px;position:absolute;top:calc(100% - 4px)}.sequence-field input,.value-field input,input.time-digits{caret-color:var(--accent);transition:color .18s,background-color .18s}.value-field input{touch-action:none;cursor:ns-resize}.value-field input:focus{cursor:text}.sequence-field input:focus,.value-field input:focus,input.time-digits:focus{color:var(--ink);outline:none}input.time-digits::selection{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){input.time-digits::selection{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.value-field input::selection{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.value-field input::selection{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.sequence-field input::selection{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sequence-field input::selection{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.digit-slot:focus-within,.value-input-wrap:focus-within{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.digit-slot:focus-within,.value-input-wrap:focus-within{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.digit-slot[data-dragging]{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.digit-slot[data-dragging]{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.digit-slot[data-dragging] .time-digits{color:var(--accent)}.digit-slot:after,.value-input-wrap:after{content:"";pointer-events:none;background:var(--accent);opacity:0;height:2px;transition:opacity .18s ease,transform .22s var(--ease);border-radius:2px;position:absolute;bottom:1px;left:16%;right:16%;transform:scaleX(.4)}.digit-slot:focus-within:after,.digit-slot[data-dragging]:after,.value-input-wrap:focus-within:after{opacity:.65;transform:scaleX(1)}.value-input-wrap[data-dragging]{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.value-input-wrap[data-dragging]{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.value-input-wrap[data-dragging] input{color:var(--accent)}.value-input-wrap[data-dragging]:after{opacity:.65;transform:scaleX(1)}.value-field{text-align:center;min-width:0;position:relative}.value-field label{color:var(--muted);margin-bottom:8px;font-size:15px;display:block}.field-controls{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.value-input-wrap{border-radius:var(--radius-control);width:100%;transition:background-color .18s;position:relative}.value-field input{border-radius:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.06em;text-align:center;background:0 0;border:0;width:100%;min-width:0;height:88px;padding:0;font-size:82px;font-weight:400;line-height:1;display:block}.duration-unit{width:100%;height:16px;color:var(--muted);letter-spacing:.03em;pointer-events:none;font-size:11px;line-height:16px;display:block;position:relative}.duration-unit>span{transition:opacity .16s ease,transform .2s var(--ease);position:absolute;inset:0}.unit-editing{opacity:0;letter-spacing:0;transform:translateY(3px)}.value-field[data-editing] .unit-idle{opacity:0;transform:translateY(-3px)}.value-field[data-editing] .unit-editing{opacity:1;transform:translateY(0)}.input-confirmation{color:var(--accent);pointer-events:none;opacity:0;font-size:14px;animation:input-saved .9s both;position:absolute;top:6px;right:0}.value-field[data-invalid] .value-input-wrap:after,.value-input-wrap[data-invalid]:after{background:var(--danger);opacity:.7;transform:scaleX(1)}.field-hint,.value-field[data-invalid] input{color:var(--danger)}.field-hint{pointer-events:none;font-size:11px;line-height:1.2;position:absolute;top:calc(100% + 4px);left:-8px;right:-8px}.stepper{justify-content:center;gap:8px;display:flex}.stepper button{border-radius:var(--radius-control);min-width:62px;height:44px;color:var(--accent);background-color:var(--ink);font-size:14px}@supports (color:color-mix(in lab,red,red)){.stepper button{background-color:color-mix(in srgb,var(--ink) 10%,transparent)}}.stepper button{background-image:linear-gradient(#ffffff0d,#00000004);box-shadow:inset 0 1px #fff2,0 1px #172c2528,0 3px 5px #172c2512}.stepper button:enabled:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #172c2526}.cycle-editor{width:100%;height:var(--stage-height);flex-direction:column;display:flex}.cycle-stages{gap:var(--cycle-gap);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;position:relative}.cycle-rest,.cycle-work{--panel-shadow:inset 0 1px 0 var(--panel-edge),inset 0 -1px 0 #172c2526,0 2px 3px #172c2512,0 14px 24px -16px #172c2550;background-image:var(--grain),linear-gradient(145deg,#ffffff0c,transparent 48%,var(--panel-shade));box-shadow:var(--panel-shadow);background-size:128px 128px,100% 100%;padding:18px 22px 12px;transition:box-shadow .2s,background-color .2s;position:relative}.cycle-work{--ink:var(--forest-ink);--accent:var(--forest-ink);--muted:var(--forest-ink);--danger:#ffd0bf;--panel-edge:#c4ded552;--panel-shade:#092e271c;color:var(--ink);background-color:var(--forest);border-radius:var(--radius-panel) var(--radius-join) var(--radius-join) var(--radius-panel)}.cycle-rest{--ink:var(--lilac-ink);--accent:var(--lilac-ink);--muted:var(--lilac-ink);--panel-edge:#ffffffb3;--panel-shade:#4634500a;color:var(--ink);background-color:var(--lilac);border-radius:var(--radius-join) var(--radius-panel) var(--radius-panel) var(--radius-join)}.cycle-rest:focus-within:not(:has(.tika-hover-target:focus)),.cycle-work:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent),var(--panel-shadow)}@supports (color:color-mix(in lab,red,red)){.cycle-rest:focus-within:not(:has(.tika-hover-target:focus)),.cycle-work:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 40%,transparent),var(--panel-shadow)}}.cycle-stages .value-input-wrap{background-image:linear-gradient(#00000005,#0000);box-shadow:inset 0 1px 1px #172c2510,0 1px #ffffff0b}.cycle-stages .value-field label{text-align:left;padding-left:28px;font-weight:500;line-height:22px}.interval-symbol{color:var(--accent);position:absolute;top:19px;left:22px}.interval-symbol svg{width:17px;height:17px}.cycle-join{z-index:1;background:var(--surface);border:5px solid var(--surface);width:34px;height:34px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffb3,0 2px 4px #172c2526,0 5px 10px #172c2514}.cycle-join svg{width:17px}.cycle-settings{flex:none;justify-content:space-between;gap:12px;height:62px;padding:8px 12px}.cycle-repeat,.cycle-settings{align-items:center;display:flex}.cycle-repeat{gap:10px}.count-field{align-items:center;gap:12px;display:flex}.count-field label{margin:0;font-size:14px}.count-field .field-controls{gap:0;padding:0 44px;position:relative}.count-field .value-input-wrap{width:40px}.count-field input{letter-spacing:-.03em;height:44px;font-size:21px}.count-field .stepper{pointer-events:none;justify-content:space-between;position:absolute;inset:0}.count-field .stepper button{width:40px;min-width:40px;color:var(--muted);box-shadow:none;pointer-events:auto;background:0 0;font-size:21px}.count-field .input-confirmation{font-size:10px;top:-3px;right:-3px}.count-field .field-hint{z-index:2;border-radius:5px;padding:3px;top:calc(100% + 8px)}.count-field .has-error{background:var(--paper)}.prepare-details{position:relative}.prepare-details summary{color:var(--muted);border-radius:var(--radius-inset);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:14px;list-style:none;display:flex}.prepare-details summary::-webkit-details-marker{display:none}.prepare-details summary>svg{width:16px;height:16px}.prepare-details summary>svg:last-child{width:14px;transition:transform .18s}.prepare-details[open] summary>svg:last-child{transform:rotate(180deg)}.prepare-details strong{color:var(--ink);font-variant-numeric:tabular-nums;min-width:29px;font-weight:500}.prepare-popover{z-index:4;background-color:var(--surface);background-image:var(--grain);border:1px solid var(--line);border-radius:var(--radius-group);width:240px;animation:popover-in .18s var(--ease);padding:20px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:inset 0 1px #ffffffb3,0 4px 8px #172c2510,0 18px 40px -10px #172c2533}.prepare-popover .value-field input{height:58px;font-size:44px}.prepare-popover .duration-unit{display:none}.prepare-popover .value-field label{margin-bottom:8px;font-size:14px}.prepare-presets{gap:4px;margin-top:20px;display:flex}.prepare-presets button{border-radius:var(--radius-inset);flex:1;min-height:44px;font-size:13px}.prepare-presets button[aria-pressed=true]{background:var(--lilac);color:var(--lilac-ink)}.prepare-popover p{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12px}.prepare-done{border-radius:var(--radius-inset);background:var(--ink);justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin-top:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.prepare-done{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.prepare-done{color:var(--ink);font-size:13px}.prepare-done svg{width:16px;height:16px}.details-slot{justify-content:center;align-items:center;width:100%;height:104px;margin-top:16px;display:flex}.mode-intervals .details-slot{height:88px;margin-top:8px}.interval-options{flex-direction:column;justify-content:center;align-self:flex-end;align-items:center;gap:8px;padding-bottom:4px;display:flex}.total-duration{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;font-size:20px;display:flex}.total-duration small{color:var(--muted);font-size:14px}.total-duration strong{font-weight:400}.timer-presets{gap:8px;display:flex;position:relative}.zero-hint{text-align:center;color:var(--muted);font-size:12px;position:absolute;top:calc(100% + 8px);left:0;right:0}.timer-presets button{border:1px solid var(--line);border-radius:var(--radius-control);min-width:72px;min-height:44px;color:var(--muted);padding:0 14px;font-size:14px}.timer-presets button[aria-pressed=true]{background:var(--lilac);color:var(--ink);border-color:#0000;box-shadow:inset 0 1px #ffffff80,0 1px 2px #172c251f}.countdown-tools{width:min(380px,80%);position:relative}.next-phase{text-align:center;color:var(--muted);margin-bottom:14px;font-size:13px;display:block}.next-phase span{font-variant-numeric:tabular-nums}.phase-progress{background:var(--ink);border-radius:3px;height:4px}@supports (color:color-mix(in lab,red,red)){.phase-progress{background:color-mix(in srgb,var(--ink) 12%,transparent)}}.phase-progress{overflow:hidden;box-shadow:inset 0 1px 2px #172c251a,0 1px #ffffff1a}.phase-progress span{border-radius:inherit;background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block}.corrections{justify-content:center;gap:20px;margin-top:10px;display:flex}.corrections button{min-width:72px;min-height:44px;color:var(--muted);border-radius:var(--radius-control);font-size:14px}.action-row{flex:none;justify-content:center;align-items:center;width:224px;max-width:calc(100% - 136px);margin-top:12px;display:flex;position:relative}.primary-button{--button-shadow:inset 0 1px 0 #ffffff30,0 3px 0 var(--accent),0 7px 12px #172c251f}@supports (color:color-mix(in lab,red,red)){.primary-button{--button-shadow:inset 0 1px 0 #ffffff30,0 3px 0 color-mix(in srgb,var(--accent) 76%,#102c24),0 7px 12px #172c251f}}.primary-button{background-color:var(--accent);border-radius:var(--radius-group);width:100%;min-width:0;height:60px;color:var(--accent-ink);box-shadow:var(--button-shadow);background-image:linear-gradient(#ffffff0c,#0000 65%,#00000005);padding:0 20px;font-size:16px}.primary-button,.primary-content{justify-content:center;align-items:center;display:inline-flex}.primary-content{white-space:nowrap;gap:12px;animation:label-in .16s both}.primary-content svg{width:20px;height:20px}.primary-button:enabled:active{box-shadow:inset 0 1px 2px #172c2533,0 1px 0 var(--accent);transform:translateY(2px)}@supports (color:color-mix(in lab,red,red)){.primary-button:enabled:active{box-shadow:inset 0 1px 2px #172c2533,0 1px 0 color-mix(in srgb,var(--accent) 76%,#102c24)}}.primary-button:disabled{color:#727a72;opacity:1;box-shadow:none;background:#dce0d9}.reset-button{position:absolute;right:calc(100% + 16px)}.mark-button{border-radius:var(--radius-control);width:56px;font-size:14px;position:absolute;left:calc(100% + 16px)}.saved-presets{margin-top:16px}.preset-controls,.saved-presets{width:100%;font-size:13px;font-weight:400}.preset-controls{--preset-form-width:calc((100% - var(--cycle-gap)) / 2);min-width:0;color:var(--ink);position:relative}.preset-controls[data-mode=intervals]{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;display:grid}.preset-controls[data-mode=intervals] .preset-heading{grid-area:1/2}.preset-controls[data-mode=intervals] .preset-ready-row{grid-area:1/1}.preset-controls[data-mode=intervals] .preset-save-form{width:clamp(200px,25vw,320px)}.preset-controls[data-mode=intervals] .preset-error{grid-column:1/-1}.preset-heading{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.preset-ready-row{align-items:center;gap:8px;display:flex}.preset-controls .starter-row{flex-wrap:nowrap;justify-content:flex-start;gap:6px;min-width:0}.preset-button{border-radius:var(--radius-control);background:var(--ink);min-height:36px;padding:5px 12px}@supports (color:color-mix(in lab,red,red)){.preset-button{background:color-mix(in srgb,var(--ink) 4%,transparent)}}.preset-button{white-space:nowrap;font-size:12px}.preset-save-form{width:100%;min-height:52px;width:var(--preset-form-width);border-radius:var(--radius-group);min-height:48px;color:var(--ink);background:0 0;border:1px solid #0000;align-items:center;gap:4px;margin-left:auto;padding:3px;display:flex}.preset-save-form button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.preset-list{flex-wrap:wrap;flex:1;gap:8px;min-width:0;margin-left:-4px;padding:4px}.preset-chip,.preset-list{align-items:center;display:flex}.preset-chip{border:0 solid #0000;flex:none;max-width:220px;position:relative}.preset-apply{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%;min-width:0;display:flex;position:relative}.preset-delete-confirm:focus-visible,.preset-remove:focus-visible{background:#00000012;outline:none}.preset-toolbar{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex;position:relative}.preset-toolbar[data-confirming]{border-radius:var(--radius-control);background:var(--accent);gap:0;max-width:260px}@supports (color:color-mix(in lab,red,red)){.preset-toolbar[data-confirming]{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.preset-toolbar[data-confirming] .preset-new{display:none}.preset-delete-label{min-width:0;color:var(--ink);white-space:nowrap;align-items:center;padding:0 8px 0 12px;font-size:13px;line-height:18px;display:flex}.preset-delete-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.preset-delete-label>:not(.preset-delete-name){flex:none}.preset-delete-actions{flex:none;justify-content:flex-end;width:32px;height:40px;display:flex;position:relative}.preset-delete-actions[data-confirming]{width:68px}.preset-delete-confirm{border-radius:var(--radius-inset);width:32px;height:40px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:36px}.preset-name,.preset-summary{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.preset-name{line-height:16px}.preset-summary{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:14px}.preset-work{color:var(--forest)}.preset-rest{color:#645078}.preset-controls svg{flex:none;width:16px;height:16px}.preset-cancel,.preset-confirm,.preset-remove{border-radius:var(--radius-inset);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.preset-remove{width:32px;color:var(--muted);position:relative}.preset-new{border-radius:var(--radius-control);min-height:44px;color:var(--forest);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:0 8px;display:inline-flex}.preset-new:focus-visible{background:#00000012;outline:none}.preset-save-form input{border-radius:var(--radius-control);background-color:var(--ink);border:0;flex:1;width:100%;min-width:0;height:40px;padding:8px 12px}@supports (color:color-mix(in lab,red,red)){.preset-save-form input{background-color:color-mix(in srgb,var(--ink) 4%,var(--paper))}}.preset-save-form input{caret-color:var(--forest);font-size:16px;transition:background-color .18s,box-shadow .18s;box-shadow:inset 0 2px 4px #172c2524,inset 0 -1px #fff9}.preset-save-form input:focus-visible{background-color:var(--lilac);outline:none}@supports (color:color-mix(in lab,red,red)){.preset-save-form input:focus-visible{background-color:color-mix(in srgb,var(--lilac) 12%,var(--paper))}}.preset-save-form input:focus-visible{box-shadow:inset 0 2px 4px #172c252b,inset 0 -1px 0 #fff9,inset 0 0 0 1px var(--forest)}@supports (color:color-mix(in lab,red,red)){.preset-save-form input:focus-visible{box-shadow:inset 0 2px 4px #172c252b,inset 0 -1px 0 #fff9,inset 0 0 0 1px color-mix(in srgb,var(--forest) 32%,transparent)}}.preset-save-form input[aria-invalid=true]{box-shadow:inset 0 2px 4px #172c252b,inset 0 -1px 0 #fff9,inset 0 0 0 1px var(--danger)}.preset-save-form input::placeholder{color:var(--muted);font-size:14px}.preset-confirm{background-color:var(--forest);color:var(--forest-ink);box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 var(--forest),0 3px 5px #172c251a;background-image:linear-gradient(#ffffff0c,#0000 70%)}@supports (color:color-mix(in lab,red,red)){.preset-confirm{box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 color-mix(in srgb,var(--forest) 76%,#102c24),0 3px 5px #172c251a}}.preset-confirm:enabled:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #172c2533}.preset-confirm:disabled{background:var(--forest)}@supports (color:color-mix(in lab,red,red)){.preset-confirm:disabled{background:color-mix(in srgb,var(--forest) 9%,var(--surface))}}.preset-confirm:disabled{color:var(--muted);opacity:1;box-shadow:inset 0 1px #ffffff70}.preset-save-form .preset-cancel,.preset-save-form .preset-confirm{border-radius:var(--radius-control)}.preset-cancel{color:var(--muted)}.preset-controls[data-intent=delete] .preset-error{width:100%;margin-left:0}.preset-error{width:var(--preset-form-width);color:var(--danger);margin:6px 0 0 auto;font-size:12px;line-height:1.5}@media (min-width:701px){.preset-controls[data-mode=intervals]{grid-template-columns:minmax(0,1fr) clamp(200px,25vw,320px);align-items:start}.preset-ready-row.preset-list{flex-wrap:wrap;min-width:0;min-height:48px}.preset-ready-row.preset-list .starter-row{display:contents}}@media (min-width:701px) and (min-height:701px){.timer-app{--page-top:20px;--header-height:42px}.mode-nav{border-radius:14px;width:408px;padding:2px}.mode-indicator{border-radius:10px;width:calc(33.3333% - 1.33333px);height:calc(100% - 4px);top:2px;left:2px}.mode-nav button{border-radius:10px;min-height:36px;padding:4px 10px;font-size:13px}}@media (max-width:700px){.preset-controls{--preset-form-width:100%}.preset-controls[data-mode=intervals] .preset-heading{grid-area:3/1/auto/-1}.preset-controls[data-mode=intervals] .preset-ready-row{grid-column:1/-1}.preset-controls[data-mode=intervals] .preset-save-form{width:100%}.preset-toolbar[data-confirming]{max-width:180px}.preset-ready-row{gap:6px}.preset-controls .starter-row{flex:1;gap:4px}.starter-row button{flex:1}.preset-button{padding-inline:6px;font-size:11px}.preset-toolbar{gap:4px}.preset-chip{max-width:176px}}.api-message{text-align:center;color:var(--muted);pointer-events:none;font-size:13px;position:fixed;bottom:18px;left:20px;right:20px}@media (hover:hover){.preset-button:enabled:hover:not([aria-pressed=true]){background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.preset-button:enabled:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--ink) 6%,transparent)}}.preset-cancel:hover,.preset-new:enabled:hover{background:#00000008}.preset-delete-confirm:enabled:hover{color:var(--danger)}.mode-nav button:enabled:hover{color:var(--ink)}.corrections button:enabled:hover,.digit-arrow:enabled:hover,.icon-button:enabled:hover,.prepare-details summary:hover,.prepare-done:hover,.prepare-presets button:enabled:hover,.timer-presets button:enabled:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.corrections button:enabled:hover,.digit-arrow:enabled:hover,.icon-button:enabled:hover,.prepare-details summary:hover,.prepare-done:hover,.prepare-presets button:enabled:hover,.timer-presets button:enabled:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.corrections button:enabled:hover,.digit-arrow:enabled:hover,.icon-button:enabled:hover,.prepare-details summary:hover,.prepare-done:hover,.prepare-presets button:enabled:hover,.timer-presets button:enabled:hover{color:var(--ink)}.stepper button:enabled:hover{background-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.stepper button:enabled:hover{background-color:color-mix(in srgb,var(--ink) 16%,transparent)}}.count-field .stepper button:enabled:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.count-field .stepper button:enabled:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.sequence-field input:hover,.value-field input:hover,input.time-digits:hover{color:var(--accent)}.editable .digit-slot:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.editable .digit-slot:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.primary-button:enabled:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.primary-button:enabled:hover{background-color:color-mix(in srgb,var(--accent) 96%,var(--accent-ink))}}}@keyframes mode-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes label-in{0%{opacity:.3}to{opacity:1}}@keyframes popover-in{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:none}}@keyframes lap-in{0%{opacity:.25;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes input-saved{0%{opacity:0;transform:translateY(3px)scale(.85)}20%,65%{opacity:.8;transform:none}to{opacity:0;transform:translateY(-3px)}}@media (max-width:700px){.timer-app{--radius-panel:24px;--radius-join:16px;--radius-group:18px;--radius-control:12px;--radius-inset:9px;--stage-height:258px;--digit-height:112px;--digit-size:18vw;--clock-size:30vw;--page-top:16px;--page-bottom:16px;--header-height:52px;--console-padding:20px;--marks-room:120px;padding:var(--page-top) 20px var(--page-bottom)}.app-header{justify-content:flex-start}.mode-nav{width:calc(100% - 44px);max-width:none;padding:4px}.mode-indicator{border-radius:calc(var(--radius-group) - 5px);width:calc(33.3333% - 2.66667px);height:calc(100% - 8px);top:4px;left:4px}.mode-nav button{min-height:42px;padding:8px 3px;font-size:12px}.fullscreen-button{width:44px;height:44px;right:-8px}.fullscreen-button svg{width:18px;height:18px}.status-line{gap:8px;height:32px;margin-bottom:12px;font-size:16px}.phase-detail{font-size:13px}.phase-symbol svg{width:21px;height:21px}.round-count{padding-left:10px}.clock.with-hours{font-size:20vw}.tenths{margin-left:5px}.time-unit{font-size:13px}.digit-arrow{width:44px}.digit-arrow svg{width:16px;height:16px}.timer-stage{--cycle-gap:6px}.cycle-rest,.cycle-work{padding:16px 10px 10px}.interval-symbol{top:19px;left:12px}.interval-symbol svg{width:15px;height:15px}.cycle-stages .value-field label{margin-bottom:8px;padding-left:24px;line-height:22px}.value-field label{margin-bottom:6px;font-size:13px}.value-field input{height:76px;font-size:clamp(36px,10vw,64px)}.field-controls{gap:3px}.duration-unit{height:16px;font-size:10px}.stepper{gap:6px}.stepper button{min-width:48px;font-size:13px}.cycle-join{border-width:3px;width:28px;height:28px}.cycle-join svg{width:15px}.cycle-settings{gap:4px;height:54px;padding:5px 0}.cycle-repeat{gap:0}.count-field{gap:2px;padding-left:4px}.count-field label{margin:0;font-size:12px}.count-field .field-controls{padding:0 36px}.count-field .value-input-wrap{width:30px}.count-field input{height:44px;font-size:19px}.count-field .stepper button{width:36px;min-width:36px;font-size:19px}.prepare-details summary{gap:5px;padding:0 6px;font-size:12px}.prepare-details summary>svg:first-child{display:none}.prepare-details summary>svg:last-child{width:12px}.prepare-details strong{min-width:24px}.prepare-popover{right:0}.details-slot{height:84px;margin-top:12px}.mode-intervals .details-slot{height:40px;margin-top:8px}.total-duration{font-size:17px}.total-duration small{font-size:13px}.timer-presets{gap:6px}.timer-presets button{min-width:60px;padding:0 12px;font-size:13px}.next-phase{margin-bottom:10px;font-size:12px}.corrections{margin-top:6px}.corrections button{font-size:13px}.action-row{width:200px;max-width:calc(100% - 120px);margin-top:12px}.primary-button{height:56px;padding-inline:12px;font-size:15px}.primary-content{gap:9px}.primary-content svg{width:18px;height:18px}.reset-button{right:calc(100% + 10px)}.mark-button{width:48px;left:calc(100% + 10px)}.field-hint{font-size:10px}}@media (max-width:359px){.timer-app{padding-inline:12px}.mode-nav button{font-size:11px}.cycle-settings{padding-inline:3px}.count-field{padding-left:3px}.prepare-details summary{gap:4px;padding-inline:3px}.primary-button{font-size:14px}}@media (max-height:720px) and (max-width:700px){.timer-app{--stage-height:246px;--page-top:12px;--page-bottom:12px;--console-padding:6px;--marks-room:136px}.status-line{margin-bottom:4px}.action-row{margin-top:8px}.timer-app{--stage-height:210px;--digit-height:90px;--console-padding:2px;--marks-room:100px}.details-slot,.mode-intervals .details-slot{height:64px;margin-top:4px}.next-phase{margin-bottom:4px;font-size:12px}.corrections{margin-top:4px}.corrections button{min-height:36px}.cycle-rest,.cycle-work{padding-block:10px 8px}.interval-symbol{top:13px}.cycle-stages .value-field label{margin-bottom:2px}.cycle-stages .value-field input{height:60px;font-size:clamp(36px,9vw,48px)}.cycle-stages .field-controls{gap:2px}.cycle-stages .stepper button{height:40px}.cycle-settings{height:50px}.prepare-popover{padding:16px}.prepare-popover p{display:none}.prepare-popover .prepare-presets{margin-top:12px}}@media (max-height:860px) and (min-width:701px){.timer-app{--stage-height:246px;--digit-height:118px;--digit-size:106px;--page-top:16px;--page-bottom:16px;--console-padding:12px;--marks-room:112px}.cycle-rest,.cycle-work{padding-block:10px 8px}.interval-symbol{top:11px}.cycle-stages .value-field label{margin-bottom:4px}.cycle-stages input{height:72px;font-size:60px}.cycle-stages .field-controls{gap:2px}.details-slot,.mode-intervals .details-slot{height:72px;margin-top:6px}}@media (max-height:500px) and (min-width:500px),(max-height:700px) and (min-width:701px){.timer-app{--radius-panel:20px;--radius-join:12px;--radius-group:16px;--radius-control:10px;--radius-inset:8px;--stage-height:146px;--digit-height:70px;--digit-size:76px;--clock-size:112px;--page-top:6px;--page-bottom:6px;--header-height:48px;--console-padding:0px;--marks-room:0px;padding:var(--page-top) 24px var(--page-bottom)}.mode-nav{width:380px}.mode-nav button{min-height:36px;font-size:13px}.timer-console{justify-content:flex-start}.timer-stage{width:560px;max-width:100%}.status-line{height:24px;margin-bottom:0;font-size:14px}.phase-symbol svg{width:18px;height:18px}.time-part{grid-template-rows:26px var(--digit-height) 26px 22px}.time-unit{font-size:12px}.time-colon{top:26px}.digit-arrow{width:60px;height:26px}.clock.with-hours{font-size:80px}.cycle-editor{gap:0}.timer-stage{--cycle-gap:8px}.cycle-rest,.cycle-work{padding:8px 12px}.interval-symbol{top:12px;left:14px}.interval-symbol svg{width:16px;height:16px}.cycle-stages .value-field label{margin:0;line-height:20px}.cycle-stages .duration-unit{display:none}.value-field label{margin-bottom:0;font-size:12px}.field-controls{flex-direction:row;gap:8px}.value-field input{height:58px;font-size:44px}.stepper{flex-direction:row;gap:4px}.stepper button{min-width:44px;height:44px;font-size:12px}.cycle-settings{height:44px;padding:0 10px}.count-field{gap:8px}.count-field input{height:40px;font-size:20px}.count-field .stepper{flex-direction:row;align-items:center}.count-field .stepper button{height:40px}.prepare-details summary{min-height:40px;font-size:12px}.prepare-popover{padding:16px;top:-148px;bottom:auto}.prepare-popover p{display:none}.prepare-popover .prepare-presets{margin-top:12px}.details-slot,.mode-intervals .details-slot{height:61px;margin-top:4px}.interval-options{gap:4px}.next-phase{margin-bottom:4px;font-size:12px}.corrections{margin-top:0}.corrections button{min-height:36px}.action-row{width:190px;margin-top:6px}.primary-button{height:48px;font-size:14px}.timer-app.mode-stopwatch{--marks-room:100px;--stage-height:96px}.mode-stopwatch .details-slot{height:12px}}@media (min-height:501px) and (max-height:700px) and (min-width:701px){.timer-console{justify-content:center}}@media (max-height:360px) and (min-width:500px){.timer-app{--page-top:4px;--page-bottom:4px;--header-height:44px;--stage-height:130px;--digit-height:60px;--digit-size:64px}.status-line{height:20px}.time-part{grid-template-rows:22px var(--digit-height) 22px 22px}.time-colon{top:22px}.digit-arrow{height:22px}.cycle-rest,.cycle-work{padding-block:6px}.cycle-stages .value-field input{height:44px;font-size:38px}.details-slot,.mode-intervals .details-slot{height:48px;margin-top:0}.action-row{margin-top:4px}.primary-button{height:44px}.timer-app.mode-stopwatch{--marks-room:90px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.timer-app:not(.mode-stopwatch) .status-line{width:100%;height:auto;min-height:52px}.status-line:has(.preset-controls){z-index:5;gap:0;position:relative}@media (max-height:360px) and (min-width:500px){.preset-new,.preset-save-form,.timer-app:not(.mode-stopwatch) .status-line{min-height:40px}.preset-list{padding-block:0}.preset-button{min-height:36px;padding-block:1px}.preset-delete-actions,.preset-delete-confirm,.preset-remove{height:36px}.preset-save-form .preset-cancel,.preset-save-form .preset-confirm,.preset-save-form input{height:32px}}@media (max-width:359px){.preset-button{padding-inline:4px;font-size:11px}}.preset-controls[data-mode=timer]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.preset-controls[data-mode=timer] .preset-heading{grid-area:1/2}.preset-controls[data-mode=timer] .preset-error{grid-column:1/-1}.preset-controls[data-mode=timer][data-intent=save] .preset-heading{grid-column:1/-1;width:100%}@media (max-height:720px) and (max-width:700px){.timer-app.mode-intervals.state-ready .details-slot{height:36px}}@media (max-height:500px) and (min-width:500px){.preset-controls[data-mode=intervals]{grid-template-columns:minmax(0,1fr) 200px;column-gap:8px;display:grid}.preset-controls[data-mode=intervals] .preset-heading{grid-area:2/2;min-height:40px}.preset-controls[data-mode=intervals][data-intent=save] .preset-heading{grid-area:2/2}.preset-controls[data-mode=intervals] .preset-ready-row{grid-area:2/1}.preset-controls[data-mode=intervals] .preset-save-form{width:100%}.preset-controls[data-mode=intervals] .preset-toolbar[data-confirming]{max-width:100%}.preset-controls[data-mode=intervals] .preset-error{grid-column:1/-1;width:100%}.preset-controls .starter-row{gap:4px;min-height:32px}.preset-button{min-height:28px;padding:3px 5px;font-size:10px}.preset-heading{min-height:40px}.timer-app.mode-intervals.state-ready .details-slot{height:24px;margin-top:0}}@media (max-height:360px) and (min-width:500px){.timer-app.mode-intervals.state-ready{--stage-height:124px}.timer-app.mode-intervals.state-ready .details-slot{height:20px}}@media (min-height:501px) and (max-height:860px) and (min-width:701px){.timer-app.mode-intervals.state-ready .details-slot{height:64px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.app-wordmark{position:absolute;left:max(0px,calc((100% - 1120px) / 2));font-size:19px;letter-spacing:-.7px}.stopwatch-layout{--stopwatch-panel-height:428px;--stopwatch-gap:18px;--stopwatch-top:40px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:var(--stopwatch-gap);width:min(1120px,100%);margin-top:var(--stopwatch-top)}.stopwatch-console.timer-console{--ink:var(--forest-ink);--muted:#c3d3cc;--accent:var(--lilac);--accent-ink:var(--lilac-ink);position:sticky;top:24px;min-width:0;min-height:0;height:var(--stopwatch-panel-height);padding:24px 30px 28px;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-panel);background-color:var(--forest);background-image:var(--grain),linear-gradient(135deg,#ffffff07,transparent 65%);background-size:128px 128px,100% 100%;color:var(--forest-ink);box-shadow:inset 0 1px 0 #ffffff29}.stopwatch-stage.timer-stage{width:100%;min-width:0;min-height:0;flex:1;align-items:stretch;animation:none}.stopwatch-console .status-line{width:100%;height:44px;margin:0;justify-content:flex-end;font-size:13px;font-weight:400;color:var(--muted)}.stopwatch-console .reset-button{position:static;width:44px;height:44px;border-radius:var(--radius-control)}.stopwatch-console .reset-button svg{width:18px;height:18px}.stopwatch-console .mode-content{container-type:inline-size;display:block;width:100%;height:auto;min-height:0;margin-top:42px}.stopwatch-console .clock{width:100%;height:144px;align-items:baseline;font-size:min(26cqw,132px);line-height:1.08}.stopwatch-console .clock.with-hours{font-size:min(17cqw,90px)}.stopwatch-console .tenths{margin-top:0;margin-left:.13em;font-size:.4em}.stopwatch-current.details-slot{gap:12px;height:28px;margin-top:8px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.stopwatch-current-time{color:var(--forest-ink);font-size:18px}.stopwatch-console .action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;max-width:none;padding-top:18px;margin-top:auto}.stopwatch-console .mark-button,.stopwatch-console .primary-button{position:static;display:inline-flex;justify-content:center;align-items:center;gap:9px;width:100%;min-width:0;height:58px;padding-inline:10px;border-radius:var(--radius-control);font-size:15px}.stopwatch-console .primary-button{background:var(--lilac);color:var(--lilac-ink);box-shadow:inset 0 1px 0 #ffffff3d}.stopwatch-console .primary-button:disabled{opacity:.4}.stopwatch-console .mark-button{background:#ffffff0d;color:var(--forest-ink);box-shadow:inset 0 0 0 1px #ffffff35}.stopwatch-console .primary-content{gap:9px}.stopwatch-console .action-row svg{width:18px;height:18px}.stopwatch-console .primary-button:enabled:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #172c2526}.stopwatch-layout .marks-slot{width:100%;min-width:0;margin:0}.marks-panel{--marks-surface:color-mix(in srgb,var(--lilac) 66%,var(--paper));--marks-muted:#665b74;display:flex;flex-direction:column;min-height:var(--marks-panel-height,var(--stopwatch-panel-height));padding:25px 22px 20px;border-radius:var(--radius-panel);background-color:var(--marks-surface);background-image:var(--grain);background-size:128px 128px;color:var(--lilac-ink);box-shadow:inset 0 1px 0 #ffffff66}.marks-header{display:flex;flex:none;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.marks-header h2{margin:0;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:-.5px}.marks-panel table{width:100%}.marks-table{flex:1;min-height:auto;width:calc(100% + 6px);margin-left:-6px;padding-left:6px}.marks-panel table{table-layout:fixed;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.marks-panel tbody tr{scroll-margin-block:48px 8px}.marks-panel td,.marks-panel th{padding:15px 8px;text-align:right;font-size:14px;line-height:1.4;font-weight:400;white-space:nowrap}.marks-panel tr>:first-child{width:18%;text-align:left}.marks-panel thead th{position:sticky;top:0;z-index:1;padding-top:0;padding-bottom:11px;background-color:var(--marks-surface);background-image:var(--grain);background-size:128px 128px;color:var(--marks-muted);font-size:11px}.marks-panel tbody tr>*{border-top:1px solid #3e33521c}.marks-panel tbody tr:first-child>*{border-top-color:transparent;background:#3e335209;font-weight:500}.marks-panel tbody tr:first-child th{position:relative;border-radius:var(--radius-inset) 0 0 var(--radius-inset)}.marks-panel tbody tr:first-child th:before{content:"";position:absolute;width:3px;height:18px;top:calc(50% - 9px);left:-6px;border-radius:2px;background:var(--forest)}.marks-panel tbody tr:first-child td:last-child{border-radius:0 var(--radius-inset) var(--radius-inset) 0}.marks-panel tbody tr:first-child+tr>*{border-top-color:transparent}.marks-panel tbody td:last-child,.marks-panel tbody th{color:var(--marks-muted)}.marks-panel tbody td:nth-child(2){font-weight:500}.marks-panel tbody tr{animation:lap-in .18s ease-out}.marks-empty{margin:0;padding:16px 8px;color:var(--marks-muted);font-size:13px;line-height:1.4}.stopwatch-shortcuts{grid-column:1/-1;display:flex;justify-content:center;gap:24px;padding-top:6px;color:var(--muted);font-size:12px}.stopwatch-shortcuts span{display:inline-flex;align-items:center;gap:7px}.stopwatch-shortcuts kbd{border:1px solid #29383321;border-radius:5px;padding:3px 7px;background:#e7e7e0;font:inherit;font-size:11px}@media (max-width:1000px){.app-wordmark{display:none}.stopwatch-layout{--stopwatch-gap:12px;--stopwatch-top:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.stopwatch-console.timer-console{padding-inline:20px}.marks-panel{padding-inline:16px}.marks-panel td,.marks-panel th{padding-inline:5px}}@media (max-width:700px){.stopwatch-layout{--stopwatch-panel-height:330px;--stopwatch-gap:14px;--stopwatch-top:24px;--marks-panel-height:min(var(--stopwatch-panel-height),max(136px,calc(100dvh - var(--page-top) - var(--header-height) - var(--stopwatch-top) - var(--stopwatch-panel-height) - var(--stopwatch-gap) - var(--page-bottom) - var(--timer-tools-room))));grid-template-columns:minmax(0,1fr)}.stopwatch-console.timer-console{position:relative;top:auto;padding:18px 22px 22px}.stopwatch-console .mode-content{margin-top:36px}.stopwatch-console .clock{height:98px;font-size:min(26cqw,108px)}.stopwatch-console .clock.with-hours{font-size:min(17cqw,72px)}.stopwatch-console .action-row{padding-top:14px}.stopwatch-console .mark-button,.stopwatch-console .primary-button{height:52px;font-size:14px}.marks-panel{min-height:0;padding:22px 20px 16px}.marks-header{margin-bottom:18px}.marks-header h2{font-size:18px}.marks-panel td,.marks-panel th{padding-block:12px}.marks-panel thead th{padding-top:0;padding-bottom:10px}.stopwatch-shortcuts{display:none}}@media (max-width:700px) and (max-height:720px){.stopwatch-layout{--stopwatch-panel-height:292px;--stopwatch-top:20px}.stopwatch-console .mode-content{margin-top:24px}.stopwatch-console .clock{height:86px;font-size:min(26cqw,88px)}.stopwatch-layout{--stopwatch-panel-height:244px;--stopwatch-top:12px;--stopwatch-gap:12px}.stopwatch-console.timer-console{padding:12px 18px 16px}.stopwatch-console .mode-content{margin-top:0}.stopwatch-console .clock{height:90px;font-size:min(26cqw,80px)}.stopwatch-current.details-slot{height:22px;margin-top:0;font-size:12px}.stopwatch-current-time{font-size:16px}.stopwatch-console .action-row{padding-top:8px}.stopwatch-console .mark-button,.stopwatch-console .primary-button{height:44px;font-size:13px}.marks-panel{padding:14px 16px}.marks-header{margin-bottom:12px}.marks-panel td,.marks-panel th{padding-block:10px;font-size:12px}.marks-panel thead th{font-size:11px}.marks-empty{padding-block:10px;font-size:12px}}@media (max-height:700px){.stopwatch-shortcuts{display:none}}@media (max-height:500px) and (min-width:500px){.stopwatch-layout{--stopwatch-panel-height:calc(100dvh - var(--page-top) - var(--header-height) - var(--page-bottom) - 12px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);--stopwatch-gap:12px;--stopwatch-top:12px}.stopwatch-console.timer-console{position:sticky;top:12px;padding:12px}.stopwatch-console .mode-content{margin-top:0}.stopwatch-console .clock{height:96px;font-size:min(24cqw,90px)}.stopwatch-console .clock.with-hours{font-size:min(16cqw,60px)}.stopwatch-current.details-slot{height:24px;margin-top:0;font-size:12px}.stopwatch-current-time{font-size:16px}.stopwatch-console .action-row{padding-top:8px}.stopwatch-console .mark-button,.stopwatch-console .primary-button{height:44px;padding-inline:6px;font-size:12px}.stopwatch-console .primary-content{gap:6px}.stopwatch-console .action-row svg{width:16px;height:16px}.marks-panel{min-height:var(--stopwatch-panel-height);padding:18px 14px 14px}.marks-header{margin-bottom:12px}.marks-header h2{font-size:18px}.marks-panel td,.marks-panel th{padding:10px 4px;font-size:11px}.marks-empty{padding:10px 4px;font-size:12px}}@media (hover:hover){.stopwatch-console .primary-button:enabled:hover{background-color:color-mix(in srgb,var(--lilac) 92%,white)}.stopwatch-console .mark-button:enabled:hover{background-color:#ffffff17}}.site-scroll{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;background-color:var(--paper);background-image:var(--grain),radial-gradient(ellipse at 32% 0,var(--ambient-light),transparent 72%);background-size:128px 128px,100% 100%}.timer-app{position:relative;display:flex;flex-direction:column;flex:1 0 auto;height:auto;min-height:0;overflow:visible}.timer-app>.app-header,.timer-app>.interval-style-nav,.timer-app>.settings-shortcut{flex-shrink:0}.settings-shortcut,.settings-shortcut-compact{display:none}@media (min-width:500px) and (max-height:500px){.timer-app:not(.mode-intervals)>.settings-shortcut{position:absolute;top:var(--page-top);left:24px;margin-top:6px}.timer-app .app-wordmark,.timer-app:not(.mode-intervals) .settings-shortcut-label{display:none}.timer-app:not(.mode-intervals) .settings-shortcut-compact{display:inline}.timer-app.mode-intervals>.settings-shortcut{margin-top:0}}@media (min-width:500px) and (max-width:700px) and (max-height:500px){.timer-app:not(.mode-intervals)>.settings-shortcut{left:auto;right:68px}.timer-app:not(.mode-intervals) .mode-nav{width:calc(100% - 144px)}}@media (max-height:700px),(max-width:700px){.settings-shortcut{display:flex;align-items:center;align-self:center;justify-content:center;gap:6px;min-height:36px;margin-top:8px;padding:6px 10px;border-radius:var(--radius-control);color:var(--accent);font-size:12px}.settings-shortcut svg{width:14px;height:14px}.settings-shortcut:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.timer-app>.timer-main{flex:1}.timer-shell .sequence-console,.timer-shell .timer-console:not(.stopwatch-console){min-height:0;flex:1}.timer-app:is(.mode-timer,.mode-intervals.state-ready){flex:1 0 auto;min-height:calc(100dvh - var(--timer-tools-room))}.timer-app:is(.mode-timer,.mode-intervals.state-ready) :is(.timer-console,.sequence-console){justify-content:flex-end;align-items:center;padding-bottom:0}.timer-app.state-ready .sequence-grid,.timer-app:is(.mode-timer,.mode-intervals.state-ready) .timer-stage{flex:1;min-height:min-content}.timer-app:is(.mode-timer,.mode-intervals.state-ready) .timer-stage{justify-content:safe center}.timer-app:is(.mode-timer,.mode-intervals.state-ready) .timer-stage>*{flex-shrink:0}.timer-app.state-ready .sequence-grid{display:grid;width:100%;align-content:safe center}@media (min-width:701px) and (min-height:701px){.timer-app:is(.mode-timer,.mode-intervals.state-ready) :is(.timer-console,.sequence-console){padding-bottom:clamp(0px,calc(100dvh - 732px),32px)}}.timer-app.mode-stopwatch{overflow:visible}.timer-tools{position:relative;flex:none;width:100%;min-height:calc(var(--timer-tools-room) - 4px);margin:4px auto 0;padding:12px 16px 24px;max-width:740px;text-align:center;color:var(--muted);font-size:12px}.sound-row,.starter-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 14px}.starter-row{min-height:40px}.starter-row>span{font-size:12px}.timer-tools button{min-height:36px;padding:5px 8px;border-radius:10px}.timer-tools button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.signal-toggle-state{display:inline-grid;text-align:left}.signal-toggle-state:before,.signal-toggle-state>span{grid-area:1/1}.signal-toggle-state:before{content:"выкл";visibility:hidden}.timer-tools a{text-decoration:underline;text-underline-offset:3px}.tool-message{font-size:12px;line-height:1.5;margin:5px auto 0;max-width:520px}.tool-message:empty{display:none}.share-link-field{margin-top:8px;width:min(100%,520px);border:1px solid var(--line);padding:10px;border-radius:8px;background:var(--surface)}.home-content{width:calc(100% - 80px);max-width:1080px;margin:0 auto;padding:70px 0 36px}.home-content h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;font-weight:500;margin:0 0 14px}.home-content>p{color:var(--muted);line-height:1.7;max-width:640px;margin:0 0 32px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 52px}.guide-card{padding:24px;text-decoration:none}.guide-card h3{font-size:25px;font-weight:400;margin:10px 0;letter-spacing:-.03em}.guide-card p{font-size:14px;line-height:1.6;margin:0 0 20px}.guide-card p,.guide-card small{color:var(--muted)}.guide-card strong{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px}.guide-card strong svg{width:18px;height:18px;flex:none}.site-footer{border-top:1px solid var(--line);padding:24px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:var(--muted)}.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;text-underline-offset:3px}.site-footer>.brand{margin-right:auto;color:var(--forest)}.privacy-controls{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-group)}.privacy-controls h2{font-size:23px}.privacy-controls p{font-size:14px;line-height:1.65}.privacy-actions{display:flex;flex-wrap:wrap;gap:12px}.privacy-controls [role=status]:empty{display:none}a:focus-visible{outline:2px solid var(--forest);outline-offset:4px}@media (max-width:700px){.timer-tools{font-size:11px}.sound-row{gap:0 2px}.sound-row button{padding-inline:7px}.guide-grid{grid-template-columns:1fr}.home-content{width:calc(100% - 36px);padding:42px 0 24px}}@media (max-height:700px){.starter-row,.timer-tools button{min-height:32px}}@media (prefers-reduced-motion:reduce){.site-scroll{scroll-behavior:auto}}.guide-ad-slot{width:min(100%,728px);min-height:300px;margin:48px auto;overflow:hidden;contain:layout}.guide-ad-slot>span{display:block;height:25px;font-size:11px;color:var(--muted)}.guide-ad-slot>div{min-height:275px}.timer-shell{--timer-tools-room:88px;display:flex;flex-direction:column;min-height:100dvh;background-color:var(--paper);background-image:var(--grain),radial-gradient(ellipse at 32% 0,var(--ambient-light),transparent 72%);background-size:128px 128px,100% 100%;color:var(--ink);transition:background-color .45s ease,color .45s ease}@media (max-width:359px){.timer-shell{--timer-tools-room:104px}}@media (max-width:359px) and (min-height:701px){.timer-shell{--timer-tools-room:112px}}.article-page{height:100vh;height:100dvh;overflow:auto;overscroll-behavior-y:contain;background:var(--paper);background-image:var(--grain),radial-gradient(ellipse at 32% 0,var(--ambient-light),transparent 72%);background-size:128px 128px,100% 100%;color:var(--ink);scrollbar-color:var(--muted) transparent;-webkit-overflow-scrolling:touch}.article-page a:focus-visible,.article-page button:focus-visible,.article-page input:focus-visible{outline:2px solid var(--forest);outline-offset:4px}.article-skip-link{position:fixed;top:12px;left:12px;z-index:5;transform:translateY(-200%);border-radius:var(--radius-control);padding:14px 20px;background:var(--forest);color:var(--forest-ink)}.article-skip-link:focus{transform:translateY(0)}.article-footer,.article-header,.article-main{width:min(1080px,calc(100% - 80px));margin-inline:auto}.article-header{display:flex;min-height:104px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.article-brand{display:inline-flex;align-items:center;min-height:44px;color:var(--forest);text-decoration:none}.article-footer nav,.article-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.article-footer nav a,.article-header nav a{display:inline-flex;align-items:center}.article-header nav .article-header-timer{flex-shrink:0}.article-heading{max-width:850px;padding:58px 0 42px}.article-eyebrow{margin:0 0 18px;color:var(--muted);font-size:14px;font-weight:500;line-height:1.5}.article-heading h1{margin:0;font-size:clamp(32px,4.6vw,52px);font-weight:500;line-height:1.1;letter-spacing:-1.8px;text-wrap:balance}.article-lead{max-width:750px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.65;text-wrap:pretty}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 304px;align-items:start;column-gap:64px}.guide-recipe{--accent:var(--lilac);--accent-ink:var(--lilac-ink);grid-column:2;grid-row:1;position:sticky;top:24px;padding:26px;border-radius:var(--radius-panel);background:var(--forest);color:var(--forest-ink);box-shadow:var(--shadow-surface),inset 0 1px 0 #ffffff18}.guide-recipe-label{margin:0 0 12px;font-size:13px;color:#d1dfd5}.guide-duration{margin:0;font-size:62px;line-height:1;letter-spacing:-3px;font-variant-numeric:tabular-nums}.guide-duration span{display:block;margin-top:9px;color:#d1dfd5;font-size:11px;letter-spacing:0}.guide-parameters{display:grid;grid-template-columns:1fr 1fr;gap:24px 14px;padding:26px 0;margin:26px 0 0;border-top:1px solid #ffffff28}.guide-parameters dt{margin-bottom:8px;color:#d1dfd5;font-size:12px}.guide-parameters dd{margin:0;font-size:22px;font-variant-numeric:tabular-nums}.article-primary-link{display:flex;width:100%;align-items:center;justify-content:space-between}.guide-recipe .article-primary-link:focus-visible{outline-color:var(--lilac)}.guide-recipe-note{margin:16px 0 0;color:#d1dfd5;font-size:12px;line-height:1.6}.guide-layout>.article-prose{grid-column:1;grid-row:1}.article-prose-narrow{max-width:740px}.article-prose{font-size:16px;line-height:1.75;overflow-wrap:break-word}.article-prose section{margin-bottom:38px;scroll-margin-top:24px}.article-prose h2,.article-related h2{margin:0 0 16px;font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.6px;text-wrap:balance}.article-prose h3{margin:24px 0 8px;font-size:17px;font-weight:600;line-height:1.4}.article-prose p{margin:0 0 16px}.article-prose a{color:var(--forest);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--motion-fast) var(--motion-ease),text-decoration-color var(--motion-fast) var(--motion-ease)}.article-prose a:hover{text-decoration-color:color-mix(in srgb,var(--forest) 40%,transparent)}.article-prose ol,.article-prose ul{padding-left:24px;margin:0 0 24px}.article-prose ol{list-style-type:decimal}.article-prose ul{list-style-type:disc}.article-prose li{padding-left:6px;margin-bottom:12px}.article-prose li::marker{color:var(--forest);font-weight:600}.article-prose .article-formula{padding:18px 20px;border-radius:var(--radius-control);background:color-mix(in srgb,var(--forest) 7%,var(--paper));box-shadow:var(--shadow-inset);color:var(--forest);font-variant-numeric:tabular-nums}.article-note{padding:22px 24px;margin:0 0 20px;border-radius:var(--radius-group);background:color-mix(in srgb,var(--lilac) 55%,var(--paper));color:var(--lilac-ink);box-shadow:var(--shadow-inset)}.article-note p:last-child{margin-bottom:0}.article-prose .article-small{color:var(--muted);font-size:14px;line-height:1.65}.article-related{margin:18px 0 52px;padding-top:32px;border-top:1px solid var(--line)}.article-guide-list{display:grid;gap:10px;margin-top:20px}.article-guide-list a{display:grid;grid-template-columns:110px minmax(0,1fr) 24px;min-height:76px;padding:16px 22px;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.article-guide-list strong{color:var(--forest);font-size:24px;font-weight:500;letter-spacing:-.6px}.article-guide-list span{color:var(--muted);font-size:14px}.article-guide-list .article-guide-arrow{display:inline-flex;align-items:center;justify-content:flex-end;color:var(--forest)}.article-guide-arrow svg{width:20px;height:20px;flex-shrink:0}.article-footer{display:flex;padding:24px 0 max(24px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--line)}.article-footer p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.article-empty{display:flex;align-items:flex-start;gap:24px;max-width:740px;margin-bottom:64px;padding:32px}.article-empty-icon{display:grid;width:64px;height:64px;flex-shrink:0;place-items:center;border-radius:var(--radius-group);background:var(--forest);color:var(--forest-ink);box-shadow:var(--shadow-inset)}.article-empty-icon svg{width:28px;height:28px}.article-empty h2{margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.5px}.article-empty p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.article-empty-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media (max-width:900px){.article-footer,.article-header,.article-main{width:calc(100% - 48px)}.guide-layout{grid-template-columns:minmax(0,1fr) 268px;column-gap:32px}.guide-recipe{padding:22px}}@media (max-width:700px){.article-footer,.article-header,.article-main{width:calc(100% - 36px)}.article-header{min-height:80px;gap:12px}.article-header nav{gap:10px}.article-header nav .article-header-timer{padding-inline:12px;gap:8px}.article-heading{padding:36px 0 28px}.article-heading h1{letter-spacing:-1px;line-height:1.13}.article-lead{margin-top:18px;font-size:16px}.article-eyebrow{font-size:13px}.guide-layout{display:flex;flex-direction:column;gap:34px}.guide-recipe{position:static;width:100%;padding:24px}.guide-duration{font-size:64px}.guide-duration span{display:inline-block;margin-left:12px;font-size:12px;letter-spacing:0}.guide-parameters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;padding:22px 0}.guide-parameters dt{font-size:11px}.guide-parameters dd{font-size:20px}.article-prose h2,.article-related h2{font-size:23px}.article-guide-list a{grid-template-columns:90px minmax(0,1fr) 18px;padding:16px;gap:8px}.article-guide-list strong{font-size:22px}.article-guide-list span{font-size:12px}.article-note{padding:20px}.article-footer nav{gap:18px}.article-empty{flex-direction:column;gap:20px;padding:24px;margin-bottom:40px}.article-empty-actions{gap:10px}}@media (max-width:360px){.guide-parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-header nav{gap:6px}.article-header nav .article-header-timer{padding-inline:10px;gap:6px}}@media (prefers-reduced-motion:reduce){.article-page *{scroll-behavior:auto}}.task-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:20px 0 32px}.task-link{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:10px 14px;padding:22px;color:var(--ink);text-decoration:none}.task-link strong{color:var(--forest);font-size:19px;font-weight:500;line-height:1.3}.task-link span{grid-column:1;color:var(--muted);font-size:14px;line-height:1.5}.task-link svg{grid-column:2;grid-row:1/3;align-self:center;width:20px;height:20px;color:var(--forest)}.timer-app.mode-intervals{--interval-style-room:52px}.interval-style-nav{height:var(--interval-style-room);display:flex;justify-content:center;align-items:end}.interval-style-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.interval-style-switch button{min-height:34px;padding:6px 16px;border-radius:var(--radius-inset);font-size:13px;color:var(--muted)}.interval-style-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #172c251c}@media (min-width:701px) and (min-height:701px){.timer-app.mode-intervals{--interval-style-room:46px}.interval-style-switch{gap:2px;padding:2px;border-radius:12px}.interval-style-switch button{min-height:32px;padding:4px 12px;border-radius:9px;font-size:12px}}.mode-intervals .timer-console,.sequence-console{--sequence-controls-room:208px;min-height:calc(100dvh - var(--page-top) - var(--page-bottom) - var(--header-height) - var(--marks-room) - var(--interval-style-room))}.sequence-console{width:min(720px,100%);display:flex;flex-direction:column;justify-content:safe center;flex:none;padding-top:var(--console-padding)}.sequence-editor,.sequence-grid{min-width:0}.sequence-name-label{display:flex;align-items:flex-start;gap:8px;width:fit-content;max-width:100%;margin:0 0 16px 3px;font-size:18px;cursor:text}.sequence-field{min-width:0}.sequence-field-fit{width:fit-content;max-width:100%}.sequence-field-fit .value-input-wrap{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.sequence-field-sizer{grid-area:1/1;visibility:hidden;white-space:pre;min-width:4ch;overflow:hidden;padding-inline:6px;height:32px}.sequence-name-label>svg{flex:none;width:16px;height:16px;margin-top:8px;color:var(--muted);transition:color .18s ease}.sequence-name-label:is(:hover,:focus-within)>svg{color:var(--ink)}.sequence-field input{display:block;width:100%;min-width:0;background:transparent;border:0;border-radius:inherit;padding:0 6px}.sequence-name-label input{grid-area:1/1;font-size:inherit;padding-inline:4px;text-align:left;height:32px}.sequence-name-label .sequence-field-sizer{min-width:8ch;padding-inline:4px}.sequence-field-fit input{grid-area:1/1}.sequence-field-editable :is(input,.sequence-field-sizer){padding-right:26px}.sequence-field-text .value-input-wrap:after{left:6px;right:6px;transform-origin:left}.sequence-field-editable .value-input-wrap:after{right:26px}.sequence-name-label .value-input-wrap:after{left:4px;right:4px}.sequence-field .value-input-wrap:focus-within{background-color:color-mix(in srgb,var(--ink) 9%,transparent)}.sequence-field-editable .value-input-wrap>svg{position:absolute;right:7px;top:50%;width:12px;height:12px;transform:translateY(-50%);opacity:.45;pointer-events:none;transition:opacity .18s ease}.sequence-field-error{display:block;font-size:11px;line-height:1.3;color:var(--danger);margin-top:3px}.sequence-blocks{position:relative;list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:8px}.sequence-block,.sequence-drag-preview{--ink:var(--forest-ink);--accent:var(--ink);--danger:#ffd0bf;background-color:var(--forest);color:var(--ink);--block-muted:#c7d7cf;background-image:var(--grain);background-size:128px 128px;border:1px solid #ffffff16;border-radius:var(--radius-control)}.sequence-block[data-kind=rest],.sequence-drag-preview[data-kind=rest]{--ink:var(--lilac-ink);--danger:#9b382b;background-color:var(--lilac);--block-muted:#635571;border-color:#53436618}.sequence-block[data-kind=custom],.sequence-drag-preview[data-kind=custom]{--ink:#443d29;--danger:#9b382b;background-color:#e2d8c0;--block-muted:#6a624d;border-color:#443d2918}.sequence-block{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 110px 148px;gap:6px 10px;align-items:center;padding:10px;flex-shrink:0;min-height:74px}.sequence-block[data-dragging]{opacity:.35}.sequence-block[data-drop-before]:before{content:"";position:absolute;inset:-6px 0 auto;height:3px;border-radius:3px;background:var(--ink)}.sequence-blocks.drop-at-end:after{content:"";height:3px;flex-shrink:0;background:var(--ink);border-radius:3px}.sequence-drag-handle{width:28px;height:48px;display:grid;place-items:center;touch-action:none;cursor:grab;color:var(--block-muted);border-radius:6px;transform:none!important}.sequence-drag-handle:active{cursor:grabbing}.sequence-block .sequence-drag-handle:focus{outline:none}.sequence-drag-handle:focus-visible{color:inherit;background:color-mix(in srgb,currentColor 16%,transparent)}.sequence-drag-handle:hover{background:#ffffff18}.sequence-block button:focus-visible{outline-color:currentColor;outline-offset:1px}.sequence-block-duration>span,.sequence-kind{display:block;color:var(--block-muted);font-size:10px;line-height:16px}.sequence-kind{padding-left:6px}.sequence-block-duration>span{text-align:center}.sequence-block-content{min-width:0}.sequence-block-content input{font-size:16px;height:32px}.sequence-block-duration input{font-size:28px;line-height:32px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.sequence-block .sequence-field-error{color:var(--danger)}.sequence-block-actions{display:flex;justify-content:end;gap:1px}.sequence-block-actions button{display:grid;place-items:center;height:36px;width:36px;border-radius:8px;font-size:18px}.sequence-block-actions button:hover{background:#ffffff22}.sequence-add{display:flex;justify-content:flex-start;gap:6px;margin:10px 0 20px}.sequence-add button{min-height:36px;font-size:12px;padding:5px 12px;border-radius:var(--radius-inset);border:1px solid transparent}.sequence-add button:hover{background:var(--surface)}.sequence-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;align-items:center;padding-top:4px}.sequence-summary-time{grid-column:1;grid-row:1;display:flex;gap:12px;align-items:center}.sequence-summary-time>span:first-child{font-size:11px;color:var(--muted)}.sequence-total{font-size:28px;line-height:1;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.sequence-repeat-label{grid-column:2;grid-row:1;display:flex;gap:10px;align-items:center;justify-content:end;font-size:12px}.sequence-repeat-label .sequence-field{width:70px;flex:none}.sequence-field-count{display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:24px 24px}.sequence-field-count .value-input-wrap{grid-column:1;grid-row:1/3}.sequence-field-count button{grid-column:2;display:grid;place-items:center;width:28px;height:24px;border-radius:6px;color:var(--muted)}.sequence-field-count .sequence-count-up{grid-row:1}.sequence-field-count .sequence-count-down{grid-row:2}.sequence-field-count button svg{width:16px;height:16px}.sequence-field-count button:enabled:active{background-color:color-mix(in srgb,var(--ink) 12%,transparent)}.sequence-repeat-label input{height:48px;text-align:center;font-size:18px}.sequence-repeat-label:has([aria-invalid=true]){align-items:start}.sequence-repeat-label .sequence-field-error{grid-column:1/-1;grid-row:3;justify-self:end;width:140px;text-align:right}.sequence-grid[data-editing] .sequence-summary-time{display:grid;grid-template-columns:auto auto;gap:6px 8px;justify-content:start}.sequence-grid[data-editing] .sequence-total{grid-column:1/-1;grid-row:2}.sequence-size{grid-row:1;grid-column:2}.sequence-save-status,.sequence-size{font-size:10px;color:var(--muted);margin:0}.sequence-save-status{grid-row:5;grid-column:1/-1;text-align:center;line-height:1.4}.sequence-actions{grid-column:1/-1;grid-row:4;position:relative;width:min(224px,calc(100% - 96px));margin:16px auto 0}.sequence-actions .primary-button{height:52px;border-radius:var(--radius-control)}.sequence-reset{position:absolute;right:calc(100% + 8px);top:4px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--muted)}.sequence-reset:hover{background:var(--surface)}.sequence-notice{font-size:11px;color:var(--muted);margin:6px 0 0;min-height:16px;text-align:center}.sequence-notice:empty{min-height:0;margin:0}.sequence-drag-preview{position:fixed;pointer-events:none;z-index:100;min-height:64px;padding:12px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 14px 28px #172c2538;transform:rotate(-1deg)}.sequence-drag-preview strong{flex:1;min-width:0;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequence-drag-preview time{font-size:26px;font-variant-numeric:tabular-nums}.sequence-session-name{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;color:var(--muted);font-size:12px}.sequence-session-name>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sequence-session-name>span:last-child{flex-shrink:0}.sequence-live{text-align:center}.sequence-live-meta{display:flex;justify-content:center;gap:12px;font-size:11px;color:var(--muted)}.sequence-phase-title{margin:12px 0 0;font-size:20px;font-weight:400;line-height:1.2;overflow-wrap:anywhere}.sequence-countdown{font-size:clamp(60px,12vw,130px);font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:1.2;margin:4px 0 12px}.sequence-progress{height:4px;background:var(--line);border-radius:4px;overflow:hidden}.sequence-progress span{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform 80ms linear}.sequence-next{margin:10px 0;font-size:12px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.sequence-next strong{font-weight:400;color:var(--ink)}.sequence-live-controls{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.sequence-live-controls button{min-height:36px;padding:4px 10px;font-size:12px;border-radius:8px}.sequence-live-controls button:hover{background:var(--surface)}.sequence-running-list{position:relative;grid-column:1/-1;grid-row:2;margin:4px 0;padding:0;list-style:none}.sequence-running-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 10px;border-radius:7px;font-size:12px}.sequence-running-list li[aria-current=step]{background:var(--surface)}.sequence-running-list li>span:nth-child(2){overflow-wrap:anywhere}.sequence-running-list time{font-variant-numeric:tabular-nums}.sequence-list-number{color:var(--muted);font-size:10px}@media (min-height:501px){.sequence-grid:not([data-editing]) .sequence-summary-time{grid-column:1/-1}.sequence-grid:not([data-editing]) .sequence-summary-time>span:first-child{max-width:none}.sequence-grid:not([data-editing]) .sequence-actions{grid-row:3;margin-top:8px}}@media (min-height:501px) and (max-height:860px){.sequence-session-name{margin-bottom:8px}.sequence-phase-title{margin-top:8px}.sequence-countdown{font-size:clamp(60px,12vw,96px);margin-bottom:8px}.sequence-next{margin-block:6px}.sequence-live-controls{margin-bottom:6px}}@media (min-width:701px) and (min-height:501px){.sequence-grid[data-editing] .sequence-summary{grid-template-columns:minmax(0,1fr) 224px minmax(0,1fr);padding-top:12px}.sequence-grid[data-editing] .sequence-repeat-label{grid-column:3}.sequence-grid[data-editing] .sequence-actions{grid-column:2;grid-row:1;width:100%;margin:0}}@media (max-width:700px){.sequence-console{--sequence-controls-room:274px}.timer-app.mode-intervals{--interval-style-room:48px}.sequence-block{grid-template-columns:24px minmax(0,1fr) 94px;gap:0 8px;padding:8px}.sequence-drag-handle{width:24px;grid-row:1/3;height:100%;min-height:48px}.sequence-block-actions{grid-column:2/-1;margin-top:2px}.sequence-block-actions button{width:40px;height:32px}.sequence-block-content input{font-size:16px}.sequence-block-duration input{font-size:26px}.sequence-add{gap:4px}.sequence-add button{padding-inline:8px}.sequence-summary{column-gap:6px}.sequence-summary-time{gap:6px}.sequence-summary-time>span:first-child{max-width:62px}.sequence-grid[data-editing] .sequence-summary-time>span:first-child{max-width:none}.sequence-total{font-size:25px}.sequence-repeat-label{gap:6px}.sequence-repeat-label .sequence-field{width:66px}.sequence-countdown{font-size:clamp(55px,17vw,100px)}.sequence-phase-title{font-size:18px}}@media (max-height:720px) and (max-width:700px){.timer-app.is-sequence{--marks-room:0px;--console-padding:8px}}@media (max-height:500px) and (min-width:500px){.timer-app.mode-intervals{--interval-style-room:38px}.interval-style-switch{padding:2px}.interval-style-switch button{min-height:28px;padding-block:3px;font-size:12px}.mode-intervals:not(.is-sequence) .details-slot{height:42px}.sequence-grid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px;align-items:start}.sequence-name-label{margin-bottom:6px;font-size:16px}.sequence-grid[data-editing] .sequence-summary-time{column-gap:8px;justify-content:start}.sequence-name-label input{height:26px;font-size:16px}.sequence-field-sizer{height:26px}.sequence-name-label>svg{margin-top:5px}.sequence-block{grid-template-columns:24px minmax(0,1fr) 92px;padding:6px 8px}.sequence-block-actions{grid-column:2/-1}.sequence-block-actions button{height:28px}.sequence-drag-handle{grid-row:1/3;height:100%}.sequence-add{margin:6px 0 0;gap:4px}.sequence-add button{min-height:32px;padding:4px 8px}.sequence-summary{grid-template-columns:1fr;row-gap:8px;padding-top:4px}.sequence-repeat-label,.sequence-summary-time{justify-content:space-between}.sequence-repeat-label{grid-column:1;grid-row:2}.sequence-save-status{grid-row:5;grid-column:1;text-align:left}.sequence-actions{grid-row:6;width:calc(100% - 44px);margin:4px 0 0 auto}.sequence-actions .primary-button{height:44px}.sequence-reset{top:0;right:100%}.sequence-live-controls{flex-wrap:wrap;margin-bottom:0}.sequence-countdown{font-size:72px;margin-bottom:8px}.sequence-phase-title{margin-top:6px;font-size:18px}.sequence-running-list{grid-row:2/5}.sequence-session-name{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.sequence-field-editable .value-input-wrap>svg,.sequence-progress span{transition:none}}@media (max-height:500px) and (min-width:500px){.timer-app.mode-intervals{--interval-style-room:0px}.mode-intervals .app-header{justify-content:flex-start}.mode-intervals .mode-nav{width:252px;max-width:calc(100% - 238px)}.mode-intervals .mode-nav button{font-size:11px;padding-inline:2px}.mode-intervals .interval-style-nav{position:absolute;top:var(--page-top);left:calc(30px + min(252px, 100vw - 286px));right:60px;height:var(--header-height);align-items:center}.interval-style-switch button{padding-inline:10px;font-size:11px}}@media (max-height:720px) and (max-width:499px){.sequence-session-name{margin-bottom:8px;font-size:11px}.sequence-phase-title{margin-top:8px;font-size:16px}.sequence-countdown{font-size:56px;margin:2px 0 8px;line-height:1.15}.sequence-next{margin-block:6px}.sequence-live-controls{margin-bottom:6px}.sequence-live-controls button{min-height:32px;padding-inline:8px}}.sequence-block-duration[data-hours] input{font-size:22px}@media (max-width:700px){.sequence-total{font-size:22px}}.sequence-plan-trigger:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.sequence-plan-trigger{grid-row:2;grid-column:2;display:inline-flex;align-items:center;gap:6px;min-height:44px;border-radius:var(--radius-inset);padding:6px 8px;color:var(--muted);font-size:12px}.sequence-plan-trigger svg{width:15px;height:15px}.sequence-plan-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.sequence-plan-header>div{min-width:0}.sequence-plan-header span,.sequence-plan-meta{font-size:12px;color:var(--muted)}.sequence-plan-header h2{overflow-wrap:anywhere}.sequence-plan-header button{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--radius-control);background:var(--paper)}.sequence-plan-header button:hover{background:var(--line)}.sequence-plan .sequence-running-list{margin-top:16px}.sequence-plan .sequence-running-list li{grid-template-columns:24px minmax(0,1fr) auto;padding:12px 10px;border-radius:var(--radius-inset);font-size:14px}.sequence-plan .sequence-running-list li[aria-current=step]{background:var(--forest);color:var(--forest-ink)}.sequence-plan li[aria-current=step] .sequence-list-number{color:inherit}.mode-intervals .cycle-rest,.mode-intervals .cycle-work{--panel-shadow:inset 0 1px 0 var(--panel-edge),inset 0 -2px 0 #172c251a,0 2px 3px #172c2512,0 12px 20px -14px #172c2560;background-image:var(--grain),linear-gradient(145deg,#ffffff15,transparent 52%,var(--panel-shade))}.mode-intervals .cycle-work{--panel-hover:color-mix(in srgb,var(--forest) 95%,var(--forest-ink))}.mode-intervals .cycle-rest{--panel-hover:color-mix(in srgb,var(--lilac) 95%,var(--lilac-ink))}.mode-intervals .cycle-stages .value-input-wrap{background-image:linear-gradient(180deg,#00000005,transparent);transition:background-color .18s ease,box-shadow .18s ease;box-shadow:inset 0 2px 5px #172c250a,0 1px 0 #ffffff14}.mode-intervals .cycle-stages .value-input-wrap:focus-within{background-color:#ffffff08;box-shadow:inset 0 2px 5px #172c2514,0 1px 0 #ffffff22}.interval-style-switch{box-shadow:inset 0 1px 3px #172c250e,0 1px 0 #ffffff70}.interval-style-switch button[aria-pressed=true]{box-shadow:inset 0 1px 0 #fff,0 1px 2px #172c2526,0 3px 6px #172c2508}.sequence-block,.sequence-drag-preview{background-image:var(--grain),linear-gradient(145deg,#ffffff16,transparent 60%,#172c2509);background-size:128px 128px,100% 100%;box-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #172c2516,0 2px 3px #172c2510}.sequence-block{transition:box-shadow .18s ease,border-color .18s ease}.sequence-block-actions svg{width:17px;height:17px;transition:transform .18s var(--ease)}.sequence-block-actions button:enabled:active{transform:translateY(1px) scale(.94);background-color:#172c2514;box-shadow:inset 0 1px 2px #172c2522}.sequence-add button{display:inline-flex;justify-content:center;align-items:center;gap:4px;border-style:solid}.sequence-add svg{width:14px;height:14px;flex-shrink:0;transition:transform .18s var(--ease)}.sequence-add button:enabled:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #172c2514}.sequence-drag-preview{box-shadow:inset 0 1px 0 #ffffff40,0 3px 5px #172c2520,0 18px 32px -8px #172c2555}.sequence-running-list li[aria-current=step]{box-shadow:inset 0 1px 0 #ffffffa0,0 1px 2px #172c2512}.timer-app .primary-button,.ui-button-primary{position:relative;isolation:isolate}.timer-app .primary-button:before,.ui-button-primary:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#ffffff0a 5%,#ffffff16 35%,transparent 65%);opacity:0;transition:opacity .2s ease}.timer-app .primary-button:enabled:active{transform:translateY(2px) scale(.99)}.timer-app .primary-button:enabled:active:before,.ui-button-primary:active:before{opacity:.3}@media (hover:hover) and (pointer:fine){.mode-intervals .cycle-rest:hover:not(:has(.tika-hover-target:hover)),.mode-intervals .cycle-work:hover{background-color:var(--panel-hover);box-shadow:inset 0 1px 0 var(--panel-edge),inset 0 -2px 0 #172c251a,0 3px 5px #172c2514,0 15px 24px -14px #172c2560}.mode-intervals .cycle-stages .value-input-wrap:hover{background-color:color-mix(in srgb,var(--ink) 6%,transparent)}.sequence-field .value-input-wrap:hover,.sequence-field-count button:enabled:hover{background-color:color-mix(in srgb,var(--ink) 9%,transparent)}.sequence-field-count button:enabled:hover{color:var(--ink)}.sequence-field-editable .value-input-wrap>svg{opacity:0}.sequence-field-editable .value-input-wrap:is(:hover,:focus-within)>svg{opacity:.65}.interval-style-switch button:enabled:hover{color:var(--ink);background-color:var(--surface)}.sequence-block:hover{box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #172c251a,0 2px 4px #172c2520}.sequence-block-actions button:enabled{opacity:.65}.sequence-block:focus-within .sequence-block-actions button:enabled,.sequence-block:hover .sequence-block-actions button:enabled{opacity:1}.sequence-block-actions button:enabled:hover:first-child svg{transform:translateY(-2px)}.sequence-block-actions button:enabled:hover:nth-child(2) svg{transform:translateY(2px)}.sequence-block-actions button:enabled:hover:last-child{background:#dc826133}.sequence-add button:enabled:hover{background-color:color-mix(in srgb,var(--ink) 5%,transparent)}.sequence-add button:enabled:hover svg{transform:rotate(90deg)}.timer-app .primary-button:enabled:hover:before,.ui-button-primary:hover:before{opacity:1}.timer-app .primary-button:enabled:hover:not(:active),.ui-button-primary:hover:not(:active){transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff40,0 4px 0 color-mix(in srgb,var(--accent) 76%,#102c24),0 9px 16px #172c2529}}@media (prefers-reduced-motion:reduce){.mode-intervals .cycle-stages .value-input-wrap,.sequence-add svg,.sequence-block,.sequence-block .value-input-wrap,.sequence-block-actions svg,.timer-app .primary-button:before,.ui-button-primary:before{transition:none}.sequence-add button:enabled:active,.sequence-add button:enabled:hover svg,.sequence-block-actions button:enabled:active,.sequence-block-actions button:enabled:hover:is(:first-child,:nth-child(2)) svg,.sequence-drag-preview,.timer-app .primary-button:enabled:active,.timer-app .primary-button:enabled:hover:not(:active),.ui-button-primary:hover:not(:active){transform:none}}:root{--motion-fast:180ms;--motion-ease:var(--ease);--shadow-surface:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #172c2510,0 2px 3px #172c250d,0 10px 18px -14px #172c2540;--shadow-inset:inset 0 2px 4px #172c2514,0 1px 0 #ffffff65;--shadow-popover:inset 0 1px 0 #ffffffb3,0 4px 8px #172c2514,0 18px 40px -10px #172c2540;--primary-height:56px;--type-body:16px;--type-label:14px;--type-caption:12px}.article-prose,body{font-size:var(--type-body)}.article-prose h2,.article-related h2,.home-content h2,.privacy-controls h2{font-size:clamp(22px,2.5vw,28px);font-weight:400;line-height:1.25;letter-spacing:-.03em}.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:500;line-height:1;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:20px;height:24px;flex:none}.app-wordmark{display:inline-flex;align-items:center}.ui-card{border:1px solid var(--line);border-radius:var(--radius-group);background-image:linear-gradient(145deg,#ffffff24,transparent 65%);transition:background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease}.ui-button,.ui-button-primary,.ui-card{background-color:var(--surface);color:var(--ink);box-shadow:var(--shadow-surface)}.ui-button,.ui-button-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:var(--type-label);font-weight:400;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}.ui-button svg,.ui-button-primary svg,.ui-link svg{width:18px;height:18px;flex:none}.ui-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:var(--type-label);text-decoration:none;text-underline-offset:4px;border-radius:var(--radius-inset)}.guide-parameters dt{font-size:var(--type-caption)}.ui-link:hover,.ui-link[aria-current=page]{text-decoration:underline}.ui-button:active{transform:translateY(1px);box-shadow:var(--shadow-inset)}.timer-app .primary-button,.ui-button-primary{--button-shadow:inset 0 1px 0 #ffffff30,0 3px 0 color-mix(in srgb,var(--accent) 76%,#102c24),0 7px 12px #172c251f;border:0;border-radius:var(--radius-control);background-color:var(--accent);background-image:linear-gradient(180deg,#ffffff0c,transparent 65%,#00000005);color:var(--accent-ink);box-shadow:var(--button-shadow);font-weight:400}.timer-app .primary-button{height:var(--primary-height);font-size:16px}.timer-app .primary-button .primary-content{gap:10px}.timer-app .primary-button .primary-content svg{width:20px;height:20px}.timer-app .primary-button:enabled:active,.ui-button-primary:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 1px 2px #172c2533,0 1px 0 color-mix(in srgb,var(--accent) 76%,#102c24)}.timer-app .primary-button:disabled{background:color-mix(in srgb,var(--ink) 9%,var(--paper));color:var(--muted);box-shadow:none;opacity:.6}.sequence-reset{top:calc((var(--primary-height) - 44px) / 2)}.stopwatch-console .mark-button{height:var(--primary-height);font-size:16px;border-radius:var(--radius-control);background-image:linear-gradient(180deg,#ffffff08,transparent 65%);box-shadow:inset 0 1px 0 #ffffff28,inset 0 -1px 0 #172c2522,0 1px 3px #172c2518}.marks-panel,.stopwatch-console.timer-console{background-image:var(--grain),linear-gradient(145deg,#ffffff15,transparent 52%,#172c250a);background-size:128px 128px,100% 100%;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -2px 0 #172c251a,0 2px 3px #172c2512,0 12px 20px -14px #172c2560}.marks-panel{box-shadow:var(--shadow-surface)}.prepare-popover{box-shadow:var(--shadow-popover)}.share-link-field,.time-editor .digit-slot{box-shadow:var(--shadow-inset)}.sequence-save-status{color:var(--danger)}.share-link-field{border-radius:var(--radius-control)}.prepare-presets button,.timer-presets button{box-shadow:var(--shadow-surface)}.prepare-presets button[aria-pressed=true],.preset-button[aria-pressed=true],.timer-presets button[aria-pressed=true]{background:var(--lilac);color:var(--lilac-ink);box-shadow:var(--shadow-surface)}.preset-button[aria-pressed=true] :is(.preset-summary,.preset-work,.preset-rest){color:inherit}.timer-tools button{border-radius:var(--radius-inset)}.timer-shell .sound-row button[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:inset 0 1px 0 #ffffff50}.prepare-done{background-color:var(--forest);background-image:linear-gradient(180deg,#ffffff0c,transparent 65%);color:var(--forest-ink);box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #183c35}.preset-delete-confirm{color:var(--danger)}.preset-toolbar[data-confirming]{background:color-mix(in srgb,var(--danger) 7%,var(--paper))}.stopwatch-shortcuts kbd{border-radius:6px;background:var(--surface);box-shadow:var(--shadow-surface)}@media (hover:hover) and (pointer:fine){a.ui-card:hover{border-color:color-mix(in srgb,var(--forest) 30%,var(--line));box-shadow:inset 0 1px 0 #ffffff90,0 3px 6px #172c2512,0 14px 20px -14px #172c2550}.ui-button:hover,a.ui-card:hover{background-color:color-mix(in srgb,var(--surface) 90%,var(--lilac))}.ui-button-primary:hover{background-color:color-mix(in srgb,var(--accent) 94%,var(--accent-ink))}.prepare-done:hover{background-color:color-mix(in srgb,var(--forest) 94%,var(--forest-ink));color:var(--forest-ink)}}@media (max-width:1000px){.app-wordmark{display:none}}@media (max-width:700px){:root{--primary-height:52px}}@media (max-height:620px){:root{--primary-height:44px}.stopwatch-console .mark-button,.timer-app .primary-button{font-size:14px}}@media (max-height:500px) and (min-width:500px),(max-width:360px){.stopwatch-console .mark-button,.stopwatch-console .primary-button{font-size:12px}.stopwatch-console .primary-button .primary-content{gap:6px}.stopwatch-console .primary-button .primary-content svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.timer-app .primary-button:enabled:active,.ui-button-primary:active,.ui-button:active{transform:none}}.sound-settings-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative}.sound-settings-trigger>svg{width:15px;height:15px}.sound-active-dot{width:5px;height:5px;border-radius:50%;background:var(--muted)}.sound-active-dot[data-playing=true]{background:var(--forest);box-shadow:0 0 0 3px #254b4510}.sound-settings{--paper:#efeeea;--surface:#faf9f5;--ink:#293833;--muted:#5d645e;--line:#d5d9d2;--accent:var(--forest);position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;overflow:auto;overscroll-behavior:contain;padding:20px 16px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:14px}.sound-settings[open]{display:grid;place-items:safe center}.sound-settings-panel{width:min(460px,100%);min-width:0;padding:22px 28px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-popover)}.sound-settings::backdrop{background:#1e302a30;backdrop-filter:blur(3px)}.sound-settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.sound-settings-title{display:flex;align-items:center;gap:10px;min-width:0}.sound-settings h2{font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:5px 0 0}.sound-section+.sound-section{border-top:1px solid var(--line);padding-top:22px;margin-top:18px}.sound-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sound-section h3{font-weight:500;font-size:14px;margin:0}.sound-section-heading>span{font-size:11px;color:var(--muted)}.timer-tools .sound-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:40px;padding:8px;flex:none;border-radius:var(--radius-inset)}.sound-settings-header .sound-icon-button{background:var(--paper)}.sound-icon-button>svg{width:17px;height:17px}.timer-tools .sound-switch{width:42px;min-height:24px;height:24px;border-radius:20px;padding:3px;background:var(--line)}.sound-switch span{display:block;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0002;transition:transform .18s ease}.timer-tools .sound-switch[aria-checked=true]{background:var(--forest)}.sound-switch[aria-checked=true] span{transform:translateX(18px)}.sound-events{display:grid;gap:9px}.sound-event{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px}.sound-event>span{font-size:13px}.timer-tools .sound-selection{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;border-radius:var(--radius-inset);padding:8px 10px;border:1px solid var(--line);color:var(--ink);background:var(--paper);font:inherit;font-size:13px;cursor:pointer}.sound-selection>span:not(.sound-artwork){flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.sound-selection>svg{width:15px;height:15px;flex:none;color:var(--muted)}.sound-settings button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.sound-artwork{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;color:var(--forest)}.sound-artwork svg{width:19px;height:19px}.sound-artwork img{object-fit:contain}.sound-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.timer-tools .sound-categories button{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:12px}.timer-shell .sound-settings .sound-categories button[aria-pressed=true]{color:var(--forest);background:#e5ece7;border-color:#254b4540}.sound-choices{display:grid;gap:4px}.timer-tools .sound-choice{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-control);text-align:left}.timer-shell .sound-settings .sound-choice[aria-pressed=true]{background:#e5ece7;border-color:#254b4540}.sound-choice-label{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.sound-choice-check{display:flex;width:16px;flex:none;color:var(--forest)}.sound-choice-check svg,.sound-choice>svg{width:16px;height:16px;flex:none}.sound-choice>svg{color:var(--muted)}.timer-tools .sound-picker-done{width:100%;margin-top:16px;min-height:44px}.sound-volume{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin-top:17px;font-size:12px;color:var(--muted)}.sound-volume output{font-variant-numeric:tabular-nums}.sound-volume input{grid-column:1/-1;width:100%;margin:0;height:22px;accent-color:var(--forest);cursor:pointer}.ambience-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.timer-tools .ambience-option{display:flex;gap:9px;align-items:center;text-align:left;min-height:60px;padding:11px;border-radius:var(--radius-control);background:var(--paper);border:1px solid transparent;color:var(--ink)}.timer-shell .sound-settings .ambience-option[aria-pressed=true]{border-color:#254b4540;background:#e5ece7}.ambience-option>svg{width:21px;height:21px;flex:none;color:var(--forest)}.ambience-option>span:nth-child(2){flex:1;min-width:0}.ambience-option strong{display:block;font-size:12px;font-weight:500}.ambience-option small{display:block;font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}.ambience-check{width:12px;flex:none}.ambience-check svg{width:12px;height:12px}.sound-work-only{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:12px;min-height:28px;cursor:pointer}.sound-work-only input{width:16px;height:16px;accent-color:var(--forest)}.ambience-preview-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.timer-tools .ambience-listen{display:flex;align-items:center;gap:6px;font-size:12px;min-height:36px;padding:7px 10px;background:var(--paper)}.ambience-listen svg{width:14px;height:14px}.ambience-preview-row>span{font-size:10px;color:var(--muted)}.sound-settings-feedback{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.sound-settings-feedback:empty{display:none}@media (max-width:520px){.sound-settings{padding:12px 8px}.sound-settings-panel{padding:20px;border-radius:24px}.sound-settings-header{margin-bottom:18px}.sound-section+.sound-section{margin-top:14px;padding-top:18px}}@media (max-width:360px){.sound-settings{padding:18px 14px}.sound-event{grid-template-columns:72px minmax(0,1fr);gap:5px}.sound-event>span,.timer-tools .sound-selection{font-size:12px}.sound-selection .sound-artwork{display:none}.timer-tools .ambience-option{padding:10px 8px;gap:6px}.ambience-option small{font-size:9px}.ambience-check{display:none}}@media (prefers-reduced-motion:reduce){.sound-switch span{transition:none}}.timer-shell.has-active-intervals{--timer-tools-room:88px}.has-active-intervals .timer-app{--interval-style-room:0px}.timer-shell .active-intervals{width:min(1600px,100%);padding:8px 0;gap:clamp(12px,2dvh,24px)}.active-intervals .active-hero{width:100%;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.8fr) minmax(0,1fr);gap:clamp(16px,2vw,32px);align-items:center;text-align:center;animation:none}.active-current{min-width:0}.active-phase-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:clamp(70px,12dvh,106px);padding:0 12px}.active-phase-heading h2{margin:0;max-width:820px;min-width:0;font-size:clamp(28px,3.5vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.025em}.active-neighbor strong,.active-phase-heading h2>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.active-phase-heading .phase-symbol{flex:none}.active-phase-heading .phase-symbol svg{width:28px;height:28px}.active-pause-label{position:absolute;top:-6px;left:0;right:0;font-size:12px;line-height:16px;color:var(--muted)}.active-intervals .active-countdown{--active-digit-size:clamp(96px,min(24cqw,37dvh,calc((100dvh - var(--page-top) - var(--page-bottom) - var(--header-height) - var(--timer-tools-room) - 360px) / 0.95)),340px);display:flex;height:calc(var(--active-digit-size) * .95);margin:0;font-size:var(--active-digit-size);font-weight:400;line-height:.95;letter-spacing:-.065em;color:var(--ink)}.active-intervals .active-countdown.with-hours{font-size:min(17.5cqw,28dvh,230px)}.active-hero .phase-progress{width:min(360px,50%);height:2px;margin:16px auto 12px}.active-neighbor{--neighbor-content-gap:10px;min-width:0;padding-top:48px;color:color-mix(in srgb,var(--ink) 52%,var(--paper))}.active-neighbor-button{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:4px;width:100%;height:clamp(144px,15vw,184px);min-height:44px;padding:16px 8px;border-radius:var(--radius-group);text-align:center}.active-neighbor-content{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--neighbor-content-gap)}.active-neighbor-arrow{grid-row:1;display:grid;place-items:center}.active-previous .active-neighbor-arrow{grid-column:1}.active-next .active-neighbor-arrow{grid-column:3}.active-neighbor-arrow svg{width:22px;height:22px;transition:transform .18s var(--ease)}.active-neighbor-button:enabled:active,.active-neighbor-button:focus-visible{color:color-mix(in srgb,var(--ink) 85%,var(--paper));background:color-mix(in srgb,var(--ink) 8%,transparent)}@media (hover:hover) and (pointer:fine){.active-neighbor-button:hover{color:color-mix(in srgb,var(--ink) 85%,var(--paper));background:color-mix(in srgb,var(--ink) 5%,transparent)}.active-previous .active-neighbor-button:hover svg{transform:translateX(-3px)}.active-next .active-neighbor-button:hover svg{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.active-neighbor-arrow svg,.active-neighbor-button{transition:none}.active-neighbor-button:enabled:active,.active-neighbor-button:hover svg{transform:none}}.active-neighbor strong{max-width:100%;font-size:clamp(28px,3.2vw,48px);line-height:1.08;font-weight:400;letter-spacing:-.025em}.active-neighbor-time{min-height:1.1em;font-size:clamp(22px,2.5vw,36px);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.active-controls{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.active-intervals .action-row{width:224px;max-width:calc(100% - 96px);margin:0}.active-intervals .sequence-reset{top:4px;right:calc(100% + 8px)}.active-secondary{display:flex;align-items:center;justify-content:center;gap:24px;min-height:44px;color:var(--muted);font-size:12px}.active-position{white-space:nowrap}.active-position .round-count{font-size:inherit;font-weight:400;padding:0;border:0;color:inherit}.active-secondary .corrections{margin:0;gap:4px}.active-secondary .corrections button{min-width:52px;min-height:44px;font-size:12px}@media (max-height:500px),(max-width:900px){.active-intervals .active-hero{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:0}.active-current{grid-column:1/-1;grid-row:1}.active-previous{grid-column:1;grid-row:2}.active-next{grid-column:2;grid-row:2}.active-intervals .active-countdown{--active-digit-size:min(39cqw,37dvh)}.active-intervals .active-countdown.with-hours{font-size:min(26cqw,28dvh,230px)}.active-neighbor{--neighbor-content-gap:4px;height:110px;padding:0}.active-neighbor-button{height:100%;padding-block:8px}.active-neighbor strong{font-size:28px}.active-neighbor-time{font-size:22px}}@media (max-width:700px){.timer-shell .active-intervals{padding:6px 0;gap:12px}.active-phase-heading{height:72px;gap:8px;padding:0}.active-phase-heading h2{font-size:28px}.active-phase-heading .phase-symbol svg{width:22px;height:22px}.active-intervals .active-countdown{--active-digit-size:min(39vw,29dvh)}.active-intervals .active-countdown.with-hours{font-size:min(24vw,23dvh)}.active-neighbor{--neighbor-content-gap:3px;height:96px}.active-neighbor-button{grid-template-columns:18px minmax(0,1fr) 18px;column-gap:2px;padding-inline:4px}.active-neighbor-arrow svg{width:18px;height:18px}.active-neighbor-time{font-size:20px}.active-neighbor strong{font-size:24px}.active-controls{gap:4px}.active-secondary{gap:4px;font-size:11px}.active-secondary .corrections button{min-width:44px;font-size:11px}.active-secondary .sequence-plan-trigger{padding-inline:6px;font-size:11px}.active-intervals .action-row{width:min(224px,calc(100vw - 152px))}}@media (max-width:700px) and (max-height:650px){.timer-shell .active-intervals{padding-block:3px}.active-phase-heading{height:56px}.active-neighbor{--neighbor-content-gap:2px;height:88px}.active-neighbor strong{font-size:22px}.active-neighbor-time{font-size:18px}}@media (max-height:500px) and (min-width:500px){.timer-shell .active-intervals{display:grid;grid-template-columns:minmax(0,1fr) 208px;align-items:center;gap:24px;padding:6px 0}.active-phase-heading{height:52px}.active-phase-heading h2{font-size:24px}.active-intervals .active-countdown{--active-digit-size:min(26vw,30dvh)}.active-intervals .active-countdown.with-hours{font-size:min(16vw,24dvh)}.active-neighbor{height:96px}.active-neighbor strong{font-size:22px}.active-neighbor-time{font-size:18px}.active-hero .phase-progress{margin-block:8px}.active-intervals .action-row{width:120px;max-width:none}.active-intervals .primary-button{height:44px;padding-inline:6px}.active-intervals .reset-button{right:calc(100% + 2px);top:0}.active-secondary{flex-wrap:wrap;gap:0 8px}.active-pause-label{top:-8px;font-size:11px}}.tika-portrait{display:none}@media (min-width:1100px) and (min-height:720px){.timer-app.has-cycle-welcome{--tika-room:176px;--setup-width:min(1128px,calc(100vw - 2 * var(--tika-room)));--setup-footer-height:88px;--stage-height:clamp(292px,38dvh,340px)}.has-cycle-welcome .app-header{width:var(--setup-width);margin-inline:auto}.has-cycle-welcome .app-wordmark{left:0}.timer-app.mode-intervals.has-cycle-welcome .timer-console{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--stage-height) var(--setup-footer-height);row-gap:12px;align-content:safe center;width:var(--setup-width);padding:24px 0}.has-cycle-welcome .timer-stage{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;width:100%;animation:none}.timer-app.has-cycle-welcome .status-line{grid-column:1/-1;grid-row:1;min-height:52px;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:16px;margin-bottom:0}.has-cycle-welcome .status-line>span:empty{display:none}.has-cycle-welcome .mode-content{grid-column:1/-1;grid-row:2}.has-cycle-welcome .cycle-stages{--cycle-gap:16px}.has-cycle-welcome :is(.cycle-work,.cycle-rest){padding-block:18px 14px}.has-cycle-welcome .interval-symbol{top:19px}.has-cycle-welcome .cycle-stages .value-field label{margin-bottom:8px}.has-cycle-welcome .cycle-stages input{--cycle-time-size:clamp(76px,min(7vw,10.8dvh),104px);height:calc(var(--cycle-time-size) * 1.2);font-size:var(--cycle-time-size)}.has-cycle-welcome .cycle-stages .field-controls{gap:4px}.timer-app.mode-intervals.has-cycle-welcome .details-slot{grid-column:1/-1;grid-row:3;height:var(--setup-footer-height);margin:0;padding:0;align-items:flex-start;justify-content:center}.has-cycle-welcome .interval-options{align-self:flex-start;padding:0}.has-cycle-welcome .action-row{grid-column:1;grid-row:3;align-self:end;justify-self:center;max-width:100%;margin:0}.tika-portrait{--tika-idle-opacity:1;--tika-wave-opacity:0;--tika-response-opacity:0;display:block;position:absolute;z-index:1;pointer-events:none;isolation:isolate;left:calc(100% - 91px);top:-60px;width:250px;aspect-ratio:2/3}.tika-artwork,.tika-hover-target,.tika-portrait:after,.tika-portrait:before,.tika-pose{position:absolute;inset:0}.tika-portrait:after,.tika-portrait:before{content:"";z-index:0}.tika-artwork{z-index:1;isolation:isolate;transform-origin:64% 98.5%;filter:drop-shadow(2px 4px 3px #263a2f26) drop-shadow(0 7px 7px #263a2f12)}.tika-pose{background:50%/contain no-repeat;mix-blend-mode:plus-lighter;will-change:opacity}.tika-portrait:after,.tika-pose{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.tika-pose-idle{background-image:url(/tika/side-07eb0e4bd9.webp);opacity:var(--tika-idle-opacity)}.tika-pose-wave{opacity:var(--tika-wave-opacity)}.tika-pose-response{opacity:0}.tika-pose-response[data-selected=true]{opacity:var(--tika-response-opacity)}.tika-portrait:before{background:radial-gradient(ellipse 3% 4% at 35.5% 29%,#283c304d,transparent 75%),radial-gradient(ellipse 11% 1.5% at 56.5% 99.1%,#283c305c,#283c3026 42%,transparent 78%),radial-gradient(ellipse 9% 1.4% at 74% 96.8%,#283c304d,#283c3020 42%,transparent 78%),radial-gradient(ellipse 28% 3% at 65% 98.5%,#283c302b,#283c3012 48%,transparent 80%)}.tika-portrait:after{opacity:var(--tika-idle-opacity);background:radial-gradient(ellipse 3% 4% at 35.5% 43%,#283c304d,transparent 75%)}.tika-hover-target{z-index:2;pointer-events:auto;cursor:pointer;padding:0;border:0;background:none;clip-path:polygon(57% 0,77% 0,80% 13%,84% 22%,85% 40%,81% 54%,79% 69%,86% 88%,86% 100%,46% 100%,43% 92%,40% 86%,36% 67%,33% 55%,32% 39%,32% 25%,32% 18%,45% 6%)}.tika-hover-target:enabled:active{transform:none}.tika-hover-target:focus-visible{outline:none}.tika-portrait:has(:focus-visible) .tika-artwork{filter:drop-shadow(0 0 2px #faf9f5) drop-shadow(0 0 3px var(--forest)) drop-shadow(0 7px 7px #263a2f12)}.tika-portrait[data-wave-ready=true]:has(:focus-visible),.tika-portrait[data-wave-ready=true][data-reacting=true]{--tika-idle-opacity:0;--tika-wave-opacity:1}}@media (min-width:1100px) and (min-height:720px) and (hover:hover) and (pointer:fine){.tika-portrait[data-wave-ready=true]:hover{--tika-idle-opacity:0;--tika-wave-opacity:1}}.tika-portrait[data-response-ready=true][data-response-active=true]{--tika-idle-opacity:0;--tika-wave-opacity:0;--tika-response-opacity:1}@media (min-width:1100px) and (min-height:720px) and (max-height:860px){.tika-portrait{left:calc(100% - 83px);top:-56px;width:226px}}@media (min-width:1100px) and (min-height:720px) and (max-height:760px){.timer-app.mode-intervals.has-cycle-welcome .timer-console{padding-block:0;row-gap:8px}}