:root{--rl-bg:var(--bg-primary);--rl-panel:var(--bg-glass);--rl-panel-hover:color-mix(in oklab, var(--accent) 8%, var(--bg-glass));--rl-border:var(--accent-border);--rl-border-strong:var(--accent);--rl-cyan:var(--accent-cyan);--rl-violet:var(--accent-violet);--rl-amber:#f59e0b;--rl-cyan-08:color-mix(in oklab, var(--accent-cyan) 8%, transparent);--rl-cyan-12:color-mix(in oklab, var(--accent-cyan) 12%, transparent);--rl-cyan-20:color-mix(in oklab, var(--accent-cyan) 20%, transparent);--rl-cyan-30:color-mix(in oklab, var(--accent-cyan) 30%, transparent);--rl-violet-08:color-mix(in oklab, var(--accent-violet) 8%, transparent);--rl-violet-12:color-mix(in oklab, var(--accent-violet) 12%, transparent);--rl-violet-20:color-mix(in oklab, var(--accent-violet) 20%, transparent);--rl-violet-30:color-mix(in oklab, var(--accent-violet) 30%, transparent);--rl-amber-08:#f59e0b14;--rl-amber-40:#f59e0b66;--rl-text-primary:var(--text-primary);--rl-text-secondary:var(--text-secondary);--rl-text-muted:var(--text-muted);--rl-radius-sm:var(--radius-sm);--rl-radius-md:var(--radius-md);--rl-radius-lg:var(--radius-lg);--rl-radius-pill:999px;--rl-space-1:4px;--rl-space-2:8px;--rl-space-3:12px;--rl-space-4:16px;--rl-space-5:20px;--rl-space-6:24px;--rl-space-8:32px;--rl-blur:14px;--rl-shadow-card:0 8px 32px #0000004d;--rl-glow-cyan:0 0 20px color-mix(in oklab, var(--accent-cyan) 25%, transparent);--rl-glow-violet:0 0 20px color-mix(in oklab, var(--accent-violet) 25%, transparent);--rl-font:"Inter", ui-sans-serif, system-ui, sans-serif;--rl-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--rl-weight-regular:400;--rl-weight-medium:500;--rl-touch-target:44px;--rl-focus-ring:2px solid var(--focus-ring);--rl-transition:.2s ease}:where(.rl-root) :focus-visible{outline:var(--rl-focus-ring);outline-offset:2px}