:root{--syw-cyan: #22ddff;--syw-purple: #8b5cf6;--syw-yellow: #ddff22;--syw-bg: #0a0a0f;--syw-surface: rgba(13, 27, 42, .95);--syw-primary-gradient: linear-gradient(135deg, #22ddff 0%, #8b5cf6 100%);--syw-glow: 0 0 20px rgba(34, 221, 255, .3);--syw-glow-strong: 0 0 40px rgba(34, 221, 255, .5);--syw-deep-shadow: 0 8px 32px rgba(0, 0, 0, .4);--syw-border: 1px solid rgba(34, 221, 255, .2);--sidebar-width: 240px;--topbar-height: 64px;--player-height: 96px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--syw-bg);color:#fff;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#22ddff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2df9}.syw-gradient-text{background:var(--syw-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.syw-glass{background:#ffffff08;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.syw-glow-border{border:1px solid rgba(34,221,255,.4);box-shadow:var(--syw-glow)}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-spin{animation:spin 3s linear infinite;animation-play-state:paused}.vinyl-spin.playing{animation-play-state:running}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #22ddff4d}50%{box-shadow:0 0 25px #22ddffb3}}.playing-glow{animation:pulse-glow 2s ease-in-out infinite}.MuiAppBar-colorPrimary{color:#fff}@media (max-width: 600px){:root{--sidebar-width: 0px}}h1,p{margin-top:0}.qr-image-wrapper section div{box-shadow:unset!important}.text-link{color:inherit;text-decoration:inherit}