@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-records-violet:#a78bfa;--color-records-violet-glow:#a78bfa66;--color-records-indigo:#6366f1;--color-void:#0d0d14;--color-surface:#13131f;--color-surface-raised:#1a1a2e;--color-bone:#e8e3d9;--color-gold:#ffb800;--color-molten-glow:#ff7a00;--color-text-primary:#f8f8ff;--color-text-secondary:#a394d4;--color-text-muted:#6457a6;--color-accent-violet-light:#c4b5fd;--color-accent-indigo-deep:#4f46e5;--color-border:#2d2d44;--color-danger:#fca5a5;--color-white:#fff;--font-wordmark:"Cinzel", serif;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-label:"Inter Tight", Inter, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--rail-w:260px;--rail-w-collapsed:56px;--context-w:320px;--player-h:72px;--player-height-mobile:80px;--nav-height-mobile:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body,#root{background-color:var(--color-void);color:var(--color-text-primary)}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,select,textarea{font-family:var(--font-body)}.skip-link{z-index:9999;background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-body);border:2px solid var(--color-records-violet);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:top .15s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:2px}.lobby-tile-name{color:var(--color-text-primary);transition:color .15s}.lobby-tile:hover .lobby-tile-artwork{opacity:.85}.lobby-tile:hover .lobby-tile-name{color:var(--color-records-violet)}.lobby-tile:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:4px;border-radius:8px}.lobby-tile:focus-visible .lobby-tile-name{color:var(--color-records-violet)}.wordmark-btn:hover{opacity:.8}.wordmark-btn:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:2px;border-radius:4px}.track-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;grid-template-columns:48px 1fr 64px;align-items:center;min-height:32px;padding:0 8px;transition:background .15s;display:grid}.track-cell-album,.track-cell-genre{display:none}@container (width>=800px){.track-row{grid-template-columns:48px 2fr 1fr 64px}.track-cell-album{display:block}}@container (width>=1200px){.track-row{grid-template-columns:48px 2fr 1fr .8fr 64px}.track-cell-genre{display:block}}.track-cell-title{max-width:480px}.track-cell-album{max-width:240px}.track-cell-genre{max-width:256px}.track-row:hover{background:var(--color-surface-raised)}.track-row.track-row--active{background:#a78bfa14}.track-row.track-row--active .track-cell-title{color:var(--color-records-violet)}.track-row:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:-2px;border-radius:4px}.track-dots{opacity:0;transition:opacity .1s}.track-row:hover .track-dots,.track-row:focus-within .track-dots,.track-dots:focus-visible{opacity:1}@media (pointer:coarse){.track-dots{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}