:root{--slate-900: #141920;--slate-800: #1A2029;--slate-700: #222833;--slate-600: #2F3540;--slate-300: #899199;--slate-200: #A5ABB3;--flame: #FF6B2C;--flame-600: #C2400A;--flame-100: #FFE2D2;--hud-400: #35E585;--sea-300: #3E9BE8;--paper: #FBF9F5;--chalk: #F2EEE7;--ground: var(--slate-900);--surface: var(--slate-800);--line: var(--slate-600);--muted: var(--slate-300);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;overflow:hidden;overscroll-behavior:none}body{background:var(--ground);color:var(--chalk);font-family:var(--sans);font-size:17px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}#app{height:100dvh;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 16px)}.strip{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:0 0 auto;min-height:22px}.strip .wordmark{color:var(--chalk);letter-spacing:.24em}.strip .spacer{flex:1}.dot{width:8px;height:8px;border-radius:50%;background:var(--slate-600);flex:0 0 auto}.dot.live{background:var(--hud-400)}.dot.queued{background:var(--flame)}.pending{color:var(--flame)}.stage{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding-top:12px}.card{flex:1 1 auto;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.card.clicked-in{border-color:var(--flame);border-width:2px;padding:19px}.card .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.card .rows{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.card .row{font-size:24px;line-height:1.25;letter-spacing:-.01em}.card .row.lead{font-size:30px;font-weight:600}.card .meta{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.pips{display:flex;gap:6px;justify-content:center;padding:12px 0 4px;flex:0 0 auto}.pip{width:6px;height:6px;border-radius:50%;background:var(--slate-600)}.pip.on{background:var(--flame)}.actions{flex:0 0 auto;display:flex;gap:10px;padding-top:12px}.btn{flex:1;min-height:56px;border:1px solid var(--line);border-radius:14px;background:var(--slate-700);color:var(--chalk);font-family:var(--sans);font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn:active{background:var(--slate-600)}.btn.primary{background:var(--flame);border-color:var(--flame);color:#1a0c04}.btn.primary:active{background:var(--flame-600);color:var(--paper)}.btn.quiet{background:transparent;color:var(--muted);font-weight:500}.btn[disabled]{opacity:.45}.idle{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:20px}.idle .big{font-size:34px;font-weight:600;letter-spacing:-.02em}.idle .sub{color:var(--muted);font-size:16px;max-width:30ch}.idle .zone{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--flame)}.notice{background:var(--slate-800);border:1px solid var(--line);border-left:3px solid var(--flame);border-radius:12px;padding:12px 14px;font-size:15px;color:var(--chalk);display:flex;gap:10px;align-items:flex-start;flex:0 0 auto;margin-top:10px}.notice.calm{border-left-color:var(--sea-300)}.notice .x{color:var(--muted);font-size:20px;line-height:1;padding:0 4px;cursor:pointer}.form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.form h1{font-size:30px;font-weight:600;letter-spacing:-.02em}.form p.lede{color:var(--muted);font-size:15px;margin-bottom:6px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.field input{min-height:52px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--slate-800);color:var(--chalk);font-size:17px;font-family:var(--sans)}.field input:focus{outline:none;border-color:var(--flame)}.err{color:var(--flame-100);background:#c2400a40;border-radius:10px;padding:10px 12px;font-size:15px}.settings{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-top:12px;-webkit-overflow-scrolling:touch}.settings h2{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.holds{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.45}.holds .mode{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--flame);display:block;margin-bottom:6px}.gaps{display:flex;flex-direction:column;gap:8px}.gaps li{list-style:none;color:var(--slate-200);font-size:15px;padding-left:14px;position:relative}.gaps li:before{content:"·";position:absolute;left:2px;color:var(--flame)}@media (prefers-reduced-motion: no-preference){.card{transition:border-color .12s ease}}