@layer tokens{:root{--bg: var(--bg-base, #08080a);--bg2: var(--bg-raise-1, #11100f);--bg3: var(--bg-raise-2, #1a1714);--border: var(--hairline, rgba(255, 255, 255, .1));--border2: var(--hairline-hi, rgba(255, 255, 255, .16));--accent: var(--ember, #e87858);--accent-dim: #c75826;--accent-glow: var(--ember-veil, rgba(232, 120, 88, .08));--on-accent: #160b07;--amber: #f59e0b;--amber-dim: #d97706;--amber-glow: rgba(245, 158, 11, .05);--green: var(--live, #7fd9a3);--green-glow: rgba(52, 211, 153, .06);--red: #f87171;--red-glow: rgba(248, 113, 113, .06);--blue: #60a5fa;--purple: #a78bfa;--orange: #fb923c;--text: var(--ink-default, #d8d6cf);--text-dim: var(--ink-muted, #8b897f);--text-muted: var(--ink-faint, #5a5854);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--shadow-sm: var(--shadow-1, 0 1px 3px rgba(0, 0, 0, .4));--shadow: var(--shadow-2, 0 4px 24px rgba(0, 0, 0, .6));--skel: linear-gradient(90deg, var(--bg2) 0%, var(--bg3) 50%, var(--bg2) 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 18px;--leading-xs: 14px;--leading-sm: 16px;--leading-base: 18px;--leading-md: 20px;--leading-lg: 24px;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: var(--font-ui);--focus-ring: 0 0 0 3px var(--accent-glow), 0 0 0 1px var(--accent)}:root[data-theme=light]{--bg: #f5f1ea;--bg2: #ffffff;--bg3: #efe9de;--border: rgba(20, 19, 15, .08);--border2: rgba(20, 19, 15, .13);--accent: #c0502f;--accent-dim: #9e3f23;--accent-glow: rgba(232, 120, 88, .1);--on-accent: #ffffff;--amber: #b27510;--amber-dim: #8c5a0c;--amber-glow: rgba(178, 117, 16, .06);--green: #1f7a66;--green-glow: rgba(31, 122, 102, .06);--red: #b23a2e;--red-glow: rgba(178, 58, 46, .06);--blue: #3868c9;--purple: #6b3fa0;--orange: #c4541a;--text: #14130f;--text-dim: #6e6a60;--text-muted: #8a867b;--shadow-sm: 0 1px 3px rgba(20, 19, 15, .06);--shadow: 0 8px 32px rgba(20, 19, 15, .1);--skel: linear-gradient(90deg, var(--bg3) 0%, var(--bg2) 50%, var(--bg3) 100%)}}