@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg-base:#0a0a0f;--bg-surface:#111118;--bg-elevated:#1a1a24;--bg-hover:#22222e;--bg-active:#2a2a3a;--accent:#7c6af7;--accent-glow:rgba(124,106,247,.25);--accent-dim:rgba(124,106,247,.15);--text-primary:#f0eeff;--text-secondary:#9491b4;--text-muted:#5c5a72;--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--player-height:88px;--sidebar-width:300px;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-active);height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-primary);margin-top:-5px;-webkit-transition:transform .1s ease,background .1s ease;transition:transform .1s ease,background .1s ease}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent);transform:scale(1.2)}input[type=range]::-moz-range-track{background:var(--bg-active);height:4px;border-radius:2px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text-primary);border:none;-moz-transition:transform .1s ease,background .1s ease;transition:transform .1s ease,background .1s ease}input[type=range]:hover::-moz-range-thumb{background:var(--accent)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}