/* Hypervibe — generated from tokens.json */
:root, [data-theme="dark"] {
  --abyss: #07060f;
  --night: #0e0c22;
  --dusk: #181538;
  --haze: #2b2760;
  --smoke: #6c66ad;
  --mist: #aba8dc;
  --moon: #f3f0ff;
  --magenta: #ff62dc;
  --violet: #8a6cff;
  --lime: #a6ff3c;
  --teal: #22e0b0;
  --laser: #ff7844;
  --coral: #ff6b96;
  --sun: #ffd447;
  --cyan: #33e6ff;
  --ultra: #b08cff;
  --lilac: #e6e0fa;
  --heather: #cfc8ee;
  --ink-smoke: #5a5494;
  --ink-magenta: #a10f7e;
  --ink-lime: #08704f;
  --ink-laser: #a3420b;
  --ink-coral: #b3173c;
  --ink-sun: #7a5800;
  --ink-cyan: #006e85;
  --ink-ultra: #5b37d4;
  --ink-teal: #04665e;
  --wash: #241c4e;
  --bg: var(--night);
  --bg-frame: var(--abyss);
  --bg-raised: var(--dusk);
  --rule: var(--haze);
  --rule-strong: var(--smoke);
  --fg: var(--moon);
  --muted: var(--mist);
  --faint: var(--smoke);
  --accent: var(--magenta);
  --on-accent: var(--night);
  --focus: var(--cyan);
  --success: var(--lime);
  --warning: var(--sun);
  --danger: var(--coral);
  --info: var(--cyan);
  --reasoning: var(--ultra);
  --diff-add: var(--lime);
  --diff-remove: var(--coral);
  --selection: var(--wash);
  --selection-fg: var(--moon);
  --brand-hypervibe: var(--magenta);
  --brand-hypervibe-2: var(--violet);
  --brand-rocket: var(--lime);
  --brand-rocket-2: var(--teal);
  --brand-throttle: var(--laser);
  --brand-throttle-2: var(--coral);
  --brand-lanes: var(--sun);
  --brand-lanes-2: var(--laser);
  --brand-reactor: var(--cyan);
  --brand-reactor-2: var(--teal);
  --brand-fleet: var(--violet);
  --brand-fleet-2: var(--magenta);
  --mark-detail: var(--moon);
  --status-approval: var(--danger);
  --status-input: var(--warning);
  --status-working: var(--info);
  --status-done: var(--success);
  --status-error: var(--danger);
  --status-shell: var(--muted);
  --status-idle: var(--muted);
  --paper: #ffffff;
  --paper-raised: #f6f7f8;
  --paper-frame: #eef0f2;
  --paper-rule: #d5d9de;
  --paper-rule-strong: #7b8793;
  --paper-ink: #20252b;
  --paper-muted: #525b65;
  --paper-accent: #3b536e;
  --paper-focus: #315b86;
  --paper-selection: #e4ebf2;
  --glow-accent: 0 0 12px #ff62dc66;
  --glow-info: 0 0 10px #33e6ff55;
  --glow-danger: 0 0 10px #ff6b9666;
}
[data-theme="light"] {
  --bg: var(--moon);
  --bg-frame: var(--heather);
  --bg-raised: var(--lilac);
  --rule: var(--heather);
  --rule-strong: var(--ink-smoke);
  --fg: var(--night);
  --muted: var(--ink-smoke);
  --faint: var(--ink-smoke);
  --accent: var(--ink-magenta);
  --on-accent: var(--moon);
  --focus: var(--ink-cyan);
  --success: var(--ink-lime);
  --warning: var(--ink-sun);
  --danger: var(--ink-coral);
  --info: var(--ink-cyan);
  --reasoning: var(--ink-ultra);
  --diff-add: var(--ink-lime);
  --diff-remove: var(--ink-coral);
  --selection: var(--lilac);
  --selection-fg: var(--night);
  --brand-hypervibe: var(--ink-magenta);
  --brand-hypervibe-2: var(--ink-ultra);
  --brand-rocket: var(--ink-lime);
  --brand-rocket-2: var(--ink-teal);
  --brand-throttle: var(--ink-laser);
  --brand-throttle-2: var(--ink-coral);
  --brand-lanes: var(--ink-sun);
  --brand-lanes-2: var(--ink-laser);
  --brand-reactor: var(--ink-cyan);
  --brand-reactor-2: var(--ink-teal);
  --brand-fleet: var(--ink-ultra);
  --brand-fleet-2: var(--ink-magenta);
  --mark-detail: var(--night);
  --status-approval: var(--danger);
  --status-input: var(--warning);
  --status-working: var(--info);
  --status-done: var(--success);
  --status-error: var(--danger);
  --status-shell: var(--muted);
  --status-idle: var(--muted);
  --glow-accent: none;
  --glow-info: none;
  --glow-danger: none;
}
[data-theme="neutral-light"] {
  --bg: var(--paper);
  --bg-frame: var(--paper-frame);
  --bg-raised: var(--paper-raised);
  --rule: var(--paper-rule);
  --rule-strong: var(--paper-rule-strong);
  --fg: var(--paper-ink);
  --muted: var(--paper-muted);
  --faint: var(--paper-muted);
  --accent: var(--paper-accent);
  --on-accent: var(--paper);
  --focus: var(--paper-focus);
  --success: var(--ink-lime);
  --warning: var(--ink-sun);
  --danger: var(--ink-coral);
  --info: var(--paper-focus);
  --reasoning: var(--ink-ultra);
  --diff-add: var(--ink-lime);
  --diff-remove: var(--ink-coral);
  --selection: var(--paper-selection);
  --selection-fg: var(--paper-ink);
  --brand-hypervibe: var(--ink-magenta);
  --brand-hypervibe-2: var(--ink-ultra);
  --brand-rocket: var(--ink-lime);
  --brand-rocket-2: var(--ink-teal);
  --brand-throttle: var(--ink-laser);
  --brand-throttle-2: var(--ink-coral);
  --brand-lanes: var(--ink-sun);
  --brand-lanes-2: var(--ink-laser);
  --brand-reactor: var(--ink-cyan);
  --brand-reactor-2: var(--ink-teal);
  --brand-fleet: var(--ink-ultra);
  --brand-fleet-2: var(--ink-magenta);
  --mark-detail: var(--night);
  --status-approval: var(--danger);
  --status-input: var(--warning);
  --status-working: var(--info);
  --status-done: var(--success);
  --status-error: var(--danger);
  --status-shell: var(--muted);
  --status-idle: var(--muted);
  --glow-accent: none;
  --glow-info: none;
  --glow-danger: none;
}
[data-theme="contrast"] {
  --bg: var(--abyss);
  --bg-frame: var(--abyss);
  --bg-raised: var(--abyss);
  --rule: var(--smoke);
  --rule-strong: var(--mist);
  --fg: var(--moon);
  --muted: var(--mist);
  --faint: var(--mist);
  --accent: var(--magenta);
  --on-accent: var(--night);
  --focus: var(--moon);
  --success: var(--lime);
  --warning: var(--sun);
  --danger: var(--coral);
  --info: var(--cyan);
  --reasoning: var(--ultra);
  --diff-add: var(--lime);
  --diff-remove: var(--coral);
  --selection: var(--moon);
  --selection-fg: var(--night);
  --brand-hypervibe: var(--magenta);
  --brand-hypervibe-2: var(--magenta);
  --brand-rocket: var(--lime);
  --brand-rocket-2: var(--lime);
  --brand-throttle: var(--laser);
  --brand-throttle-2: var(--laser);
  --brand-lanes: var(--sun);
  --brand-lanes-2: var(--sun);
  --brand-reactor: var(--cyan);
  --brand-reactor-2: var(--cyan);
  --brand-fleet: var(--magenta);
  --brand-fleet-2: var(--magenta);
  --mark-detail: var(--moon);
  --status-approval: var(--danger);
  --status-input: var(--warning);
  --status-working: var(--info);
  --status-done: var(--success);
  --status-error: var(--danger);
  --status-shell: var(--muted);
  --status-idle: var(--muted);
  --glow-accent: none;
  --glow-info: none;
  --glow-danger: none;
}
[data-theme="ansi16"] {
  --bg: var(--night);
  --bg-frame: var(--night);
  --bg-raised: var(--night);
  --rule: var(--smoke);
  --rule-strong: var(--mist);
  --fg: var(--moon);
  --muted: var(--mist);
  --faint: var(--smoke);
  --accent: var(--magenta);
  --on-accent: var(--night);
  --focus: var(--cyan);
  --success: var(--lime);
  --warning: var(--sun);
  --danger: var(--coral);
  --info: var(--cyan);
  --reasoning: var(--ultra);
  --diff-add: var(--lime);
  --diff-remove: var(--coral);
  --selection: var(--mist);
  --selection-fg: var(--night);
  --brand-hypervibe: var(--magenta);
  --brand-hypervibe-2: var(--magenta);
  --brand-rocket: var(--lime);
  --brand-rocket-2: var(--lime);
  --brand-throttle: var(--coral);
  --brand-throttle-2: var(--coral);
  --brand-lanes: var(--sun);
  --brand-lanes-2: var(--sun);
  --brand-reactor: var(--cyan);
  --brand-reactor-2: var(--cyan);
  --brand-fleet: var(--magenta);
  --brand-fleet-2: var(--magenta);
  --mark-detail: var(--moon);
  --status-approval: var(--danger);
  --status-input: var(--warning);
  --status-working: var(--info);
  --status-done: var(--success);
  --status-error: var(--danger);
  --status-shell: var(--muted);
  --status-idle: var(--muted);
  --glow-accent: none;
  --glow-info: none;
  --glow-danger: none;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --raster-lit: 6px;
  --raster-gap: 2px;
  --cell: 6px;
  --radius-none: 0px;
  --radius-hair: 1px;
  --radius-control: 2px;
  --grad-hypervibe: linear-gradient(90deg, #ff62dc, #8a6cff);
  --grad-rocket: linear-gradient(90deg, #a6ff3c, #22e0b0);
  --grad-throttle: linear-gradient(90deg, #ff7844, #ff6b96);
  --grad-lanes: linear-gradient(90deg, #ffd447, #ff7844);
  --grad-reactor: linear-gradient(90deg, #33e6ff, #22e0b0);
  --grad-fleet: linear-gradient(90deg, #8a6cff, #ff62dc);
  --grad-prism: linear-gradient(90deg, #ffd447, #ff7844, #ff62dc, #8a6cff, #33e6ff, #a6ff3c);
  --grad-band: linear-gradient(180deg, #181538, #0e0c22);
  --grad-hypervibe-day: linear-gradient(90deg, #a10f7e, #5b37d4);
  --grad-rocket-day: linear-gradient(90deg, #08704f, #04665e);
  --grad-throttle-day: linear-gradient(90deg, #a3420b, #b3173c);
  --grad-lanes-day: linear-gradient(90deg, #7a5800, #a3420b);
  --grad-reactor-day: linear-gradient(90deg, #006e85, #04665e);
  --clock: 1060ms;
  --tick: 44.1667ms;
  --loader-frames: 12;
  --working-frames: 4;
  --thinking-frames: 4;
  --analyzing-frames: 4;
  --step: steps(n, end);
  --blink-ticks: 12;
  --thinking-grid-frames: 16;
  --rule-platform: 3px double;
  --rule-product: 1px solid;
  --rule-pending: 1px dotted;
  --rule-focus: 2px solid;
  --cols-tile: 36;
  --cols-ssh: 80;
  --rows-ssh: 24;
  --cols-wide: 120;
  --width-phone: 360px;
  --frame-budget: 120;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-pixel: Silkscreen, "IBM Plex Mono", monospace;
  --font-display: Monoton, Silkscreen, "IBM Plex Mono", sans-serif;
}
.wordmark-xl { font-family: var(--font-pixel); font-size: 64px; line-height: 64px; font-weight: 400; letter-spacing: 0.02em; }
.wordmark-lg { font-family: var(--font-pixel); font-size: 32px; line-height: 32px; font-weight: 400; letter-spacing: 0.02em; }
.wordmark-sm { font-family: var(--font-pixel); font-size: 16px; line-height: 16px; font-weight: 400; letter-spacing: 0.04em; }
.neon-xl { font-family: var(--font-display); font-size: 72px; line-height: 80px; font-weight: 400; }
.neon-lg { font-family: var(--font-display); font-size: 40px; line-height: 48px; font-weight: 400; }
.heading { font-family: var(--font-mono); font-size: 16px; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-mono); font-size: 14px; line-height: 22px; font-weight: 400; }
.body-sm { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 500; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; }
.status { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; }