:root{color-scheme:dark;--fg: rgb(217, 35, 26);--glow: 1;--ui: #d8d8dc;--ui-dim: #8a8a90;--panel: #17171a;--line: #2c2c31;--accent: #4d9bff;--danger: #ff5a52}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--ui);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{background:#202024;border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;min-height:44px}button:hover{background:#2a2a30}button.primary{background:var(--accent);border-color:var(--accent);color:#001226;font-weight:600}button.danger{color:var(--danger)}button[aria-pressed=true],button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:focus-visible{outline:3px solid #fff;outline-offset:2px}input[type=text],input[type=number],select{background:#101012;border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:40px;width:100%}input[type=number]{width:5.5em}.hidden{display:none!important}#stage{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--fg)}#stage.overtime{--fg: #ff3b30}.localclock{position:absolute;top:max(14px,env(safe-area-inset-top));left:0;right:0;text-align:center;font-size:clamp(16px,3.4vmin,34px);font-variant-numeric:tabular-nums;opacity:.8;color:var(--fg)}.mode-label{position:absolute;bottom:24vh;left:0;right:0;text-align:center;font-size:clamp(14px,2.6vmin,26px);letter-spacing:.12em;text-transform:uppercase;opacity:.75}.target-label{font-variant-numeric:tabular-nums}.face{width:min(94vw,150vh);color:var(--fg);filter:drop-shadow(0 0 calc(var(--glow) * .5vmin) var(--fg))}.face-svg{width:100%;height:auto;display:block;overflow:visible}.face-led .seg{fill:currentColor;opacity:.07}.face-led .on{fill:currentColor;opacity:1}.face-led circle.on{fill:currentColor}.face-ring{width:min(88vmin,94vw)}.face-ring .seg{fill:currentColor;opacity:.12}.face-ring .seg.on{opacity:1}.ring-text{fill:currentColor;font:600 25px system-ui,sans-serif;font-variant-numeric:tabular-nums}.face-clean{text-align:center}.clean-text{font-size:min(19vw,30vh);font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}#controls{position:fixed;left:0;right:0;bottom:0;padding:12px 12px max(12px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:linear-gradient(transparent,#000000d9 40%);transition:opacity .25s}#controls.faded{opacity:0;pointer-events:none}#controls .group{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.status-dot{position:fixed;top:max(10px,env(safe-area-inset-top));right:12px;font-size:12px;color:var(--ui-dim);transition:opacity .25s}.status-dot.faded{opacity:0}.overlay{position:fixed;inset:0;background:#000000eb;overflow:auto;padding:16px;z-index:5}.sheet{max-width:640px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.sheet h2{margin:0 0 8px;font-size:20px}.sheet h3{margin:22px 0 8px;font-size:15px;color:var(--ui-dim);text-transform:uppercase;letter-spacing:.06em}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.row.spread{justify-content:space-between}.row label{display:flex;align-items:center;gap:8px}.note{color:var(--ui-dim);font-size:14px;margin:6px 0}.error{color:var(--danger);font-size:14px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:50%;padding:0}.swatch[aria-pressed=true]{outline:3px solid #fff;outline-offset:2px}.code{font:600 22px ui-monospace,Menlo,monospace;letter-spacing:.08em;user-select:all}.card{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}.card .big{font:600 34px ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}.card.over .big{color:#ff3b30}.entry{position:fixed;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:24px;text-align:center;background:#000;z-index:6}.entry button{min-width:min(80vw,380px);font-size:20px;padding:18px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.appearance{display:grid;gap:8px;margin-top:8px}.appearance.disabled{opacity:.5;pointer-events:none}