:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;--bg-glow-start:#111224;--bg-glow-end:#07080c;--accent-purple:#7928ca;--accent-blue:#0070f3;--accent-pink:#ff0080;--text-primary:#fff;--text-secondary:#a0aec0;--glass-bg:#12142666;--glass-border:#ffffff0f;--glass-glow:#7928ca26;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-left-width:260px;--sidebar-right-width:340px;--main-grid-cols:var(--sidebar-left-width) 1fr var(--sidebar-right-width);font-family:Inter,sans-serif;font-weight:400;line-height:1.5}@media (width<=1400px){:root{--sidebar-left-width:220px;--sidebar-right-width:280px}}@media (width<=1100px){:root{--sidebar-left-width:200px;--sidebar-right-width:240px}}@media (width<=900px){:root{--sidebar-left-width:80px;--sidebar-right-width:220px}}@media (width>=2500px){:root{--sidebar-left-width:400px;--sidebar-right-width:500px}body{font-size:1.25rem}}@media (width<=900px) and (width>=769px){.hide-on-small{display:none!important}.sidebar-btn{justify-content:center;padding:10px!important}}.mobile-only{display:none!important}@media (width<=768px){:root{--main-grid-cols:1fr}.hide-on-mobile{display:none!important}.mobile-only{display:flex!important}.mobile-player-controls{gap:15px!important}.mobile-hide-text{display:none!important}.hero-title{word-break:break-word;text-align:center;font-size:2rem!important}.page-title{font-size:1.8rem!important}.playlist-header-mobile{text-align:center!important;flex-direction:column!important;align-items:center!important}.playlist-actions-mobile{flex-wrap:wrap!important;justify-content:center!important}.mobile-full-width{flex:1!important;width:100%!important}}.hero-title{letter-spacing:-1px;margin:10px 0;font-size:3.5rem;font-weight:900}.page-title{margin:0;font-size:2.5rem;font-weight:900}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, var(--bg-glow-start), var(--bg-glow-end));min-height:100vh;color:var(--text-primary);background-attachment:fixed;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 8px 32px #0006}.glass-panel:hover{box-shadow:0 8px 32px 0 #00000080, 0 0 15px var(--glass-glow);border-color:#ffffff1f}.btn-primary{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-weight:600;display:flex}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 0 20px #7928ca99}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;display:flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f101cf2;border:1px solid #ffffff1a;border-radius:8px;min-width:160px;padding:6px 0;animation:.15s ease-out fadeInMenu;position:fixed;box-shadow:0 10px 25px #00000080}.context-menu-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;display:flex}.context-menu-item:hover{color:var(--text-primary);background:#ffffff0d}@keyframes fadeInMenu{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slide-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInTrack}@keyframes slideInTrack{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pulse-glow{animation:2s infinite alternate pulseNeon}@keyframes pulseNeon{0%{box-shadow:0 0 5px #0070f333}to{box-shadow:0 0 15px #0070f399}}