:root{--bucks-accent: #667eea;--bucks-accent-2: #764ba2;--bucks-accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bucks-success: #10b981;--bucks-warning: #f59e0b;--bucks-error: #ef4444;--bucks-info: #06b6d4;--bucks-on-accent: #ffffff;--player-bg-canvas: #070712;--player-bg-elevated: #0a0a1a;--player-bg-header: rgba(10, 10, 26, .82);--player-bg-bubble-in: #1e1f2e;--player-bg-bubble-out: #5865f2;--player-bg-input: #16162a;--player-text-primary: #e5e7eb;--player-text-secondary: #9ca3af;--player-text-muted: #6b7280;--player-accent: #5865f2;--player-accent-hover: #4752c4;--player-accent-glow: rgba(88, 101, 242, .28);--player-border-subtle: rgba(88, 101, 242, .28);--player-gradient-canvas: radial-gradient(circle at 20% 10%, rgba(88, 101, 242, .22), transparent 35%), radial-gradient(circle at 90% 90%, rgba(56, 189, 248, .1), transparent 30%), #070712;--player-online: #23a559;--staff-bg-canvas: #0b1220;--staff-bg-workspace: #0f172a;--staff-bg-rail: #111827;--staff-bg-surface: #1e293b;--staff-bg-surface-elevated: #243044;--staff-text-primary: #e2e8f0;--staff-text-secondary: #94a3b8;--staff-text-muted: #64748b;--staff-accent: #5e6ad2;--staff-accent-hover: #667eea;--staff-border-subtle: rgba(255, 255, 255, .06);--staff-border-strong: #334155;--staff-gradient-accent: linear-gradient(135deg, #5e6ad2 0%, #764ba2 100%);--staff-radius: 4px;--admin-bg: var(--staff-bg-workspace);--admin-workspace: var(--staff-bg-canvas);--admin-rail: var(--staff-bg-rail);--admin-surface: var(--staff-bg-surface);--admin-surface-elevated: var(--staff-bg-surface-elevated);--admin-border: var(--staff-border-subtle);--admin-border-strong: var(--staff-border-strong);--admin-accent: var(--staff-accent);--admin-accent-2: #764ba2;--admin-text: var(--staff-text-primary);--admin-muted: var(--staff-text-secondary);--admin-subtle: var(--staff-text-muted);--admin-gradient: var(--staff-gradient-accent);--admin-accent-a06: rgba(94, 106, 210, .06);--admin-accent-a08: rgba(94, 106, 210, .08);--admin-accent-a12: rgba(94, 106, 210, .12);--admin-accent-a15: rgba(94, 106, 210, .15);--admin-accent-a18: rgba(94, 106, 210, .18);--admin-accent-a20: rgba(94, 106, 210, .2);--admin-accent-a22: rgba(94, 106, 210, .22);--admin-accent-a25: rgba(94, 106, 210, .25);--admin-accent-a28: rgba(94, 106, 210, .28);--admin-accent-a35: rgba(94, 106, 210, .35);--admin-accent-a45: rgba(94, 106, 210, .45);--admin-accent-a50: rgba(94, 106, 210, .5);--admin-accent-a55: rgba(94, 106, 210, .55);--player-accent-a12: rgba(88, 101, 242, .12);--player-accent-a24: rgba(88, 101, 242, .24);--player-accent-a30: rgba(88, 101, 242, .3);--player-accent-a32: rgba(88, 101, 242, .32);--player-accent-a45: rgba(88, 101, 242, .45);--spacing-rail-width: 80px;--spacing-sidebar-width: 360px;--rounded-staff: 4px;--rounded-player-md: 12px;--rounded-player-bubble: 18px}html.light-theme,body.light-theme{--staff-bg-canvas: #f8fafc;--staff-bg-workspace: #ffffff;--staff-bg-rail: #f1f5f9;--staff-bg-surface: #ffffff;--staff-bg-surface-elevated: #ffffff;--staff-text-primary: #1e293b;--staff-text-secondary: #475569;--staff-text-muted: #64748b;--staff-border-subtle: rgba(15, 23, 42, .08);--staff-border-strong: #e2e8f0;--admin-bg: var(--staff-bg-workspace);--admin-workspace: var(--staff-bg-canvas);--admin-rail: var(--staff-bg-rail);--admin-surface: var(--staff-bg-surface);--admin-surface-elevated: var(--staff-bg-surface-elevated);--admin-border: var(--staff-border-subtle);--admin-border-strong: var(--staff-border-strong);--admin-text: var(--staff-text-primary);--admin-muted: var(--staff-text-secondary);--admin-subtle: var(--staff-text-muted)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1220;color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}