:root{--accent:#f97316;--on-accent:#1a0b02;--neutral:#0e0f11;--round:#15803d;--final:#4ade80;--on-final:#052e16;--rest:#991b1b;--sheet:#17181b;--surface:#1c1d21;--field:#1f2024;--control:#2e2f35;--line:#3a3b40;--text:#f5f5f4;--text-2:#d6d3d1;--text-3:#a8a29e;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:20px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--vh:100vh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (height:100dvh){:root{--vh:100dvh}}*,:before,:after{box-sizing:border-box;touch-action:manipulation}html,body{overscroll-behavior:none;touch-action:manipulation;height:100%;margin:0;overflow:hidden}body{background:var(--neutral);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.audio-lost{z-index:10;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:600;animation:.2s audio-lost-in;display:flex;position:absolute;inset:0}@keyframes audio-lost-in{0%{opacity:0}}.timer{--bg:var(--neutral);--fg:#fafaf9;--fg-label:var(--text-2);--track:#00000040;--fill:#ffffffd9;--cog-quiet:#ffffff73;--stop-bg:#00000047;--stop-fg:#fff;padding:calc(16px + var(--safe-t)) calc(var(--gutter) + var(--safe-r)) calc(28px + var(--safe-b)) calc(var(--gutter) + var(--safe-l));background:var(--bg);color:var(--fg);flex-direction:column;transition:background-color .25s;display:flex;position:fixed;inset:0}.timer[data-theme=ready]{--cog-quiet:#57534e}.timer[data-theme=round]{--bg:var(--round);--fg:#fff;--fg-label:#fff}.timer[data-theme=final]{--bg:var(--final);--fg:var(--on-final);--fg-label:var(--on-final);--track:#052e162e;--fill:var(--on-final);--cog-quiet:#052e1673;--stop-bg:#052e1629;--stop-fg:var(--on-final)}.timer[data-theme=rest]{--bg:var(--rest);--fg:#fff;--fg-label:#fff}.topbar{flex-shrink:0;align-items:center;gap:16px;height:56px;display:flex}.brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);flex-grow:1;font-size:20px;font-weight:700}.spacer{flex-grow:1}.toplabel{display:none}.warn{color:#fdba74;background:#2a1c10;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.warn svg{flex-shrink:0}.progress{background:var(--track);border-radius:4px;flex-grow:1;min-width:40px;height:8px;overflow:hidden}.progress__fill{border-radius:inherit;background:var(--fill);transform-origin:0;height:100%;animation-name:fill;animation-timing-function:linear;animation-fill-mode:both}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cog{background:var(--surface);color:#e7e5e4;border:0;border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-right:-4px;padding:0;display:flex}.cog--quiet{color:var(--cog-quiet);background:0 0}.face{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.label,.toplabel,.tag,.main-btn,.sheet__head h2{letter-spacing:.14em;text-transform:uppercase;font-weight:700}.label{color:var(--fg-label);font-size:min(48px,11vw)}.timer[data-theme=idle] .label{letter-spacing:.16em;font-size:min(34px,9vw);font-weight:600}.timer[data-theme=ready] .label{letter-spacing:.16em;color:var(--accent);font-size:min(40px,10vw)}.timer[data-theme=rest] .label{letter-spacing:.24em}.digits{--chars:2.3;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-weight:600;line-height:.9;font-size:min(calc((100vw - 2 * var(--gutter) - var(--safe-l) - var(--safe-r)) / var(--chars)), calc(var(--vh) * .4))}.timer[data-digits=wide] .digits{--chars:2.9}.timer[data-digits=single] .digits{font-size:min(75vw, calc(var(--vh) * .38));line-height:.88}.timer[data-theme=final] .digits{font-weight:700}.dots{gap:14px;margin-top:16px;display:flex}.dot{background:var(--line);border-radius:50%;width:14px;height:14px}.dot--on{background:var(--accent)}.tag{background:var(--on-final);color:var(--final);border-radius:999px;margin-top:12px;padding:8px 16px;font-size:22px}.tag--small{display:none}.sub{letter-spacing:.08em;color:#fecaca;margin-top:12px;font-size:min(28px,7vw);font-weight:600}.pills{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.pills li{background:var(--surface);color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:16px;font-weight:500}.bottom{flex-direction:column;flex-shrink:0;gap:16px;display:flex}.hint{color:var(--text-3);align-items:flex-start;gap:10px;margin:0;font-size:15px;line-height:1.4;display:flex}.hint svg{flex-shrink:0;margin-top:1px}.main-btn{border:0;border-radius:22px;width:100%;height:92px;font-size:40px}.main-btn--start{background:var(--accent);color:var(--on-accent)}.main-btn--stop{background:var(--stop-bg);color:var(--stop-fg)}.main-btn--outlined{border:2px solid var(--line);background:var(--surface);color:var(--text)}.timer--compact .topbar,.timer--compact .bottom,.timer--compact .dots,.timer--compact .tag,.timer--compact .sub,.timer--compact .pills{display:none}.timer--compact .face{flex-direction:row;flex:none;justify-content:center;align-items:center;gap:14px;height:64px}.timer--compact .label{font-size:22px}.timer--compact .digits{font-size:48px;line-height:1}@media (orientation:landscape){.timer{--gutter:40px;padding-top:calc(8px + var(--safe-t));padding-bottom:calc(14px + var(--safe-b))}.topbar{gap:20px;height:44px}.brand{display:none}.toplabel{white-space:nowrap;color:var(--fg-label);opacity:.85;flex-shrink:0;align-items:center;gap:10px;font-size:20px;display:flex}.timer[data-theme=ready] .toplabel{color:var(--accent);opacity:1}.toplabel__sub{font-size:16px}.tag--small{margin:0;padding:4px 10px;font-size:14px;display:inline-block}.progress{height:6px}.cog{width:44px;height:44px}.face{padding-bottom:10px}.timer:not(.timer--compact) .label,.timer:not(.timer--compact) .sub,.timer:not(.timer--compact) .face .tag,.pills{display:none}.digits{--chars:2.45;line-height:.8;font-size:min(calc((100vw - 2 * var(--gutter) - var(--safe-l) - var(--safe-r)) / var(--chars)), calc((var(--vh) - 150px) / .82))}.timer[data-digits=wide] .digits{--chars:3}.timer[data-digits=single] .digits{font-size:calc((var(--vh) - 190px) / .82)}.dots{margin-top:8px}.bottom{flex-direction:row;align-items:center;gap:20px}.hint{flex:50%;font-size:14px}.main-btn{border-radius:16px;flex:50%;height:52px;font-size:26px}.timer--compact .face{height:48px}.timer--compact .digits{font-size:36px}}.sheet-backdrop{z-index:10;padding-top:calc(16px + 64px + var(--safe-t));background:#0000006b;justify-content:center;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;padding:10px calc(var(--gutter) + var(--safe-r)) calc(24px + var(--safe-b)) calc(var(--gutter) + var(--safe-l));background:var(--sheet);color:var(--text);border-radius:28px 28px 0 0;flex-direction:column;gap:16px;animation:.24s cubic-bezier(.2,.8,.2,1) sheet-in;display:flex;overflow:hidden}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (orientation:landscape){.sheet-backdrop{padding-top:calc(8px + 48px + var(--safe-t))}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}.timer{transition:none}}.sheet__grip{background:var(--line);border-radius:3px;flex-shrink:0;align-self:center;width:44px;height:5px}.sheet__head{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sheet__head h2{letter-spacing:.06em;text-transform:none;margin:0;font-size:30px}.sheet__close{color:#e7e5e4;background:#26272c;border:0;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.sheet__body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:16px;min-height:0;display:flex;overflow-y:auto}.field{flex-direction:column;gap:8px;display:flex}.field__head{justify-content:space-between;align-items:baseline;display:flex}.field__label{color:var(--text-2);font-size:16px;font-weight:600}.field__pending{color:#fdba74;font-size:14px;font-weight:600}.stepper{background:var(--field);border:2px solid #0000;border-radius:20px;justify-content:space-between;align-items:center;padding:6px;display:flex}.stepper--pending{border-color:var(--accent)}.stepper__btn{background:var(--control);color:#fafaf9;border:0;border-radius:14px;justify-content:center;align-items:center;width:72px;height:64px;padding:0;display:flex}.stepper__btn:disabled{opacity:.35;cursor:default}.stepper__value{font-variant-numeric:tabular-nums;font-size:56px;font-weight:600;line-height:1}.toggles{background:var(--field);border-radius:20px;flex-direction:column;display:flex}.toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 18px;display:flex}.toggle-row+.toggle-row{border-top:1px solid var(--control)}.toggle-row__text{flex-direction:column;gap:4px;display:flex}.toggle-row__label{font-size:18px;font-weight:500}.toggle-row__hint{color:var(--text-3);font-size:14px;line-height:1.35}.switch{background:var(--line);border:0;border-radius:18px;flex-shrink:0;justify-content:flex-start;width:60px;height:36px;padding:3px;display:flex;position:relative}.switch:before{content:"";position:absolute;inset:-4px 0}.switch[aria-checked=true]{background:var(--accent);justify-content:flex-end}.switch__thumb{background:var(--text-2);border-radius:50%;width:30px;height:30px}.switch[aria-checked=true] .switch__thumb{background:#fff}.sheet__foot{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.sheet__note{text-align:center;color:var(--text-2);margin:0;font-size:14px;line-height:1.4}.sheet__note--auto{color:var(--text-3);flex-shrink:0}.sheet__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.btn{letter-spacing:.08em;border-radius:18px;height:64px;font-size:24px;font-weight:700}.btn--ghost{border:2px solid var(--line);color:var(--text);background:0 0}.btn--accent{background:var(--accent);color:var(--on-accent);border:0}@media (orientation:landscape){.sheet{max-width:880px;padding-bottom:calc(14px + var(--safe-b));gap:12px}.sheet__grip{display:none}.sheet__head h2{font-size:24px}.sheet__close{width:44px;height:44px}.sheet__body{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 20px;display:grid}.field{grid-column:1}.toggles{grid-area:1/2/span 2;align-self:start}.stepper__btn{width:60px;height:52px}.stepper__value{font-size:44px}.toggle-row{padding-top:10px;padding-bottom:10px}.sheet__foot{flex-direction:row;align-items:center;gap:20px}.sheet__foot .sheet__note{text-align:left;flex:auto}.sheet__actions{flex:0 0 360px}.sheet__actions .btn{border-radius:14px;height:48px;font-size:20px}}