:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-elevated: #161616;--color-surface-hover: #1c1c1c;--color-primary: #8b0000;--color-primary-hover: #a00000;--color-text: #f0f0f0;--color-text-muted: #8a8a8a;--color-text-dim: #555;--color-border: rgba(255, 255, 255, .06);--color-border-focus: rgba(139, 0, 0, .5);--sidebar-width: 200px;--sidebar-width-narrow: 72px;--player-bar-height: 68px;--player-panel-width: 268px;--content-padding: 24px;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Courier New", Courier, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-hero: 0 8px 32px rgba(139, 0, 0, .25);--shadow-card: 0 2px 12px rgba(0, 0, 0, .3)}@media(max-width:900px){:root{--sidebar-width: var(--sidebar-width-narrow);--player-panel-width: min(100vw, 320px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){:root{--content-padding: 16px;--player-panel-width: 100vw}}