@font-face{font-family:Atkinson;src:local(Atkinson Hyperlegible);font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18232d;--ink-soft:#545f6a;--paper:#f7f5ef;--surface:#fdfcf8;--surface-muted:#edebe5;--line:#c4cbd2;--line-strong:#8f9aa4;--accent:#005d6d;--accent-dark:#00434f;--danger:#a7463b;--focus:#0085bc;--radius-sm:.45rem;--radius-md:.85rem;--ease:cubic-bezier(.22, 1, .36, 1);font-synthesis:none;font-family:Atkinson,Avenir Next,Segoe UI,sans-serif}@supports (color:lab(0% 0 0)){:root{--ink:lab(12.9633% -2.48032 -8.47599);--ink-soft:lab(39.6659% -2.54472 -7.58922);--paper:lab(96.5647% -.106633 3.05384);--surface:lab(98.8682% -.0711978 1.90568);--surface-muted:lab(93.0901% -.116706 3.43784);--line:lab(81.4379% -1.49676 -4.19195);--line-strong:lab(62.8721% -2.40868 -6.94275);--accent:lab(35.6107% -22.7538 -18.4358);--accent-dark:lab(25.0714% -18.8499 -15.3371);--danger:lab(43.1032% 40.0396 27.5838);--focus:lab(51.2266% -17.942 -44.0513)}}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-height:100vh;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}button,input,select,summary{font:inherit}button,input,select,a,summary{-webkit-tap-highlight-color:transparent}button,select,summary{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header,main,.site-footer{width:min(100% - 2rem,76rem);margin-inline:auto}.site-header{border-bottom:1px solid color-mix(in oklch, var(--line) 72%, transparent);justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.brand{color:var(--ink);align-items:center;gap:.65rem;font-size:.9rem;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;border:.3rem solid var(--accent);border-right-color:oklch(76% .12 86);border-radius:50%;width:1.65rem;transform:rotate(-38deg)}.site-header-nav{color:var(--ink-soft);align-items:center;gap:1rem;font-size:.78rem;display:flex}.site-header-nav a{color:var(--accent-dark);text-underline-offset:.2em;font-weight:700}.timer-workspace{padding:clamp(2rem,5vw,4.5rem) 0 clamp(4rem,8vw,7rem)}.timer-heading{text-align:center;margin:0 auto clamp(1.25rem,2.5vw,2rem)}.kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:760}h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.05}.timer-window{--timer-background:#1c1d1f;--timer-foreground:#8ccfff;aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--timer-foreground) 16%, transparent);border-radius:var(--radius-md);background:var(--timer-background);width:min(100%,64rem);color:var(--timer-foreground);box-shadow:0 1.5rem 4rem color-mix(in oklch, var(--ink) 13%, transparent);cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden;container-type:inline-size}.timer-window:after{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--timer-foreground) 7%, transparent);content:"";pointer-events:none;position:absolute;inset:0}.timer-window:active{filter:brightness(.98)}.timer-window.mode-clock{cursor:default}.timer-readout,.clock-readout time{font-weight:var(--timer-weight,200);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "kern" 1;letter-spacing:.002em;text-align:center;white-space:nowrap;line-height:.82;display:block}.timer-readout{max-width:100%;font-size:clamp(3rem,31cqw,20rem)}.clock-readout time{font-size:clamp(3rem,31cqw,20rem)}.time-length-medium .timer-readout{font-size:clamp(3rem,27cqw,17.5rem)}.time-length-long .timer-readout{font-size:clamp(2.5rem,24.5cqw,15.5rem)}.timer-window[data-weight="200"]{--timer-weight:200}.timer-window[data-weight="400"]{--timer-weight:400}.timer-window[data-weight="500"]{--timer-weight:500}.timer-window[data-weight="700"]{--timer-weight:700}.clock-readout{justify-items:center;gap:clamp(1rem,3cqw,2.4rem);display:grid}.clock-readout p{letter-spacing:.035em;opacity:.72;margin:0;font-size:clamp(.9rem,2.4cqw,1.8rem);font-weight:400}.complete-readout{letter-spacing:.3em;text-transform:uppercase;opacity:.58;font-size:clamp(1.2rem,4.2cqw,2.8rem);font-weight:300}.timer-window.status-paused .timer-readout{opacity:.82}.presentation-stack{justify-items:center;gap:clamp(.8rem,3cqw,2.2rem);width:94%;max-width:94%;display:grid}.classroom-message{letter-spacing:.14em;text-align:center;text-transform:uppercase;opacity:.8;margin:0;font-size:clamp(.8rem,4cqw,2.6rem);font-weight:600;line-height:1}.has-classroom-message .timer-readout{font-size:clamp(3rem,27.5cqw,17.5rem)}.has-classroom-message.time-length-medium .timer-readout{font-size:clamp(3rem,24.5cqw,15.5rem)}.has-classroom-message.time-length-long .timer-readout{font-size:clamp(2.5rem,22cqw,14rem)}.has-classroom-message .clock-readout time{font-size:clamp(3rem,27.5cqw,17.5rem)}.palette-sky{--timer-background:#1c1d1f;--timer-foreground:#8ccfff}.palette-orange{--timer-background:#ffde80;--timer-foreground:#ff744a}.palette-magenta{--timer-background:#511122;--timer-foreground:#ff9bf2}.palette-bone{--timer-background:#f0f0ef;--timer-foreground:#101116}.palette-sage{--timer-background:#f4ff8f;--timer-foreground:#0d3025}.palette-peach{--timer-background:#eadfc7;--timer-foreground:#33230d}.palette-innomotics{--timer-background:#08191f;--timer-foreground:#e1f000}.palette-pink-aura{--timer-background:#ffe5f1;--timer-foreground:#442c3d}.palette-ocean-tide{--timer-background:#e6f4f5;--timer-foreground:#1f3c44}.palette-purple-haze{--timer-background:#d1c8ea;--timer-foreground:#33244f}.palette-ocean-lemonade{--timer-background:#244bfc;--timer-foreground:#eaf2ff}.palette-violet-dreams{--timer-background:#3a1850;--timer-foreground:#f3ddff}.palette-cherry-vanilla{--timer-background:#a50001;--timer-foreground:#f7f0d8}.palette-mocha-sunburst{--timer-background:#513022;--timer-foreground:#ffe7ad}.palette-charcoal-pumpkin{--timer-background:#fc802f;--timer-foreground:#16242e}.timer-controls{width:min(100%,64rem);margin:.8rem auto 0}.primary-controls{justify-content:center;align-items:end;gap:.5rem;display:flex}.control-field{gap:.28rem;min-width:0;display:grid}.control-field>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:700}.control-field select,.control-field input,.control-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:2.75rem;color:var(--ink);transition:border-color .16s var(--ease), background-color .16s var(--ease), transform .16s var(--ease)}.control-field select{min-width:7.4rem;padding:0 2rem 0 .7rem}.control-field input{text-align:center;font-variant-numeric:tabular-nums;width:4rem;min-width:0;padding:0 .45rem}.control-button{cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.84rem;font-weight:700;display:inline-flex}.control-button svg{width:1rem;height:1rem}.control-field select:hover,.control-field input:hover,.control-button:hover:not(:disabled){border-color:var(--line-strong);background:color-mix(in oklch, var(--surface) 72%, var(--surface-muted))}.control-button:active:not(:disabled){transform:translateY(1px)}.control-button:disabled,.control-field input:disabled,.control-field select:disabled{cursor:not-allowed;opacity:.44}.primary-action{border-color:var(--accent-dark);background:var(--accent);min-width:5.5rem;color:var(--surface)}.primary-action:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark)}.duration-entry{align-items:end;gap:.32rem;display:flex}.time-colon{height:2.75rem;color:var(--ink-soft);place-items:center;display:grid}.set-button{margin-left:.12rem}.options-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:.8rem}.options-panel summary{cursor:pointer;font-size:.84rem;font-weight:700;display:none}.options-content{grid-template-columns:minmax(0,1.35fr) auto auto;align-items:end;gap:clamp(.8rem,2vw,1.5rem);padding:.8rem 0;display:grid}.option-group{align-items:end;gap:.5rem;min-width:0;display:flex}.display-options .control-field{flex:7rem}.display-options .palette-field{flex:1.4 10rem}.display-options select{width:100%;min-width:0}.toggle-options{align-items:center;min-height:2.75rem}.toggle-control{min-height:2.25rem;color:var(--ink);cursor:pointer;align-items:center;gap:.35rem;font-size:.76rem;display:inline-flex}.toggle-control input{width:1rem;height:1rem;accent-color:var(--accent);margin:0}.toggle-control.is-disabled{opacity:.44}.window-options{justify-content:flex-end}.form-message{min-height:1.2rem;color:var(--danger);text-align:center;margin:.5rem 0 0;font-size:.76rem}.pro-notice{border:1px solid color-mix(in oklch, var(--accent) 28%, var(--line));border-radius:var(--radius-sm);background:color-mix(in oklch, var(--surface) 88%, var(--accent) 12%);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.7rem .8rem;font-size:.76rem;display:flex}.pro-notice p{margin:0}.pro-notice strong{color:var(--ink)}.pro-notice button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;flex:none;padding:.3rem .5rem;font-size:.74rem;font-weight:700}.shortcut-hint{color:var(--ink-soft);text-align:center;margin:.35rem 0 0;font-size:.7rem}kbd{border:1px solid var(--line);background:var(--surface);font:inherit;border-bottom-width:2px;border-radius:.25rem;margin-left:.65rem;padding:.06rem .28rem}kbd:first-child{margin-left:0}.fullscreen-presentation{z-index:100;visibility:hidden;opacity:0;pointer-events:none;background:#1c1d1f;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.fullscreen-presentation:fullscreen{visibility:visible;opacity:1;pointer-events:auto;width:100dvw;height:100dvh}.fullscreen-timer,.fullscreen-presentation:fullscreen .fullscreen-timer{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;container-type:size}.fullscreen-timer .timer-readout,.fullscreen-timer .clock-readout time{font-size:min(29cqw,58cqh)}.fullscreen-timer .clock-readout p{font-size:min(3cqw,4cqh)}.fullscreen-timer .classroom-message,.popout-display .classroom-message{font-size:min(4cqw,7cqh)}.fullscreen-timer.has-classroom-message .timer-readout,.fullscreen-timer.has-classroom-message .clock-readout time,.popout-display.has-classroom-message .timer-readout,.popout-display.has-classroom-message .clock-readout time{font-size:min(25cqw,48cqh)}.fullscreen-timer.time-length-medium .timer-readout,.popout-display.time-length-medium .timer-readout{font-size:min(27cqw,54cqh)}.fullscreen-timer.time-length-long .timer-readout,.popout-display.time-length-long .timer-readout{font-size:min(24.5cqw,48cqh)}.fullscreen-timer.has-classroom-message.time-length-medium .timer-readout,.popout-display.has-classroom-message.time-length-medium .timer-readout{font-size:min(23.5cqw,46cqh)}.fullscreen-timer.has-classroom-message.time-length-long .timer-readout,.popout-display.has-classroom-message.time-length-long .timer-readout{font-size:min(22cqw,42cqh)}.popout-display{z-index:300;aspect-ratio:auto;width:100vw;height:100vh;box-shadow:none;border:0;border-radius:0;margin:0;position:fixed;inset:0;container-type:size}.popout-display .timer-readout,.popout-display .clock-readout time{font-size:min(29cqw,58cqh)}.popout-display .clock-readout p{font-size:min(3cqw,4cqh)}.popout-waiting{color:#8ccfff;background:#1c1d1f;place-items:center;width:100%;font-size:.9rem;display:grid;position:fixed;inset:0}.page-copy{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,9vw,8rem) 0;display:grid}.page-copy h2{letter-spacing:-.045em;max-width:18ch;margin:0;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.02}.copy-body{max-width:68ch;color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.7}.copy-body p:first-child{margin-top:0}.duration-links{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;font-size:.76rem;display:flex}.duration-links>span{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.duration-links div{flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1rem;display:flex}.duration-links a{color:var(--accent-dark);text-underline-offset:.18em}.duration-links a[aria-current=page]{color:var(--ink-soft);text-decoration:none}.duration-links .all-timers-link{font-weight:700}.timers-hub{padding:clamp(3.5rem,8vw,7.5rem) 0 clamp(5rem,10vw,9rem)}.timers-hub-intro{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end;gap:clamp(2rem,7vw,8rem);padding-bottom:clamp(3rem,7vw,6rem);display:grid}.timers-hub-intro h1{max-width:11ch;font-size:clamp(2.8rem,7vw,6.2rem);line-height:.94}.timers-hub-intro>p:last-child{max-width:46ch;color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.timer-group-list{border-top:1px solid var(--line-strong)}.timer-group{border-bottom:1px solid var(--line);grid-template-columns:minmax(16rem,.82fr) minmax(0,1.18fr);gap:clamp(2rem,6vw,7rem);padding:clamp(2rem,5vw,4rem) 0;display:grid}.timer-group-copy{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.timer-group-number{color:var(--accent);letter-spacing:.08em;padding-top:.3rem;font-size:.72rem;font-weight:760}.timer-group h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.8vw,2.2rem);line-height:1.05}.timer-group-copy p{max-width:36ch;color:var(--ink-soft);margin:.75rem 0 0;font-size:.92rem;line-height:1.55}.timer-link-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.timer-link-list a{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:5.8rem;color:var(--ink);transition:border-color .16s var(--ease), background-color .16s var(--ease), transform .16s var(--ease);align-content:center;padding:.8rem 1rem;text-decoration:none;display:grid}.timer-link-list a:hover{border-color:var(--accent);background:color-mix(in oklch, var(--surface) 88%, var(--accent) 12%);transform:translateY(-1px)}.timer-link-list a:active{transform:translateY(0)}.timer-link-list span{font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:500;line-height:1}.timer-link-list small{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;margin-top:.3rem;font-size:.72rem}.custom-duration-note{border-top:1px solid var(--line-strong);justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(4rem,8vw,7rem);padding-top:2rem;display:flex}.custom-duration-note h2{letter-spacing:-.04em;max-width:22ch;margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05}.custom-duration-note a{border:1px solid var(--accent-dark);border-radius:var(--radius-sm);background:var(--accent);color:var(--surface);flex:none;padding:.8rem 1rem;font-size:.84rem;font-weight:700;text-decoration:none}.custom-duration-note a:hover{background:var(--accent-dark)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;gap:1rem;padding:1.4rem 0 2rem;font-size:.74rem;display:flex}.not-found{align-content:center;justify-items:start;gap:1rem;min-height:100svh;display:grid}.not-found h1,.not-found p{margin:0}.not-found a{color:var(--accent);font-weight:720}@media (max-width:980px){.options-content{grid-template-columns:1fr;align-items:start}.option-group{justify-content:center}.display-options{width:100%}.timer-link-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:701px){.options-panel:not([open])>.options-content{display:grid}}@media (max-width:700px){.site-header,main,.site-footer{width:min(100% - 1.2rem,76rem)}.site-header-nav span{display:none}.site-header-nav{font-size:.74rem}.timer-workspace{padding-top:1.7rem}.timer-heading{text-align:left}.timer-window{border-radius:.6rem}.timer-controls{margin-top:.65rem}.primary-controls{grid-template-columns:1fr 1fr;align-items:end;min-width:0;display:grid}.preset-field,.message-field,.duration-entry{grid-column:1/-1}.preset-field select,.message-field select,.mode-field select{width:100%}.duration-entry{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-width:0;display:grid}.compact-number input{width:100%}.primary-controls>.control-button{width:100%;min-width:0}.set-button{grid-column:1/-1;width:100%;margin-left:0}.options-panel{padding:.75rem 0}.options-panel summary{justify-content:space-between;align-items:center;min-height:2.5rem;list-style:none;display:flex}.options-panel summary::-webkit-details-marker{display:none}.options-panel summary:after{content:"+";color:var(--ink-soft);font-size:1.1rem}.options-panel[open] summary:after{content:"−"}.options-content{grid-template-columns:1fr;gap:1.25rem;padding:.8rem 0 .25rem}.option-group{justify-content:stretch}.display-options{grid-template-columns:1fr 1fr;display:grid}.palette-field{grid-column:1/-1}.toggle-options{grid-template-columns:1fr 1fr;gap:.35rem 1rem;display:grid}.toggle-control{min-height:2.75rem}.window-options{grid-template-columns:1fr 1fr;display:grid}.shortcut-hint{display:none}.page-copy{grid-template-columns:1fr;gap:1.4rem}.site-footer{flex-direction:column}.duration-links{flex-direction:column;align-items:flex-start}.duration-links div{justify-content:flex-start}.timers-hub{padding-top:3rem}.timers-hub-intro,.timer-group{grid-template-columns:1fr}.timers-hub-intro{align-items:start;gap:1.5rem}.timer-group{gap:1.5rem}.timer-link-list{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-duration-note{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}