:root{--color-background: #11151c;--color-surface: #1b212b;--color-surface-raised: #252d3a;--color-border: #313b4b;--color-text: #f2f4f7;--color-text-muted: #9aa4b5;--color-text-faint: #6c7586;--color-live: #39ff14;--color-accent: #e0482f;--color-double: #e38b17;--color-triple: #cc5a12;--color-danger: #9a2a2a;--color-success: #2f9e4f;--radius: 10px;--gap: 8px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:none;border-radius:var(--radius);background:var(--color-surface-raised);cursor:pointer;touch-action:manipulation}button:active:not(:disabled){filter:brightness(1.3)}button:disabled{opacity:.35;cursor:default}input{font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;-webkit-user-select:text;user-select:text}.button-primary{background:var(--color-success);font-weight:600}.button-danger{background:var(--color-danger)}.button-large{min-height:56px;padding:0 24px;font-size:1.25rem}.top-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#1f3550}.top-bar h1{flex:1;margin:0;font-size:1.1rem;font-weight:600}.top-bar .back{display:grid;place-items:center;width:44px;height:44px;background:transparent;color:inherit;font-size:2rem;text-decoration:none}.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius);background:var(--color-border)}.segmented button{min-height:40px;padding:0 14px;border-radius:calc(var(--radius) - 2px);background:var(--color-surface)}.segmented button.selected{background:var(--color-accent);font-weight:600}.segmented.quiet{background:#ffffff14}.segmented.quiet button{min-height:32px;padding:0 12px;background:transparent;color:var(--color-text-muted);font-size:.9rem}.segmented.quiet button.selected{background:#ffffff2e;color:var(--color-text);font-weight:600}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#000000b3}.dialog{width:min(560px,100%);max-height:100%;overflow:auto;padding:24px;border-radius:calc(var(--radius) * 1.5);background:var(--color-surface)}.dialog h2{margin:0 0 16px;text-align:center}