@font-face{font-family:Atkinson;src:local(Atkinson Hyperlegible);font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#142c23;--ink-soft:#4b5d55;--paper:#f3eee3;--paper-deep:#e5ddce;--surface:#fcf8f0;--line:#cbc3b2;--forest:#184d3a;--forest-dark:#0a3627;--sun:#ddc271;--sun-deep:#d3823d;--danger:#a64d42;--focus:#007ca8;--radius-sm:.55rem;--radius-md:1rem;--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(15.7846% -11.9582 2.68476);--ink-soft:lab(37.6935% -8.39232 1.90609);--paper:lab(94.2655% .276655 5.74844);--paper-deep:lab(88.483% .721097 8.45265);--surface:lab(97.7289% .18847 4.20554);--line:lab(79.223% .566244 9.65833);--forest:lab(28.943% -22.262 5.87016);--forest-dark:lab(19.5295% -18.8993 4.97338);--sun:lab(79.4839% 2.58145 43.9181);--sun-deep:lab(62.318% 28.0067 49.5533);--danger:lab(44.3671% 36.8363 25.0138);--focus:lab(47.9138% -18.8531 -36.8855)}}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 4%, color-mix(in oklch, var(--sun) 22%, transparent) 0, transparent 28rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:20;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{justify-content:space-between;align-items:center;width:min(100% - 2rem,92rem);margin:0 auto;padding:1.2rem 0 .8rem;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.65rem;font-size:.9rem;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;border:.34rem solid var(--forest);border-right-color:var(--sun-deep);border-radius:50%;width:1.75rem;transform:rotate(-38deg)}.header-note{color:var(--ink-soft);margin:0;font-size:.78rem}main{width:min(100% - 2rem,92rem);margin:0 auto}.timer-shell{grid-template-columns:minmax(17rem,1fr) minmax(21rem,.82fr);align-items:center;gap:clamp(1.4rem,4vw,5.5rem);min-height:calc(100svh - 4.8rem);padding:clamp(1.5rem,4vh,4rem) 0 clamp(2rem,6vh,5rem);display:grid}.timer-visual-column{justify-items:center;min-width:0;display:grid}.timer-heading{width:min(100%,44rem);margin-bottom:clamp(1rem,2.4vh,2rem)}.kicker{color:var(--forest);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.74rem;font-weight:760}h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.45rem,3vw,2.6rem);line-height:1.05}.timer-stage{--remaining:1;--elapsed:0;aspect-ratio:1;isolation:isolate;place-items:center;width:min(100%,44rem);display:grid;position:relative}.progress-ring,.progress-ring:before,.progress-ring:after{content:"";border-radius:50%;position:absolute}.progress-ring{background:conic-gradient(from -90deg, var(--forest) calc(var(--remaining) * 1turn), var(--paper-deep) 0);transition:background-color .22s var(--ease), border-radius .3s var(--ease);inset:2%;overflow:hidden}.progress-ring:before{z-index:1;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--line) 70%, transparent);inset:clamp(1rem,4.3vw,2.5rem)}.progress-ring:after{aspect-ratio:1;z-index:2;background:var(--sun);border:.22rem solid var(--surface);width:clamp(.8rem,2.5vw,1.5rem);top:0;left:50%;transform:translate(-50%)}.progress-fill{display:none}.time-cluster{z-index:3;justify-items:center;display:grid;position:relative;transform:translateY(.3rem)}.time-display{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.075em;white-space:nowrap;font-size:clamp(4.6rem,13vw,10.5rem);font-weight:650;line-height:.85}.timer-status{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;margin:clamp(1.1rem,3vw,1.8rem) 0 0;font-size:clamp(.78rem,1.4vw,.92rem);font-weight:700}.timer-controls{min-width:0;transition:opacity .26s var(--ease), transform .26s var(--ease);align-self:center}.timer-shell.is-running .timer-controls:not(:hover):not(:focus-within){opacity:.28;transform:translateY(.3rem)}.control-section+.control-section{margin-top:clamp(1.6rem,3vh,2.4rem)}.section-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .7rem;font-size:.73rem;font-weight:760;display:block}.preset-list,.style-list,.action-row,.utility-row{flex-wrap:wrap;gap:.55rem;display:flex}.preset-button,.style-button,.utility-button,.secondary-button,.manual-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--surface) 80%, transparent);cursor:pointer;min-height:2.8rem;transition:background-color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease)}.preset-button:hover,.style-button:hover,.utility-button:hover,.secondary-button:hover,.manual-button:hover{border-color:var(--forest);background:var(--surface)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,fieldset:disabled button,fieldset:disabled input{cursor:not-allowed;opacity:.45}.preset-button{min-width:3.45rem;padding:.6rem .8rem;font-weight:720}.preset-button[aria-pressed=true],.style-button[aria-pressed=true]{border-color:var(--forest);background:var(--forest);color:var(--surface)}fieldset{border:0;min-width:0;margin:0;padding:0}.manual-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.55rem;display:grid}.number-field{position:relative}.number-field input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:3.2rem;color:var(--ink);font-variant-numeric:tabular-nums;padding:.55rem 2.8rem .55rem .85rem;font-size:1rem}.number-field span{color:var(--ink-soft);pointer-events:none;font-size:.7rem;font-weight:700;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.manual-button{padding:.5rem 1rem;font-weight:720}.form-message{min-height:1.2rem;color:var(--danger);margin:.45rem 0 0;font-size:.78rem}.action-row{align-items:stretch}.primary-button,.secondary-button{border-radius:var(--radius-sm);cursor:pointer;min-height:3.6rem;padding:.75rem 1.3rem;font-weight:760}.primary-button{border:1px solid var(--forest-dark);background:var(--forest);color:var(--surface);box-shadow:0 .6rem 1.4rem color-mix(in oklch, var(--forest-dark) 15%, transparent);flex:9rem}.primary-button:hover:not(:disabled){background:var(--forest-dark)}.secondary-button{flex:6rem}.utility-row{justify-content:space-between;align-items:end}.style-group{min-width:10rem}.style-button,.utility-button{padding:.55rem .8rem;font-size:.84rem;font-weight:700}.utility-actions{gap:.55rem;display:flex}.shortcut-hint{color:var(--ink-soft);margin:1rem 0 0;font-size:.72rem}kbd{border:1px solid var(--line);background:var(--surface);font:inherit;border-bottom-width:2px;border-radius:.28rem;padding:.08rem .32rem}.style-horizon .progress-ring{border:1px solid color-mix(in oklch, var(--line) 80%, transparent);background:linear-gradient(to bottom, transparent 49.8%, color-mix(in oklch, var(--ink) 13%, transparent) 50%, transparent 50.4%), var(--surface);border-radius:3rem 3rem 1.2rem 1.2rem;inset:6% 2%}.style-horizon .progress-ring:before{aspect-ratio:1;background:var(--sun);width:48%;box-shadow:0 0 0 1.2rem color-mix(in oklch, var(--sun) 17%, transparent);transform:translate(-50%, calc(var(--elapsed) * 70%));transition:transform 90ms linear;inset:auto auto 6% 50%}.style-horizon .progress-ring:after{z-index:2;background:var(--forest);width:100%;height:27%;transform:scaleY(var(--remaining));transform-origin:bottom;border:0;border-radius:0;transition:transform 90ms linear;top:auto;bottom:0;left:0}.style-horizon .time-cluster{color:var(--ink);text-shadow:0 .1rem 1.2rem var(--surface)}.timer-shell.is-complete .progress-ring{background-color:color-mix(in oklch, var(--sun) 38%, var(--surface))}.timer-shell.is-complete .time-display{color:var(--forest)}.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}.site-footer{border-top:1px solid var(--line);width:min(100% - 2rem,92rem);color:var(--ink-soft);justify-content:space-between;gap:1rem;margin:0 auto;padding:1.4rem 0 2rem;font-size:.74rem;display:flex}.not-found{align-content:center;justify-items:start;gap:1rem;width:min(100% - 2rem,50rem);min-height:100svh;display:grid}.not-found h1,.not-found p{margin:0}.not-found a{color:var(--forest);font-weight:720}.presentation-mode{z-index:100;visibility:hidden;opacity:0;pointer-events:none;background:var(--paper);width:100vw;height:100vh;margin:0;position:fixed;inset:0;overflow:hidden}.presentation-mode:fullscreen{visibility:visible;opacity:1;pointer-events:auto;width:100dvw;height:100dvh}.presentation-readout{z-index:4;min-width:0;position:relative}.presentation-readout time{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.08em;white-space:nowrap;font-weight:650;line-height:.8;display:block}.presentation-readout p{color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;margin:clamp(1.5rem,3.5vh,3rem) 0 0;font-size:clamp(.85rem,1.15vw,1.5rem);font-weight:760}.presentation-orbit-layout{background:radial-gradient(circle at 14% 18%, color-mix(in oklch, var(--sun) 20%, transparent) 0, transparent 36vw), var(--paper);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,4vw,6rem);width:100%;height:100%;padding:4.5vh 5vw;display:grid}.presentation-orbit-visual{aspect-ratio:1;justify-self:center;width:min(86vh,47vw);position:relative}.presentation-orbit-ring,.presentation-orbit-ring:before,.presentation-orbit-ring:after{content:"";border-radius:50%;position:absolute}.presentation-orbit-ring{background:conic-gradient(from -90deg, var(--forest) calc(var(--remaining) * 1turn), var(--paper-deep) 0);inset:0}.presentation-orbit-ring:before{background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--line) 75%, transparent);inset:clamp(1.8rem,5.2vh,4.8rem)}.presentation-orbit-ring:after{aspect-ratio:1;background:var(--sun);border:clamp(.18rem, .45vh, .38rem) solid var(--surface);width:clamp(1.1rem,2.3vh,2.2rem);top:0;left:50%;transform:translate(-50%)}.presentation-orbit-readout{justify-self:start}.presentation-orbit-readout time{font-size:min(17.5vw,29vh)}.presentation-horizon-scene{background:linear-gradient(to bottom, color-mix(in oklch, var(--surface) 76%, var(--sun)) 0%, var(--paper) 62%, var(--paper-deep) 100%);width:100%;height:100%;position:relative;overflow:hidden}.presentation-horizon-sun{z-index:1;aspect-ratio:1;background:var(--sun);width:min(39vh,23vw);box-shadow:0 0 0 3.5vh color-mix(in oklch, var(--sun) 16%, transparent), 0 0 9vh color-mix(in oklch, var(--sun-deep) 18%, transparent);transform:translate(-50%, calc(var(--elapsed) * 43vh));border-radius:50%;transition:transform 90ms linear;position:absolute;top:5vh;left:76%}.presentation-horizon-line{z-index:3;background:color-mix(in oklch, var(--forest-dark) 38%, var(--surface));height:.7vh;position:absolute;bottom:26vh;left:0;right:0}.presentation-horizon-line:after{content:"";background:var(--sun-deep);transform:scaleX(var(--remaining));transform-origin:0;transition:transform 90ms linear;position:absolute;inset:0}.presentation-horizon-ground{z-index:2;background:var(--forest);height:26vh;position:absolute;bottom:0;left:0;right:0}.presentation-horizon-readout{color:var(--ink);position:absolute;top:11vh;left:5vw}.presentation-horizon-readout time{text-shadow:0 .15rem 2.5rem color-mix(in oklch, var(--surface) 88%, transparent);font-size:min(17vw,28vh)}.presentation-horizon-readout p{color:var(--forest-dark)}.presentation-mode.is-complete .presentation-orbit-ring{background:var(--sun)}.presentation-mode.is-complete .presentation-readout time{color:var(--forest)}@media (max-aspect-ratio:4/3){.presentation-orbit-layout{grid-template-columns:1fr;justify-items:center;gap:1rem;padding:4vh 5vw 6vh}.presentation-orbit-visual{align-self:end;width:min(65vh,86vw)}.presentation-orbit-readout{text-align:center;place-self:start center}.presentation-orbit-readout time,.presentation-horizon-readout time{font-size:min(27vw,19vh)}.presentation-horizon-sun{width:min(34vh,42vw);left:72%}.presentation-horizon-readout{text-align:center;width:90vw;top:12vh;left:50%;transform:translate(-50%)}}@media (max-width:800px){.site-header{padding-top:.9rem}.header-note,.shortcut-hint{display:none}.timer-shell{grid-template-columns:1fr;gap:1.2rem;min-height:auto;padding-top:1rem}.timer-heading{margin-bottom:.8rem}.timer-stage{width:min(90vw,28rem)}.timer-controls{width:min(100%,34rem);margin:0 auto}.timer-shell.is-running .timer-controls:not(:hover):not(:focus-within){opacity:.62;transform:none}.page-copy{grid-template-columns:1fr;gap:1.4rem}}@media (max-width:480px){main,.site-header,.site-footer{width:min(100% - 1.2rem,92rem)}.time-display{font-size:clamp(4.2rem,23vw,6.5rem)}.manual-form{grid-template-columns:1fr 1fr}.manual-button{grid-column:1/-1}.utility-row{flex-direction:column;align-items:stretch}.utility-actions button{flex:1}.site-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}