@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_38930724-module__T9SkzW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_38930724-module__T9SkzW__variable{--font-display:"Outfit","Outfit Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_ed4bac32-module__-2Pd1W__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_ed4bac32-module__-2Pd1W__variable{--font-body:"Inter","Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_9a2f2d6c-module__wsyXyG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_9a2f2d6c-module__wsyXyG__variable{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}
.Sidebar-module__XRNO5a__sidebar{background:var(--bg-surface);border-right:1px solid var(--glass-border);padding:var(--space-md);gap:var(--space-md);transition:width var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.Sidebar-module__XRNO5a__logo{padding:var(--space-sm)var(--space-xs)}.Sidebar-module__XRNO5a__logo a{align-items:center;gap:var(--space-sm);display:flex}.Sidebar-module__XRNO5a__logoImg{object-fit:contain;flex-shrink:0;width:36px;height:36px}.Sidebar-module__XRNO5a__logoText{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.03em;white-space:nowrap}.Sidebar-module__XRNO5a__nav{flex-direction:column;flex:1;gap:2px;display:flex}.Sidebar-module__XRNO5a__navItem{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);white-space:nowrap;padding:10px 12px;display:flex;position:relative}.Sidebar-module__XRNO5a__navItem:hover{color:var(--text-primary);background:var(--bg-elevated)}.Sidebar-module__XRNO5a__navItem svg{flex-shrink:0}.Sidebar-module__XRNO5a__label{white-space:nowrap}.Sidebar-module__XRNO5a__labelHidden{display:none}.Sidebar-module__XRNO5a__active{color:var(--accent-amber);background:#f6a8231a}.Sidebar-module__XRNO5a__active:hover{color:var(--accent-amber);background:#f6a82324}.Sidebar-module__XRNO5a__active svg{filter:drop-shadow(0 0 6px #f6a82380)}.Sidebar-module__XRNO5a__activeIndicator{background:var(--accent-amber);border-radius:0 var(--radius-full)var(--radius-full)0;width:3px;height:20px;animation:.2s ease-out Sidebar-module__XRNO5a__slide-in-left;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #f6a82366}.Sidebar-module__XRNO5a__bottom{padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.Sidebar-module__XRNO5a__collapseBtn{width:100%;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.Sidebar-module__XRNO5a__collapseBtn:hover{color:var(--text-secondary);background:var(--bg-elevated)}.Sidebar-module__XRNO5a__mobileNav{display:none}.Sidebar-module__XRNO5a__mobileNavItem{font-size:10px;font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:6px 0;display:flex}.Sidebar-module__XRNO5a__mobileNavItem:hover{color:var(--text-primary)}.Sidebar-module__XRNO5a__mobileNavItem svg{flex-shrink:0;width:20px;height:20px}.Sidebar-module__XRNO5a__mobileNavItem span{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:56px;overflow:hidden}.Sidebar-module__XRNO5a__mobileNavItem.Sidebar-module__XRNO5a__active{color:var(--accent-amber);background:0 0}.Sidebar-module__XRNO5a__moreMenu{display:none}.Sidebar-module__XRNO5a__moreMenuItem{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);white-space:nowrap;padding:10px 16px;display:flex}.Sidebar-module__XRNO5a__moreMenuItem:hover{color:var(--text-primary);background:var(--bg-elevated)}.Sidebar-module__XRNO5a__moreMenuItem svg{flex-shrink:0;width:18px;height:18px}.Sidebar-module__XRNO5a__moreMenuItem.Sidebar-module__XRNO5a__active{color:var(--accent-amber)}@media (max-width:768px){.Sidebar-module__XRNO5a__sidebar{-webkit-backdrop-filter:blur(30px);border-right:none;border-top:1px solid var(--glass-border);background:#0d0f12f2;flex-direction:column;gap:0;padding:0;overflow:visible}.Sidebar-module__XRNO5a__logo,.Sidebar-module__XRNO5a__nav{display:none}.Sidebar-module__XRNO5a__mobileNav{padding:var(--space-xs)var(--space-sm);justify-content:space-around;align-items:flex-end;display:flex;position:relative}.Sidebar-module__XRNO5a__moreMenu{-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)var(--radius-lg)0 0;min-width:180px;padding:var(--space-xs)0;background:#111317f7;flex-direction:column;animation:.2s ease-out Sidebar-module__XRNO5a__slide-up;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 -4px 20px #0006}.Sidebar-module__XRNO5a__activeIndicator,.Sidebar-module__XRNO5a__bottom{display:none}}@keyframes Sidebar-module__XRNO5a__slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.Header-module__lnUIdW__header{padding:0 var(--space-lg);height:var(--header-height);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.Header-module__lnUIdW__search{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background:var(--bg-elevated);max-width:520px;transition:all var(--transition-fast);border:1px solid #0000;flex:1;padding:8px 14px;display:flex;position:relative}.Header-module__lnUIdW__search:focus-within{border-color:var(--accent-amber-dim);background:var(--bg-surface)}.Header-module__lnUIdW__search svg{color:var(--text-tertiary);flex-shrink:0}.Header-module__lnUIdW__searchInput{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.Header-module__lnUIdW__searchInput::placeholder{color:var(--text-tertiary)}.Header-module__lnUIdW__kbd{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-tertiary);border-radius:4px;padding:2px 6px;font-size:11px}.Header-module__lnUIdW__actions{align-items:center;gap:var(--space-sm);display:flex}.Header-module__lnUIdW__viewToggle{background:var(--bg-elevated);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.Header-module__lnUIdW__viewBtn{border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:6px 8px;display:flex}.Header-module__lnUIdW__viewBtn:hover{color:var(--text-secondary)}.Header-module__lnUIdW__viewActive{background:var(--bg-glass);color:var(--text-primary)}.Header-module__lnUIdW__iconBtn{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:flex}.Header-module__lnUIdW__iconBtn:hover{color:var(--text-primary);background:var(--bg-elevated)}.Header-module__lnUIdW__avatar{border-radius:var(--radius-full);background:var(--accent-amber-dim);width:32px;height:32px;color:var(--text-primary);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.Header-module__lnUIdW__avatar:hover{box-shadow:0 0 0 2px var(--accent-amber)}.Header-module__lnUIdW__signInBtn{font-size:var(--text-xs);white-space:nowrap;padding:6px 16px;text-decoration:none}.Header-module__lnUIdW__avatarWrapper{position:relative}.Header-module__lnUIdW__dropdown{border-radius:var(--radius-lg);min-width:200px;padding:var(--space-xs);z-index:100;border:1px solid var(--glass-border);position:absolute;top:calc(100% + 8px);right:0}.Header-module__lnUIdW__dropdownHeader{padding:var(--space-sm)var(--space-md);flex-direction:column;gap:2px;display:flex}.Header-module__lnUIdW__dropdownName{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.Header-module__lnUIdW__dropdownEmail{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.Header-module__lnUIdW__dropdownDivider{background:var(--glass-border);height:1px;margin:var(--space-xs)0}.Header-module__lnUIdW__dropdownItem{text-align:left;width:100%;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;font-family:inherit;text-decoration:none;display:block}.Header-module__lnUIdW__dropdownItem:hover{background:var(--bg-elevated);color:var(--text-primary)}.Header-module__lnUIdW__searchDropdown{border-radius:var(--radius-lg);padding:var(--space-xs);z-index:200;border:1px solid var(--glass-border);flex-direction:column;gap:2px;max-height:400px;animation:.15s ease-out Header-module__lnUIdW__slide-up;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.Header-module__lnUIdW__searchResult{justify-content:space-between;align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;font-family:inherit;display:flex}.Header-module__lnUIdW__searchResult:hover{background:var(--bg-elevated)}.Header-module__lnUIdW__searchResultInfo{flex-direction:column;gap:1px;min-width:0;display:flex}.Header-module__lnUIdW__searchResultTitle{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Header-module__lnUIdW__searchResultArtist{font-size:var(--text-xs);color:var(--text-tertiary)}.Header-module__lnUIdW__searchResultMeta{gap:var(--space-xs);flex-shrink:0;display:flex}.Header-module__lnUIdW__searchResultGenre{border-radius:var(--radius-full);color:var(--accent-amber);font-size:10px;font-weight:var(--weight-medium);background:#f6a8231a;padding:2px 6px}.Header-module__lnUIdW__searchResultKey{border-radius:var(--radius-full);background:var(--bg-base);color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);padding:2px 6px}.Header-module__lnUIdW__searchEmpty{padding:var(--space-md);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.Header-module__lnUIdW__notifWrapper{position:relative}.Header-module__lnUIdW__notifDot{border-radius:var(--radius-full);background:var(--accent-amber);pointer-events:none;width:6px;height:6px;position:absolute;top:6px;right:6px}.Header-module__lnUIdW__notifDropdown{border-radius:var(--radius-lg);width:320px;padding:var(--space-xs);z-index:100;border:1px solid var(--glass-border);animation:.15s ease-out Header-module__lnUIdW__slide-up;position:absolute;top:calc(100% + 8px);right:0}.Header-module__lnUIdW__notifHeader{padding:var(--space-sm)var(--space-md);justify-content:space-between;align-items:center;display:flex}.Header-module__lnUIdW__notifTitle{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary)}.Header-module__lnUIdW__notifMarkRead{font-size:var(--text-xs);color:var(--accent-amber);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit}.Header-module__lnUIdW__notifMarkRead:hover{opacity:.8}.Header-module__lnUIdW__notifItem{align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-md);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;border-left:2px solid #0000;font-family:inherit;display:flex}.Header-module__lnUIdW__notifItem:hover{background:var(--bg-elevated)}.Header-module__lnUIdW__notifItemUnread{border-left-color:var(--accent-amber)}.Header-module__lnUIdW__notifIcon{border-radius:var(--radius-full);background:var(--bg-elevated);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Header-module__lnUIdW__notifText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.Header-module__lnUIdW__notifMsg{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Header-module__lnUIdW__notifTime{font-size:var(--text-xs);color:var(--text-tertiary)}.Header-module__lnUIdW__notifUnreadDot{border-radius:var(--radius-full);background:var(--accent-amber);flex-shrink:0;width:6px;height:6px}.Header-module__lnUIdW__notifFooter{padding:var(--space-sm);justify-content:center;display:flex}.Header-module__lnUIdW__notifViewAll{font-size:var(--text-xs);color:var(--accent-amber);font-weight:var(--weight-medium);transition:opacity var(--transition-fast);text-decoration:none}.Header-module__lnUIdW__notifViewAll:hover{opacity:.8}@keyframes Header-module__lnUIdW__slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.QueuePanel-module__K2Pf0a__panel{background:var(--bg-elevated);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);border-radius:var(--radius-lg)var(--radius-lg)0 0;max-height:400px;animation:QueuePanel-module__K2Pf0a__slideUp .2s var(--transition-fast,ease-out)forwards;z-index:50;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}@keyframes QueuePanel-module__K2Pf0a__slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.QueuePanel-module__K2Pf0a__panel::-webkit-scrollbar{width:4px}.QueuePanel-module__K2Pf0a__panel::-webkit-scrollbar-track{background:0 0}.QueuePanel-module__K2Pf0a__panel::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-sm)}.QueuePanel-module__K2Pf0a__header{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--glass-border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(24px);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.QueuePanel-module__K2Pf0a__title{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600;display:flex}.QueuePanel-module__K2Pf0a__count{min-width:18px;height:18px;font-size:var(--text-xs);color:var(--bg-elevated);background:var(--accent-amber);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-weight:700;line-height:1;display:inline-flex}.QueuePanel-module__K2Pf0a__headerActions{align-items:center;gap:var(--space-xs);display:flex}.QueuePanel-module__K2Pf0a__clearBtn{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none}.QueuePanel-module__K2Pf0a__clearBtn:hover{color:var(--text-primary);background:var(--bg-surface)}.QueuePanel-module__K2Pf0a__closeBtn{width:28px;height:28px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.QueuePanel-module__K2Pf0a__closeBtn:hover{color:var(--text-primary);background:var(--bg-surface)}.QueuePanel-module__K2Pf0a__empty{padding:var(--space-xl)var(--space-md);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.QueuePanel-module__K2Pf0a__emptyHint{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-xs)}.QueuePanel-module__K2Pf0a__list{flex-direction:column;display:flex}.QueuePanel-module__K2Pf0a__item{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-md);transition:background var(--transition-fast);display:flex}.QueuePanel-module__K2Pf0a__item:hover{background:var(--bg-surface)}.QueuePanel-module__K2Pf0a__itemPlay{width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.QueuePanel-module__K2Pf0a__itemPlay:hover{color:var(--accent-amber);background:var(--bg-elevated)}.QueuePanel-module__K2Pf0a__itemInfo{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.QueuePanel-module__K2Pf0a__itemTitle{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.QueuePanel-module__K2Pf0a__itemArtist{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.QueuePanel-module__K2Pf0a__itemMeta{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.QueuePanel-module__K2Pf0a__removeBtn{width:24px;height:24px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.QueuePanel-module__K2Pf0a__item:hover .QueuePanel-module__K2Pf0a__removeBtn{opacity:1}.QueuePanel-module__K2Pf0a__removeBtn:hover{color:var(--text-primary);background:var(--bg-elevated)}
.PlayerBar-module__dr11Oa__player{align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);-webkit-backdrop-filter:blur(30px);border-top:1px solid var(--glass-border);transition:box-shadow var(--transition-base);background:#0d0f12f2;border-radius:0;display:flex;position:relative}.PlayerBar-module__dr11Oa__playerGlow{box-shadow:0 -8px 30px #f6a82314,0 -2px 10px #f6a8230d}.PlayerBar-module__dr11Oa__empty{width:100%;color:var(--text-tertiary);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.PlayerBar-module__dr11Oa__trackInfo{align-items:center;gap:var(--space-md);min-width:200px;max-width:260px;display:flex}.PlayerBar-module__dr11Oa__trackDetails{flex-direction:column;gap:2px;min-width:0;display:flex}.PlayerBar-module__dr11Oa__trackTitle{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.PlayerBar-module__dr11Oa__trackArtist{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.PlayerBar-module__dr11Oa__controls{align-items:center;gap:var(--space-md);flex:1;display:flex}.PlayerBar-module__dr11Oa__playBtn{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.PlayerBar-module__dr11Oa__playBtn:hover{background:var(--accent-amber);color:#0e0e11;border-color:var(--accent-amber)}.PlayerBar-module__dr11Oa__playing{animation:2s ease-in-out infinite PlayerBar-module__dr11Oa__pulse-glow}.PlayerBar-module__dr11Oa__waveformContainer{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.PlayerBar-module__dr11Oa__waveformWrapper{position:relative}.PlayerBar-module__dr11Oa__waveform{cursor:pointer;border-radius:var(--radius-sm);height:48px;overflow:hidden}.PlayerBar-module__dr11Oa__sectionMarker{background:var(--accent-teal);opacity:.5;pointer-events:none;z-index:2;width:1px;height:100%;transition:opacity var(--transition-fast);position:absolute;top:0}.PlayerBar-module__dr11Oa__waveformWrapper:hover .PlayerBar-module__dr11Oa__sectionMarker{opacity:.8}.PlayerBar-module__dr11Oa__timeDisplay{color:var(--text-tertiary);justify-content:space-between;font-size:10px;display:flex}.PlayerBar-module__dr11Oa__meta{align-items:center;gap:var(--space-sm);flex-wrap:nowrap;justify-content:flex-end;min-width:200px;display:flex}.PlayerBar-module__dr11Oa__badges{gap:var(--space-xs);display:flex}.PlayerBar-module__dr11Oa__badgeLocked{border-color:var(--accent-amber)!important;color:var(--accent-amber)!important}.PlayerBar-module__dr11Oa__controlBtn{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);min-width:28px;height:28px;color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);font-weight:var(--weight-medium);transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:0 6px;display:flex;position:relative}.PlayerBar-module__dr11Oa__controlBtn:hover{border-color:var(--accent-amber);color:var(--text-primary)}.PlayerBar-module__dr11Oa__controlBtn:disabled{opacity:.4;cursor:not-allowed}.PlayerBar-module__dr11Oa__controlBtnActive{border-color:var(--accent-amber);color:var(--accent-amber);background:#f6a8231a}.PlayerBar-module__dr11Oa__speedContainer{position:relative}.PlayerBar-module__dr11Oa__speedMenu{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;flex-direction:column;gap:2px;min-width:60px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.PlayerBar-module__dr11Oa__speedOption{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px}.PlayerBar-module__dr11Oa__speedOption:hover{color:var(--text-primary);background:#f6a8231a}.PlayerBar-module__dr11Oa__speedOptionActive{color:var(--accent-amber);background:#f6a82326}.PlayerBar-module__dr11Oa__pitchControl{flex-shrink:0;align-items:center;gap:2px;display:flex}.PlayerBar-module__dr11Oa__pitchBtn{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);width:22px;height:22px;color:var(--text-secondary);font-size:14px;font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:flex}.PlayerBar-module__dr11Oa__pitchBtn:hover:not(:disabled){border-color:var(--accent-amber);color:var(--text-primary)}.PlayerBar-module__dr11Oa__pitchBtn:disabled{opacity:.3;cursor:not-allowed}.PlayerBar-module__dr11Oa__pitchValue{font-size:10px;font-family:var(--font-mono);font-weight:var(--weight-medium);color:var(--text-tertiary);text-align:center;min-width:30px;transition:color var(--transition-fast)}.PlayerBar-module__dr11Oa__pitchValueActive{color:var(--accent-amber)}.PlayerBar-module__dr11Oa__bpmInput{align-items:center;gap:4px;display:flex}.PlayerBar-module__dr11Oa__bpmInputField{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);width:50px;height:26px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);text-align:center;transition:border-color var(--transition-fast);outline:none;padding:0 6px}.PlayerBar-module__dr11Oa__bpmInputField:focus{border-color:var(--accent-amber)}.PlayerBar-module__dr11Oa__bpmInputField::placeholder{color:var(--text-tertiary)}.PlayerBar-module__dr11Oa__bpmClearBtn{border-radius:var(--radius-full);border:1px solid var(--glass-border);width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.PlayerBar-module__dr11Oa__bpmClearBtn:hover{color:#df3a3a;border-color:#df3a3a80}.PlayerBar-module__dr11Oa__formatContainer{position:relative}.PlayerBar-module__dr11Oa__queueBadge{border-radius:var(--radius-full);background:var(--accent-amber);color:#0e0e11;width:16px;height:16px;font-size:9px;font-weight:var(--weight-bold);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.PlayerBar-module__dr11Oa__volumeControl{align-items:center;gap:var(--space-sm);color:var(--text-secondary);display:flex}.PlayerBar-module__dr11Oa__volumeKnob{cursor:pointer;width:44px;height:44px;position:relative}.PlayerBar-module__dr11Oa__volumeKnobSvg{width:44px;height:44px;transform:rotate(-90deg)}.PlayerBar-module__dr11Oa__volumeKnobTrack{fill:none;stroke:var(--bg-elevated);stroke-width:3px}.PlayerBar-module__dr11Oa__volumeKnobArc{fill:none;stroke:var(--accent-amber);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px #f6a82366);transition:stroke-dashoffset .1s}.PlayerBar-module__dr11Oa__volumeKnobCenter{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--glass-border);justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}.PlayerBar-module__dr11Oa__volumeKnobValue{font-size:9px;font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--text-secondary)}.PlayerBar-module__dr11Oa__volumeKnobInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@media (max-width:768px){.PlayerBar-module__dr11Oa__player{padding:0 var(--space-md);gap:var(--space-sm)}.PlayerBar-module__dr11Oa__meta{gap:var(--space-xs);min-width:auto}.PlayerBar-module__dr11Oa__badges,.PlayerBar-module__dr11Oa__pitchControl,.PlayerBar-module__dr11Oa__speedContainer,.PlayerBar-module__dr11Oa__bpmInput,.PlayerBar-module__dr11Oa__formatContainer{display:none}.PlayerBar-module__dr11Oa__volumeKnob,.PlayerBar-module__dr11Oa__volumeKnobSvg{width:36px;height:36px}.PlayerBar-module__dr11Oa__volumeKnobCenter{inset:6px}.PlayerBar-module__dr11Oa__volumeKnobValue{font-size:8px}.PlayerBar-module__dr11Oa__trackInfo{min-width:80px;max-width:120px}.PlayerBar-module__dr11Oa__waveform{height:36px}.PlayerBar-module__dr11Oa__timeDisplay{display:none}.PlayerBar-module__dr11Oa__playBtn{width:36px;height:36px}}
.Footer-module__3hUVsW__footer{margin-top:var(--space-3xl);border-top:1px solid var(--glass-border);padding:var(--space-2xl)0 var(--space-xl)}.Footer-module__3hUVsW__footerInner{gap:var(--space-xl);grid-template-columns:1.5fr repeat(3,1fr);display:grid}.Footer-module__3hUVsW__brand{gap:var(--space-sm);flex-direction:column;display:flex}.Footer-module__3hUVsW__brandName{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--accent-amber);letter-spacing:-.02em}.Footer-module__3hUVsW__brandDesc{font-size:var(--text-xs);color:var(--text-tertiary);max-width:260px;line-height:1.6}.Footer-module__3hUVsW__domain{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);opacity:.6;letter-spacing:.04em}.Footer-module__3hUVsW__column{gap:var(--space-xs);flex-direction:column;display:flex}.Footer-module__3hUVsW__columnTitle{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.Footer-module__3hUVsW__link{font-size:var(--text-sm);color:var(--text-tertiary);width:fit-content;text-decoration:none;transition:color .15s}.Footer-module__3hUVsW__link:hover{color:var(--accent-amber)}.Footer-module__3hUVsW__bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.Footer-module__3hUVsW__copyright{font-size:var(--text-xs);color:var(--text-tertiary)}.Footer-module__3hUVsW__bottomLinks{gap:var(--space-md);display:flex}.Footer-module__3hUVsW__bottomLink{font-size:var(--text-xs);color:var(--text-tertiary);text-decoration:none;transition:color .15s}.Footer-module__3hUVsW__bottomLink:hover{color:var(--accent-amber)}@media (max-width:768px){.Footer-module__3hUVsW__footerInner{gap:var(--space-lg);grid-template-columns:1fr 1fr}.Footer-module__3hUVsW__brand{grid-column:1/-1}.Footer-module__3hUVsW__bottom{gap:var(--space-sm);text-align:center;flex-direction:column}}@media (max-width:480px){.Footer-module__3hUVsW__footerInner{grid-template-columns:1fr}}
.DesktopBanner-module__97XPEa__banner{border-radius:var(--radius-md);margin:var(--space-md)var(--space-md)0;background:linear-gradient(135deg,#f6a8231f,#f9741514);border:1px solid #f6a82333;animation:.3s ease-out DesktopBanner-module__97XPEa__slideDown}.DesktopBanner-module__97XPEa__bannerContent{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);color:var(--text-primary);display:flex}.DesktopBanner-module__97XPEa__bannerText{flex-direction:column;flex:1;gap:2px;display:flex}.DesktopBanner-module__97XPEa__bannerText strong{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent-amber)}.DesktopBanner-module__97XPEa__bannerSub{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.DesktopBanner-module__97XPEa__learnMore{color:var(--accent-amber);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:#f6a82326;border:1px solid #f6a8234d;padding:6px 14px}.DesktopBanner-module__97XPEa__learnMore:hover{background:#f6a82340;border-color:#f6a82380}.DesktopBanner-module__97XPEa__dismissBtn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.DesktopBanner-module__97XPEa__dismissBtn:hover{color:var(--text-primary);background:#ffffff0f}@keyframes DesktopBanner-module__97XPEa__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.DesktopBanner-module__97XPEa__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-lg);background:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out DesktopBanner-module__97XPEa__fadeIn;display:flex;position:fixed;inset:0}.DesktopBanner-module__97XPEa__modal{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s ease-out DesktopBanner-module__97XPEa__modalIn;display:flex}.DesktopBanner-module__97XPEa__modalHeader{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.DesktopBanner-module__97XPEa__modalTitle{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.DesktopBanner-module__97XPEa__modalClose{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.DesktopBanner-module__97XPEa__modalClose:hover{color:var(--text-primary);background:#ffffff0f}.DesktopBanner-module__97XPEa__modalBody{padding:var(--space-lg);flex:1;overflow-y:auto}.DesktopBanner-module__97XPEa__feature{gap:var(--space-md);align-items:flex-start;display:flex}.DesktopBanner-module__97XPEa__featureIcon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-amber);background:#f6a8231a;border:1px solid #f6a82326;flex-shrink:0;justify-content:center;align-items:center;display:flex}.DesktopBanner-module__97XPEa__feature h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 4px}.DesktopBanner-module__97XPEa__feature p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.55}.DesktopBanner-module__97XPEa__steps{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.DesktopBanner-module__97XPEa__step{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent-amber);border-radius:var(--radius-full);white-space:nowrap;background:#f6a8231a;padding:3px 10px}.DesktopBanner-module__97XPEa__stepArrow{color:var(--text-tertiary);font-size:var(--text-xs)}.DesktopBanner-module__97XPEa__folderTree{margin-top:var(--space-sm);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-sm)var(--space-md)}.DesktopBanner-module__97XPEa__folderTree code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-teal);line-height:1.7}.DesktopBanner-module__97XPEa__kbd{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;margin:0 2px;padding:1px 6px;line-height:1.4;display:inline-block}.DesktopBanner-module__97XPEa__divider{background:var(--glass-border);height:1px;margin:var(--space-md)0}.DesktopBanner-module__97XPEa__modalFooter{padding:var(--space-md)var(--space-lg);border-top:1px solid var(--glass-border);flex-shrink:0;justify-content:flex-end;display:flex}.DesktopBanner-module__97XPEa__gotItBtn{background:var(--accent-amber);color:#0f0f0f;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);border:none;padding:10px 24px}.DesktopBanner-module__97XPEa__gotItBtn:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow)}@keyframes DesktopBanner-module__97XPEa__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes DesktopBanner-module__97XPEa__modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.DesktopBanner-module__97XPEa__bannerContent{flex-wrap:wrap}.DesktopBanner-module__97XPEa__bannerText{flex-basis:calc(100% - 44px)}.DesktopBanner-module__97XPEa__learnMore{margin-left:28px}.DesktopBanner-module__97XPEa__dismissBtn{top:var(--space-sm);right:var(--space-sm);position:absolute}.DesktopBanner-module__97XPEa__banner{position:relative}.DesktopBanner-module__97XPEa__modal{max-height:90vh}.DesktopBanner-module__97XPEa__feature{gap:var(--space-sm);flex-direction:column}.DesktopBanner-module__97XPEa__steps{flex-direction:column;align-items:flex-start}.DesktopBanner-module__97XPEa__stepArrow{transform:rotate(90deg)}}
.Toast-module__qOR2sa__container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.Toast-module__qOR2sa__toast{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;padding:10px 20px;animation:.25s ease-out Toast-module__qOR2sa__slideUp;box-shadow:0 4px 20px #0006}@keyframes Toast-module__qOR2sa__slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}}@layer tokens{:root{--bg-void:#050505;--bg-surface:#121317;--bg-elevated:#1d2025;--bg-glass:#23282f99;--bg-glass-hover:#2b323ba6;--text-primary:#e9e7e2;--text-secondary:#a39c8f;--text-tertiary:#6e695e;--accent-amber:#f6a823;--accent-amber-dim:#986a1b;--accent-amber-glow:#f6a8234d;--accent-orange:#f47125;--accent-teal:#39ac9d;--accent-rose:#d7425b;--accent-purple:#8c53c6;--waveform-active:#f6a823;--waveform-idle:#484851;--waveform-progress:#f6a82380;--stem-vocals:#d7425b;--stem-drums:#f6a823;--stem-bass:#39ac9d;--stem-other:#8c53c6;--glass-border:#c2ccd614;--glass-border-hover:#c2ccd624;--glass-blur:20px;--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:clamp(.7rem,.65rem + .25vw,.75rem);--text-sm:clamp(.8rem,.75rem + .25vw,.875rem);--text-base:clamp(.9rem,.85rem + .25vw,1rem);--text-lg:clamp(1.1rem,1rem + .5vw,1.25rem);--text-xl:clamp(1.3rem,1.1rem + 1vw,1.75rem);--text-2xl:clamp(1.6rem,1.2rem + 2vw,2.5rem);--text-3xl:clamp(2rem,1.5rem + 2.5vw,3.5rem);--weight-normal:420;--weight-medium:520;--weight-bold:680;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0009;--shadow-glow:0 0 20px var(--accent-amber-glow);--shadow-inset:inset 0 2px 4px #0006;--shadow-neumorphic-up:4px 4px 10px #00000080,-4px -4px 10px #2f2f3726;--shadow-neumorphic-down:inset 4px 4px 10px #00000080,inset -4px -4px 10px #2f2f371a;--sidebar-width:240px;--sidebar-collapsed:64px;--player-height:80px;--header-height:56px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34,1.56,.64,1)}}@layer base{body{font-family:var(--font-body);font-weight:var(--weight-normal);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-void);line-height:1.6;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#163e5a 0%,#111f2c 25%,#0a0c0f 50%,#0000 65%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}code,kbd,samp,pre{font-family:var(--font-mono)}::selection{background:var(--accent-amber-dim);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#a39c8f33}::-webkit-scrollbar-thumb:hover{background:#a39c8f59}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px;border-radius:var(--radius-sm)}}@layer utilities{.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass:hover:not(.app-header):not(.app-player){background:var(--bg-glass-hover);border-color:var(--glass-border-hover)}.neumorphic-up{box-shadow:var(--shadow-neumorphic-up);border-radius:var(--radius-md)}.neumorphic-down{box-shadow:var(--shadow-neumorphic-down);border-radius:var(--radius-md)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer components{.app-shell{grid-template-columns:auto 1fr;grid-template-rows:var(--header-height)1fr var(--player-height);grid-template-areas:"sidebar header""sidebar main""player player";min-height:100dvh;display:grid;position:relative}.app-sidebar{width:var(--sidebar-width);transition:width var(--transition-base);z-index:20;grid-area:sidebar;height:100dvh;position:sticky;top:0}.app-sidebar[data-collapsed=true]{width:var(--sidebar-collapsed)}.app-header{z-index:10;grid-area:header;position:sticky;top:0}.app-main{padding:var(--space-lg);padding-bottom:calc(var(--player-height) + var(--space-lg));grid-area:main;min-width:0;overflow-y:auto}.app-player{height:var(--player-height);z-index:30;grid-area:player;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height)1fr;grid-template-areas:"header""main"}.app-sidebar{bottom:var(--player-height);z-index:25;border-right:none;border-top:1px solid var(--glass-border);height:auto;position:fixed;top:auto;left:0;right:0;width:100%!important}.app-main{padding:var(--space-md);padding-bottom:calc(var(--player-height) + 64px + var(--space-md))}}.badge{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid var(--glass-border);white-space:nowrap;background:#26262ccc;padding:2px 8px;display:inline-flex}.badge--amber{color:var(--accent-amber);background:#f6a82326;border-color:#f6a8234d}.badge--teal{color:var(--accent-teal);background:#39ac9d26;border-color:#39ac9d4d}.badge--rose{color:var(--accent-rose);background:#d7425b26;border-color:#d7425b4d}.badge--cleared{color:#33cc73;background:#29a35c26;border-color:#29a35c4d}.badge--remastered{color:var(--accent-amber);background:linear-gradient(135deg,#f6a8232e,#8c53c626);border-color:#f6a82359}.badge--needs-remaster{color:#e46767;background:#b82e2e26;border-color:#b82e2e4d}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;display:inline-flex}.btn--primary{background:var(--accent-amber);color:#0e0e11}.btn--primary:hover{box-shadow:var(--shadow-glow);background:#f7b23b}.btn--ghost{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--bg-glass);border-color:var(--glass-border-hover);color:var(--text-primary)}.btn--icon{padding:var(--space-sm);border-radius:var(--radius-md);aspect-ratio:1}.pill{font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;padding:6px 14px;display:inline-flex}.pill:hover{background:var(--bg-glass-hover);border-color:var(--glass-border-hover)}.pill[data-active=true]{color:var(--accent-amber);background:#f6a82326;border-color:#f6a82366}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)25%,var(--bg-glass)50%,var(--bg-elevated)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}}@layer animations{@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-amber-glow)}50%{box-shadow:0 0 20px var(--accent-amber-glow),0 0 40px #f6a82326}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce-sm{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes waveform-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes wave-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}}.grain-overlay{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.logo-watermark{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 0 240px;overflow:hidden}@media (max-width:768px){.logo-watermark{left:0}}.logo-watermark:after{content:"";opacity:.05;filter:brightness(1.5);background:url(/images/logo.png) 50%/contain no-repeat;width:min(80vw,800px);height:min(80vw,800px)}.gradient-border{position:relative;border:none!important}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f6a82399,#d7425b66,#8c53c666,#f6a82399) 0 0/300% 300%;padding:1px;animation:4s infinite gradient-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes gradient-rotate{0%,to{background-position:0%}50%{background-position:100%}}.gradient-border-on-focus:focus-within:before,.gradient-border-on-hover:hover:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f6a82399,#d7425b66,#8c53c666,#f6a82399) 0 0/300% 300%;padding:1px;animation:4s infinite gradient-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}