:root{--bg: #080b13;--bg-glow: #111d33;--ink: #eef3ff;--muted: #98a7c5;--accent: #6ee7d7;--warn: #ffbe6b;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .1);--edge: rgba(255, 255, 255, .13);--armed-bg: rgba(255, 190, 107, .16)}@media (prefers-color-scheme: light){:root{--bg: #f4f7fc;--bg-glow: #dde7f8;--ink: #0a1020;--muted: #48587a;--accent: #0e766c;--warn: #9a5b00;--surface: rgba(10, 16, 32, .04);--surface-hover: rgba(10, 16, 32, .08);--edge: rgba(10, 16, 32, .16);--armed-bg: rgba(154, 91, 0, .12)}}*,*:before,*:after{box-sizing:border-box}html{background:#080b13;color-scheme:dark light;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: light){html{background:#f4f7fc}}body{margin:0;color:var(--ink);background:radial-gradient(125% 95% at 50% 0%,var(--bg-glow) 0%,var(--bg) 62%);background-attachment:fixed;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45;min-height:100vh;min-height:100svh}.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3.5vh,2.5rem);padding:calc(env(safe-area-inset-top,0px) + 1.25rem) calc(env(safe-area-inset-right,0px) + 1rem) calc(env(safe-area-inset-bottom,0px) + 1.25rem) calc(env(safe-area-inset-left,0px) + 1rem);text-align:center}.masthead{display:flex;flex-direction:column;gap:.35rem}.title{margin:0;font-size:clamp(1.75rem,6.5vw,3.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.05}.title-tail{color:var(--accent)}.clock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.35rem,1.6vw,1.1rem);width:min(100%,80rem)}.unit{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:clamp(.5rem,1.8vw,1.1rem) clamp(.2rem,1vw,.6rem);border:1px solid var(--edge);border-radius:clamp(.7rem,2vw,1.25rem);background:var(--surface)}.unit-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:700;font-size:clamp(2rem,17.5vw,5rem);line-height:1;letter-spacing:-.03em}.unit-label{color:var(--muted);font-size:clamp(.58rem,2.4vw,.8rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.clock[data-elapsed=true] .unit-value{color:var(--muted)}@media (min-width: 46rem){.clock{grid-template-columns:repeat(6,minmax(0,1fr))}.unit-value{font-size:min(9vw,21vh,9.5rem)}.unit-label{font-size:clamp(.62rem,1.5vw,.95rem)}}@media (min-width: 46rem) and (max-height: 32rem){.page{gap:.75rem}.unit-value{font-size:min(7vw,21vh,5rem)}.unit{padding:.4rem .3rem}}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.45rem,1.5vw,.85rem);width:min(100%,54rem)}.control{flex:1 1 13rem;min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1.1rem;border:1px solid var(--edge);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:clamp(.82rem,2.5vw,1rem);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.control:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.control:active:not(:disabled){transform:translateY(1px)}.control:disabled{opacity:.45;cursor:not-allowed}.control:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.control-icon{width:1.3em;height:1.3em;flex:none;color:var(--accent)}.control[data-armed=true]{border-color:var(--warn);background:var(--armed-bg);color:var(--warn)}.control[data-armed=true] .control-icon{color:var(--warn)}.control-label{min-width:0}.status{margin:0;max-width:46rem;color:var(--warn);font-size:clamp(.7rem,2.2vw,.85rem);text-wrap:pretty}.status:empty{display:none}.skip-link{position:absolute;left:.5rem;top:-4rem;z-index:10;padding:.6rem 1rem;border-radius:.6rem;background:var(--accent);color:#04140f;font-weight:700;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:calc(env(safe-area-inset-top,0px) + .5rem)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (forced-colors: active){.unit,.control{border-color:CanvasText}.control-icon,.title-tail{color:LinkText}}
