@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-violet-a08:#a78bfa14;--color-violet-a12:#a78bfa1f;--color-violet-a15:#a78bfa26;--color-violet-a30:#a78bfa4d;--color-violet-a40:#a78bfa66;--color-gold-a10:#ffb8001a;--color-gold-a25:#ffb80040;--color-molten-glow-a30:#ff7a004d;--color-scrim:#00000073;--color-void-a94:#0d0d14f0;--hero-scrim:linear-gradient(to top, #000000c7 0%, #0006 38%, #0000 76%);--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);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--rail-w:260px;--rail-w-collapsed:56px;--context-w:320px;--player-h:72px;--player-height-mobile:80px;--nav-height-mobile:56px;--panel-gutter:8px;--gutter:24px;--region-gap:32px;--grid-gap:24px;--lobby-roster-max:888px;--track-list-max:1024px;--releases-min:400px}*,: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:var(--radius-md)}.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:var(--radius-sm)}.nav-btn{text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 16px;transition:background .12s,border-color .12s;display:flex}.nav-btn:hover{background:var(--color-surface-raised)}.nav-btn.is-active{background:var(--color-violet-a08);border-left-color:var(--color-records-violet)}.nav-btn:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:-2px}.rail-btn{width:100%;height:40px;color:var(--color-records-violet);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:flex}.rail-btn:hover{background:var(--color-surface-raised)}.rail-btn.is-active{background:var(--color-violet-a15);border-left-color:var(--color-records-violet)}.rail-btn:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:-2px}.rail-item-wrap{justify-content:center;width:100%;display:flex;position:relative}.rail-tooltip{z-index:200;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 8px;font-size:12px;transition:opacity .1s;position:absolute;top:50%;left:60px;transform:translateY(-50%)}.rail-item-wrap:hover .rail-tooltip,.rail-item-wrap:focus-within .rail-tooltip{opacity:1}.menu-item{cursor:pointer;width:100%;min-height:40px;font-family:var(--font-body);color:var(--color-text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:background .1s,color .1s;display:flex}.menu-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.menu-item:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:-2px}.shell{grid-template-rows:1fr var(--player-h);background:var(--color-void);height:100dvh;display:grid;overflow:hidden}.panel-row{gap:var(--panel-gutter);padding:var(--panel-gutter) var(--panel-gutter) 0;min-height:0;transition:grid-template-columns .2s;display:grid}.panel{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.player-bar{height:var(--player-h);background:var(--color-void)}.hero{flex-shrink:0;width:100%;height:clamp(240px,28vh,400px);position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-scrim{background:var(--hero-scrim);pointer-events:none;position:absolute;inset:0}.hero-title{font-family:var(--font-body);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:48px;font-weight:700;line-height:1.1;position:absolute;bottom:32px;left:32px}.lobby-caption{font-family:var(--font-body);color:var(--color-text-primary);margin:0 0 32px;font-size:24px;font-weight:700;line-height:1.2}.lobby-content{padding:var(--gutter)}@container (width<=1279px){.hero-title{font-size:32px}}.lobby{flex:1;overflow-y:auto;container-type:inline-size}.roster-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;display:grid}.artist-view{flex:1;overflow-y:auto;container-type:inline-size}.artist-view--embedded{flex:none;overflow:visible}.artist-body{gap:var(--region-gap);padding:0 var(--gutter) 48px;grid-template-columns:1fr;align-items:start;display:grid}@container (width>=1088px){.artist-body{grid-template-columns:minmax(560px, var(--track-list-max)) minmax(var(--releases-min), 1fr)}}.track-list-region{min-width:0;container-type:inline-size}.releases-region{min-width:0}@container (width<=1087.98px){.releases-region{order:-1}.releases-grid:not(.releases-grid--all){scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.releases-grid:not(.releases-grid--all)>*{scroll-snap-align:start;flex:0 0 180px}}.releases-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.release-tile-title{color:var(--color-text-primary);transition:color .15s}.release-tile:hover .release-tile-artwork{opacity:.85}.release-tile:hover .release-tile-title{color:var(--color-records-violet)}.release-tile:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:4px;border-radius:var(--radius-md)}.show-all-btn{font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.show-all-btn:hover{color:var(--color-records-violet)}.show-all-btn:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:2px;border-radius:var(--radius-sm)}.icon-btn{border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-records-violet);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.icon-btn:hover{background:var(--color-violet-a12);border-color:var(--color-violet-a40)}.track-grid{grid-template-columns:48px 1fr 72px;align-items:center;column-gap:16px;display:grid}.track-cell-album,.track-cell-date{display:none}@container (width>=640px){.track-grid{grid-template-columns:48px 2fr 1fr 72px}.track-cell-album{display:block}}@container (width>=900px){.track-grid{grid-template-columns:48px 2fr 1fr 120px 72px}.track-cell-date{display:block}}.track-cell-title{max-width:480px}.track-cell-album{max-width:240px}.track-head{border-bottom:1px solid var(--color-border);min-height:32px;margin-bottom:8px;padding:0 8px 8px}.track-head-label{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:600}.track-head-time{color:var(--color-text-secondary);justify-content:flex-end;display:flex}.track-row{cursor:pointer;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;min-height:32px;padding:0 8px;transition:background .15s}.track-row:hover{background:var(--color-surface-raised)}.track-row.track-row--active{background:var(--color-violet-a08)}.track-title-text{color:var(--color-text-primary)}.track-row.track-row--active .track-title-text{color:var(--color-records-violet)}.track-row:focus-visible{outline:2px solid var(--color-records-violet);outline-offset:-2px;border-radius:var(--radius-sm)}.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)}