html{overflow-y:auto}body{color:#152033;background:#f6f8fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-shell{background:#f6f8fb;min-height:100vh}.content-wrap{width:min(1180px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.panel{border:1px solid #e3e8ef;box-shadow:0 8px 24px #0f172a0d}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.muted{color:#64748b}.json-preview{white-space:pre-wrap;max-height:420px;font-size:.86rem;line-height:1.45;overflow:auto}.timer-section{margin-top:20px}.timer-wrap-fullscreen{width:100vw;padding:0}.timer-section.is-fullscreen{z-index:2000;background:#020617;margin:0;position:fixed;inset:0}.timer-stage{background:#020617;border-radius:8px;align-content:center;gap:18px;min-height:calc(100vh - 190px);padding:18px;display:grid}.timer-display{appearance:none;cursor:pointer;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 3px 18px #38bdf842;border:0;border-radius:8px;width:100%;padding:clamp(28px,7vw,72px) 16px;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(5rem,18vw,14rem);font-weight:750;line-height:1;box-shadow:0 18px 46px #0f172a2e;color:#f8fafc!important;background:linear-gradient(#111827 0%,#020617 100%)!important}.timer-display:focus-visible{outline-offset:4px;outline:4px solid #38bdf8}.timer-actions{gap:12px;display:grid}.timer-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.timer-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-stage:fullscreen{background:#020617;border-radius:0;width:100vw;min-height:100vh;padding:clamp(12px,3vw,28px)}:is(.timer-stage:fullscreen .timer-display,.timer-section.is-fullscreen .timer-display){font-size:clamp(5.5rem,24vw,18rem)}:is(.timer-stage:fullscreen .timer-controls,.timer-section.is-fullscreen .timer-controls){grid-template-columns:repeat(2,minmax(0,1fr))}:is(.timer-stage:fullscreen .timer-controls .timer-command:last-child,.timer-section.is-fullscreen .timer-controls .timer-command:last-child){grid-column:1/-1}.timer-action,.timer-command{min-height:56px}@media (width<=720px){.content-wrap{width:min(100vw - 20px,1180px);padding-top:16px}.timer-presets,.timer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-display{font-size:clamp(4.25rem,22vw,8rem)}}@media (orientation:landscape) and (height<=520px){.timer-stage{gap:10px;min-height:calc(100vh - 112px);padding:10px}.timer-display{padding:20px 12px;font-size:clamp(4.5rem,18vh + 10vw,8rem)}.timer-section.is-fullscreen .timer-stage{min-height:100vh}.timer-stage:fullscreen{min-height:100vh}:is(.timer-section.is-fullscreen .timer-display,.timer-stage:fullscreen .timer-display){padding:14px 10px;font-size:clamp(5.5rem,22vh + 12vw,10rem)}.timer-action,.timer-command{min-height:44px}}