.timer{--stage-gap:46px;--glow-color:#e9ff0057;--glow-blur:5px;--glow-blur-button:44px;max-width:430px;height:100dvh;padding:max(24px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom)) 22px;grid-template-rows:1fr auto 1fr;margin:0 auto;display:grid}.timer-top{padding-bottom:var(--stage-gap);flex-direction:column;justify-content:space-between;display:flex}.timer-bottom{padding-top:var(--stage-gap);justify-content:center;align-items:flex-start;display:flex}.timer-header{justify-content:space-between;align-items:center;padding:24px 0 20px;display:flex}.wordmark{letter-spacing:.18em;text-transform:uppercase;color:#7c817a;font-size:12px;font-weight:800}.timer-ring{aspect-ratio:1;justify-self:center;width:min(330px,86vw);position:relative}.ring-rings,.ring-labels{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring-rings{transform:rotate(-90deg)}.segment-lit,.arc-lit{filter:drop-shadow(0 0 var(--glow-blur) var(--glow-color))}.arc-sweep{animation:arc-shrink var(--arc-duration) linear forwards}.arc-sweep.is-growing{animation-name:arc-grow}@keyframes arc-shrink{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--arc-circumference)}}@keyframes arc-grow{0%{stroke-dashoffset:var(--arc-circumference)}to{stroke-dashoffset:0}}.stage-label{fill:#e9ff00;filter:drop-shadow(0 0 var(--glow-blur) var(--glow-color))}.stage-label.is-muted{fill:#9ba394;filter:none}.sub-label{fill:#6e7468;font-family:Azeret Mono,ui-monospace,monospace}.sub-arrow{fill:none;stroke:#6e7468;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.sub-label.is-lit{fill:#e9ff00;filter:drop-shadow(0 0 var(--glow-blur) var(--glow-color));font-family:Archivo,system-ui,sans-serif}.ring-centre{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.centre-value{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-family:Azeret Mono,ui-monospace,monospace;font-weight:500;line-height:.86}.centre-value.is-lit{color:#e9ff00;text-shadow:0 0 var(--glow-blur-button) var(--glow-color)}.centre-value.is-resting{color:#c9cfc4;font-weight:300}.centre-check{color:#e9ff00;display:flex}.timer-controls{align-items:center;gap:30px;display:flex}.control-secondary,.control-primary,.control-again{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.control-secondary{color:#9ba394;background:#17190f;width:52px;height:52px}.control-primary{color:#060706;width:88px;height:88px;box-shadow:0 0 var(--glow-blur-button) var(--glow-color);background:#e9ff00}.control-again{color:#060706;letter-spacing:.16em;text-transform:uppercase;height:62px;box-shadow:0 0 var(--glow-blur-button) var(--glow-color);background:#e9ff00;gap:10px;padding:0 30px;font-family:Archivo,system-ui,sans-serif;font-size:15px;font-weight:800}.control-secondary:disabled{color:#3b3f37;cursor:not-allowed;background:#101107}.control-primary:disabled{color:#6e7468;box-shadow:none;cursor:not-allowed;background:#2b2f1d}.timer-settings{background:#17190f;border:none;border-radius:999px;justify-content:space-between;align-items:center;width:100%;max-width:252px;height:52px;margin:0 auto;padding:0 16px;display:flex}.setting{flex-direction:column;flex:1 1 0;align-items:center;gap:2px;display:flex}.setting-divider{background:#23261b;flex:0 0 1px;width:1px;height:24px}.setting-label{letter-spacing:.18em;text-transform:uppercase;color:#6e7468;font-size:9px;font-weight:700}.setting-value,.setting-input{color:#f4f5f2;font-family:Azeret Mono,ui-monospace,monospace;font-size:17px;font-weight:500}.setting-value.is-lit{color:#e9ff00}.setting-pair{color:#f4f5f2;align-items:center;display:flex}.setting-input{text-align:center;background:0 0;border:none;border-bottom:1.5px solid #0000;width:2.4ch;padding:0}.is-editable .setting-input{color:#e9ff00;border-bottom-color:#e9ff00}.setting-input:disabled{color:#3b3f37}.is-editable .setting-input:focus{background:#e9ff0014;outline:none}:root,html,body{color:#f4f5f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#060706;margin:0;padding:0;font-family:Archivo,system-ui,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}