:root{--color-paper:oklch(97.2% .008 85);--color-paper-2:oklch(94.4% .012 85);--color-paper-3:oklch(90.5% .016 85);--color-ink:oklch(24% .02 60);--color-ink-2:oklch(38% .018 60);--color-ink-3:oklch(52% .015 60);--color-accent:oklch(66% .11 85);--color-accent-strong:oklch(57% .11 80);--color-accent-soft:oklch(88% .05 85);--color-accent-ink:oklch(98.5% .006 85);--color-rule:oklch(84% .012 85);--color-rule-2:oklch(90% .01 85);--color-focus:oklch(45% .09 80);--color-surface:oklch(99% .005 85/.78);--color-surface-strong:oklch(99% .005 85/.96);--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-lg:1.25rem;--text-clock:clamp(1.375rem, 3.5vw, 1.75rem);--text-timer:clamp(2.5rem, 10vw, 4rem);--text-stopwatch:clamp(2.5rem, 10vw, 4.5rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-2xl:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-mid:.52s;--dur-slow:.9s;--backdrop-blur:blur(18px) saturate(1.3);--shadow-nav:0 1px 2px oklch(24% .02 60/.06), 0 12px 32px -16px oklch(24% .02 60/.28);--shadow-panel:0 16px 40px -16px oklch(24% .02 60/.25)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{background:radial-gradient(120% 90% at 50% -10%, var(--color-paper-2) 0%, var(--color-paper) 58%);min-height:100vh;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{z-index:100;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-md);top:var(--space-md)}.nav{z-index:50;padding:clamp(var(--space-sm), 2.5vw, var(--space-lg));pointer-events:none;position:fixed;inset:0 0 auto}.nav__inner{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--space-md);max-width:60rem;min-height:60px;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-surface);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-nav);margin-inline:auto;display:flex;position:relative}.nav__wordmark{align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-ink);border-radius:var(--radius-sm);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.nav__glyph{color:var(--color-accent);flex-shrink:0}.nav__menu{display:block}.nav__links{align-items:center;gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:flex}.nav__link{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);font-weight:500;text-decoration:none;display:inline-block}.nav__link:hover{color:var(--color-ink);background:var(--color-paper-2)}.nav__link.is-active{color:var(--color-accent-ink);background:var(--color-accent)}.nav__burger{border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);width:44px;height:44px;color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:none}.nav__burger:hover{background:var(--color-paper-3)}.nav__burger-box{width:18px;height:12px;display:block;position:relative}.nav__burger-box span{width:100%;height:2px;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);background:currentColor;border-radius:2px;position:absolute;left:0}.nav__burger-box span:first-child{top:0}.nav__burger-box span:nth-child(2){top:5px}.nav__burger-box span:nth-child(3){top:10px}.nav.is-open .nav__burger-box span:first-child{transform:translateY(5px)rotate(45deg)}.nav.is-open .nav__burger-box span:nth-child(2){opacity:0}.nav.is-open .nav__burger-box span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.stage{width:100%;max-width:72rem;min-height:100vh;padding:clamp(104px, 16vh, 148px) var(--space-md) var(--space-2xl);justify-content:center;align-items:center;margin-inline:auto;display:flex}.view{text-align:center;width:100%;animation:view-in var(--dur-slow) var(--ease-out)}.view[hidden]{display:none}@keyframes view-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.view__eyebrow{margin:0 0 var(--space-md);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-3);font-weight:600}.clock{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.clock__canvas{width:min(78vw,520px);height:min(78vw,520px)}.clock__canvas canvas{width:100%;height:100%;display:block}.clock__readout{gap:var(--space-3xs);flex-direction:column;display:flex}.clock__time{font-family:var(--font-mono);font-size:var(--text-clock);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--color-ink)}.clock__date{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-ink-3)}.timer{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.timer__inputs{align-items:flex-end;gap:var(--space-2xs);display:flex}.field{align-items:center;gap:var(--space-3xs);flex-direction:column;display:flex}.field__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);font-weight:500}.field__input{width:4.75rem;padding:var(--space-xs) var(--space-2xs);text-align:center;font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);appearance:textfield;transition:border-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}.field__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-color:#0000}.field__input:disabled{opacity:.55;cursor:not-allowed}.timer__colon{font-family:var(--font-mono);font-size:var(--text-lg);padding-bottom:var(--space-sm);color:var(--color-ink-3)}.timer__dial{width:min(74vw,340px);height:min(74vw,340px);position:relative}.timer__ring{position:absolute;inset:0;transform:rotate(-90deg)}.timer__ring-track{fill:none;stroke:var(--color-rule-2);stroke-width:6px}.timer__ring-fill{fill:none;stroke:var(--color-accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:578.05;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear, stroke var(--dur-mid) var(--ease-out)}.timer__time{font-family:var(--font-mono);font-size:var(--text-timer);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--color-ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer__dial.is-done{animation:done-pulse .9s var(--ease-in-out) 3}.timer__dial.is-done .timer__ring-fill{stroke:var(--color-accent-strong)}@keyframes done-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.timer__presets{gap:var(--space-2xs);flex-wrap:wrap;justify-content:center;display:flex}.chip{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink-2);font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);font-weight:500}.chip:hover{border-color:var(--color-ink-3);color:var(--color-ink)}.chip.is-active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong)}.chip:disabled{opacity:.5;cursor:not-allowed}.controls{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.btn{appearance:none;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);font-weight:600}.btn:hover{background:var(--color-paper-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.status{min-height:1.25em;font-size:var(--text-sm);color:var(--color-ink-3);margin:0}.stopwatch{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.stopwatch__time{font-family:var(--font-mono);font-size:var(--text-stopwatch);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--color-ink)}.stopwatch__laps{border-top:1px solid var(--color-rule);width:min(100%,22rem);max-height:34vh;margin:0;padding:0;list-style:none;overflow-y:auto}.stopwatch__laps:empty{display:none}.stopwatch__lap{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-xs) var(--space-2xs);border-bottom:1px solid var(--color-rule-2);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:flex}.stopwatch__lap b{color:var(--color-ink-3);font-weight:500}.stopwatch__lap--best{color:var(--color-accent-strong)}@media (width<=720px){.nav__burger{display:inline-flex}.nav__menu{top:calc(100% + var(--space-2xs));padding:var(--space-2xs);border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface-strong);box-shadow:var(--shadow-panel);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out), visibility 0s linear var(--dur-mid);position:absolute;left:0;right:0;transform:translateY(-8px)}.nav.is-open .nav__menu{opacity:1;pointer-events:auto;visibility:visible;transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out), visibility 0s;transform:translateY(0)}.nav__links{flex-direction:column;align-items:stretch}.nav__link{text-align:center;padding:var(--space-sm);display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view,.timer__dial.is-done{animation:none}.nav__burger-box span,.nav__link,.chip,.btn,.timer__ring-fill{transition:none}}