:root{--bg: #000000;--fg: #e2dbc8;--muted: #9a9a92;--line: #2a2a28;--button: #1c1c1a;--run-fg: #e2dbc8;--run-dim: #3a3a3a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{font-family:Lora,Georgia,Times New Roman,serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}section{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:max(2rem,env(safe-area-inset-top)) 2rem max(2rem,env(safe-area-inset-bottom));text-align:center}section[hidden]{display:none}.chips{display:flex;flex-wrap:nowrap;gap:.25rem;justify-content:center}.chip{font:inherit;font-size:1.125rem;flex:1;min-width:3rem;padding:.6rem .5rem;border:1px solid var(--line);border-radius:.3rem;background:var(--button);color:var(--fg);cursor:pointer}.chip.on{border-color:var(--fg)}.stepper{display:flex;align-items:center;gap:1.5rem}.stepper button{font:inherit;font-size:2rem;width:3.25rem;height:3.25rem;line-height:1;border:1px solid var(--line);border-radius:50%;background:var(--button);color:var(--fg);cursor:pointer}.value{display:flex;flex-direction:column;align-items:center;min-width:5rem}.value #minutes{font-size:3.5rem;font-variant-numeric:tabular-nums}.value small{font-size:.9rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.primary{font:inherit;font-size:1.25rem;padding:.9rem 3rem;border:1px solid var(--line);border-radius:.7rem;background:var(--button);color:var(--fg);cursor:pointer}#running{background:var(--bg);color:var(--fg);transition:color 1.2s ease}#running.dim{color:var(--run-dim)}.countdown{font-size:clamp(4rem,22vw,9rem);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.02em}.controls{display:flex;gap:1rem;transition:opacity .4s ease}.controls button{font:inherit;font-size:1rem;padding:.7rem 1.6rem;border:1px solid var(--run-dim);border-radius:.6rem;background:transparent;color:var(--run-fg);cursor:pointer}#running.dim .controls{opacity:0;pointer-events:none}#running.paused .countdown{opacity:.5}@media(prefers-reduced-motion:reduce){#running,.controls{transition:none}}.done{font-size:clamp(3rem,15vw,6rem);font-weight:300}.hint{color:var(--muted);font-size:.95rem}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-normal-DnxXpLNu.woff2) format("woff2"),url(/assets/lora-latin-400-normal-DBJS-Hc6.woff) format("woff")}