:root{--bg:#fff;--ink:#0a0a0a;--ink-soft:#6b7280;--ink-faint:#9ca3af;--danger:#d61f26;--line:#e5e7eb;--surface:#fafafa;--focus:#2563eb;--panel:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}kbd{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-bottom-width:2px;border-radius:4px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85em}.app{min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:1fr auto;display:grid}.face{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:0;min-height:0;padding:1rem;transition:transform .26s;display:flex;position:relative;overflow:hidden}.app[data-chrome=hidden] .face{transform:translateY(calc(var(--panel) / 2))}.time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;color:var(--ink);font-family:inherit;font-size:min(17vw,30vh);font-weight:600;line-height:1;transition:color .22s}.status{color:var(--ink-faint);text-align:center;margin:0;font-size:clamp(.8rem,1.6vw,1rem);transition:opacity .2s;position:absolute;bottom:clamp(.25rem,2vh,1.25rem);left:1rem;right:1rem}.app[data-warn=true] .time{color:var(--danger)}.app[data-state=finished] .time{color:var(--danger);animation:1s step-end infinite flash}@keyframes flash{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.app[data-state=finished] .time{animation:none}.time,.controls,.status{transition:none}}.controls{padding:0 1rem 1.25rem;transition:opacity .26s,visibility .26s}.app[data-chrome=hidden] .controls{opacity:0;visibility:hidden;pointer-events:none}.app[data-chrome=hidden] .status{opacity:0}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:1rem;max-width:44rem;margin:0 auto;padding:1.25rem;display:grid}.field{grid-template-columns:6.5rem 1fr;align-items:center;gap:.75rem;display:grid}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.8125rem;font-weight:600}.hms{align-items:center;gap:.5rem;display:flex}.unit{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:baseline;gap:.25rem;padding:.35rem .5rem;display:inline-flex}.unit input{width:2.75rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;padding:0;font-size:1rem}.unit input:focus{outline:none}.unit:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #2563eb26}.unit-name{color:var(--ink-faint);font-size:.8125rem}.unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit input[type=number]{appearance:textfield}.presets{flex-wrap:wrap;gap:.4rem;display:flex}.presets button{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.875rem}.presets button:hover{border-color:var(--ink-faint);color:var(--ink)}.presets button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.options{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.check{cursor:pointer;align-items:center;gap:.45rem;font-size:.9375rem;display:inline-flex}.check input{width:1.05rem;height:1.05rem;accent-color:var(--ink);cursor:pointer}.actions{gap:.6rem;display:flex}.actions button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;min-width:7.5rem;padding:.7rem 1.4rem;font-weight:600}.primary{background:var(--ink);color:var(--bg)}.primary:hover{background:#262626}.ghost{background:var(--bg);border-color:var(--line);color:var(--ink-soft)}.ghost:hover{border-color:var(--ink-faint);color:var(--ink)}.hint{color:var(--ink-faint);margin:0;font-size:.8125rem}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-height:30rem){.controls{padding:0 .75rem .6rem}.panel{border-radius:10px;gap:.5rem;padding:.7rem .9rem}.field{gap:.5rem}.actions button{padding:.5rem 1.1rem}.hint,.status{display:none}}@media (max-width:34rem){.field{grid-template-columns:1fr;gap:.4rem}.panel{gap:.9rem;padding:1rem}.actions button{flex:1;min-width:0}.hint{display:none}}