:root{--os-bg:var(--bg-color,#0a0a0a);--os-surface-1:#111;--os-surface-2:#161616;--os-surface-3:#1c1c1f;--os-border:var(--cs-border,#1e1e1e);--os-border-strong:var(--cs-border-strong,#2a2a2a);--os-border-hover:var(--cs-border-hover,#3f3f46);--os-text:var(--cs-text,#e4e4e7);--os-text-dim:var(--cs-text-dim,#a1a1aa);--os-text-muted:var(--cs-text-muted,#8b8b9e);--os-accent:#9333ea;--os-accent-hover:#a043f0;--os-accent-text:#c084fc;--os-accent-soft:#9333ea24;--os-accent-line:#9333ea73;--os-success:#4ade80;--os-warning:#fb923c;--os-danger:#f87171;--os-info:#60a5fa;--os-success-soft:#4ade801f;--os-warning-soft:#fb923c1f;--os-danger-soft:#f871711f;--os-info-soft:#60a5fa1f;--os-radius-input:8px;--os-radius-panel:12px;--os-radius-overlay:16px;--os-radius-pill:999px;--os-shadow-overlay:0 12px 32px -8px #0009, 0 0 0 1px var(--os-border-strong);--os-ease-out:cubic-bezier(.23, 1, .32, 1);--os-ease-in-out:cubic-bezier(.77, 0, .175, 1);--os-ease-focal:cubic-bezier(.16, 1, .3, 1);--os-dur-press:.12s;--os-dur-hover:.15s;--os-dur-state:.2s;--os-dur-panel:.24s;--os-dur-overlay-in:.28s;--os-dur-overlay-out:.2s;--os-dur-focal:.6s}