:root{--vortas-ink: #0a1b2b;--vortas-navy: #102b4b;--vortas-cyan: #29f0ff;--vortas-gold: #ffe082;--vortas-cream: #f7f2e7;--vortas-paper: #fffaf0;--vortas-orange: #ff9f0a;--vortas-green: #59c36a;--vortas-gray: #4d4d4d;--vortas-brand-gradient: linear-gradient( 135deg, var(--vortas-ink) 0%, var(--vortas-navy) 58%, var(--vortas-gold) 100% );--vortas-light-gradient: linear-gradient( 180deg, #fff7de 0%, var(--vortas-gold) 100% );--vortas-glow-gradient: radial-gradient( circle at center, rgba(255, 159, 10, .9) 0%, rgba(255, 224, 130, .75) 28%, rgba(41, 240, 255, .22) 52%, rgba(16, 43, 75, 0) 78% );--surface-app: var(--vortas-cream);--surface-panel: rgba(255, 250, 240, .9);--surface-panel-strong: rgba(10, 27, 43, .9);--surface-panel-subtle: rgba(16, 43, 75, .08);--surface-input: rgba(255, 255, 255, .9);--surface-media: rgba(10, 27, 43, .22);--surface-sidebar: rgba(255, 250, 240, .74);--text-primary: var(--vortas-ink);--text-secondary: rgba(10, 27, 43, .74);--text-muted: rgba(10, 27, 43, .56);--text-inverse: #eff7ff;--text-inverse-muted: rgba(239, 247, 255, .7);--border-subtle: rgba(16, 43, 75, .14);--border-strong: rgba(16, 43, 75, .24);--border-inverse: rgba(255, 255, 255, .12);--button-primary-bg: var(--vortas-ink);--button-primary-text: #ffffff;--button-primary-hover: var(--vortas-navy);--button-accent-bg: var(--vortas-gold);--button-accent-text: var(--vortas-ink);--button-accent-hover: #ffd55d;--button-ghost-bg: transparent;--button-ghost-text: var(--vortas-ink);--status-success-bg: var(--vortas-green);--status-success-text: #09210f;--status-alert-bg: var(--vortas-orange);--status-alert-text: #351c00;--status-info-bg: var(--vortas-cyan);--status-info-text: var(--vortas-ink);--status-neutral-bg: var(--vortas-gray);--status-neutral-text: #ffffff;--focus-ring: 0 0 0 3px rgba(41, 240, 255, .34);--shadow-soft: 0 20px 50px rgba(16, 43, 75, .12);--shadow-panel: 0 24px 60px rgba(10, 27, 43, .14);--shadow-glow: 0 0 40px rgba(255, 159, 10, .22)}:root{--player-bg: var(--vortas-ink);--player-panel: rgba(10, 27, 43, .82);--player-panel-strong: rgba(16, 43, 75, .88);--player-accent: var(--button-accent-bg);--player-accent-strong: var(--vortas-orange);--player-cyan: var(--vortas-cyan);--player-text: var(--text-inverse);--player-muted: var(--text-inverse-muted);--player-border: var(--border-inverse);--player-shadow: var(--shadow-glow)}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,sans-serif;background:var(--vortas-glow-gradient),linear-gradient(145deg,#02060d 0%,var(--player-bg) 42%,var(--vortas-navy) 100%);color:var(--player-text)}