:root{--bg-primary:#0a0a0f;--bg-secondary:#14141f;--bg-elevated:#1e1e2e;--accent-primary:#e63946;--accent-secondary:#1d3557;--accent-gold:#f4a261;--accent-cyan:#2ec4b6;--text-primary:#f1faee;--text-secondary:#a8adbd;--font-main:"Outfit", system-ui, -apple-system, sans-serif;--radius:12px;--radius-sm:8px;--spacing:12px;--nav-height:56px;--player-height:60px;--topbar-height:56px}@media (width>=960px){:root{--spacing:16px;--nav-height:60px;--player-height:64px;--topbar-height:64px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}@media (width>=960px){html{font-size:16px}}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#app{padding:var(--spacing);padding-top:calc(var(--topbar-height) + 12px);padding-bottom:calc(var(--nav-height) + 16px);max-width:1200px;margin:0 auto;transition:transform .3s;overflow-x:hidden}body.queue-open #app{transform:translate(-40px)}body:has(.player-bar.active) #app{padding-bottom:calc(var(--nav-height) + var(--player-height) + 16px)}@media (width>=960px){#app{padding-bottom:64px}hd-nav{display:none!important}}.site-topbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:var(--topbar-height);background:#0a0a0fd9;border-bottom:1px solid #ffffff14;position:fixed;top:0;left:0;right:0}.site-topbar-inner{max-width:1248px;height:100%;padding:0 var(--spacing);justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex;position:relative}@media (width<=480px){.site-topbar-inner{padding:0 var(--spacing);gap:4px}.site-logo img{height:24px}}.site-topbar-left{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=600px){.site-topbar-left{flex:1;min-width:0}}.site-topbar-center{flex:1;min-width:0;position:relative}.site-logo{margin-left:-12px;transform:translateY(2px)}.site-logo img{height:32px;display:block}@media (width>=960px){.site-logo img{height:44px}.site-topbar-left{gap:32px}}.global-search-wrap{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.search-close-btn{display:none}@media (width<=600px){.site-topbar-center{flex:none;order:2}.global-search-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.global-search-wrap:not(.search-active) #global-search,.global-search-wrap:not(.search-active) .search-close-btn{display:none}.global-search-wrap.search-active{height:var(--topbar-height);z-index:2500;background:var(--bg-elevated);align-items:center;padding:0 56px 0 12px;display:flex;position:fixed;top:0;left:0;width:100vw!important}.global-search-wrap.search-active>svg:first-child{z-index:2501;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.global-search-wrap.search-active #global-search{border-color:var(--accent-cyan);color:#fff;background:#ffffff1f;border-radius:22px;width:100%;height:44px;padding-left:40px;padding-right:8px;font-size:16px;display:block}.global-search-wrap.search-active #global-search::placeholder{opacity:1}.global-search-wrap.search-active .search-close-btn{color:#fff;cursor:pointer;z-index:2502;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-close-btn svg{pointer-events:none}.site-topbar-inner:has(.global-search-wrap.search-active) .site-topbar-left{visibility:hidden;pointer-events:none}.site-topbar-inner:has(.global-search-wrap.search-active) hd-lang-switcher{visibility:hidden;pointer-events:none}}.global-search-wrap>svg{width:16px;height:18px;color:var(--text-secondary);pointer-events:none;z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#global-search{width:100%;height:36px;color:var(--text-primary);font-family:var(--font-main);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;outline:none;padding:0 12px 0 32px;font-size:.9rem;transition:all .2s}@media (width<=480px){#global-search{font-size:.85rem}}@media (width>=960px){#global-search{height:40px;padding-left:44px;font-size:.95rem}.global-search-wrap>svg{width:18px;left:14px}}#global-search:focus{border-color:var(--accent-cyan);background:#ffffff1f}.global-search-results{top:var(--topbar-height);background:var(--bg-elevated);z-index:9000;border:1px solid #ffffff1a;border-radius:0 0 16px 16px;flex-direction:column;max-height:70vh;padding:8px;display:none;position:fixed;left:0;right:0;overflow-y:auto;box-shadow:0 12px 48px #000000b3}@media (width>=601px){.global-search-results{border-radius:0 0 12px 12px;width:480px}}@media (width<=600px){.global-search-results{background:var(--bg-primary);border:none;border-radius:0;max-height:none;bottom:0}}.global-search-results.active{display:flex}.search-res-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.search-res-item:hover{background:#ffffff14}.search-res-thumb{background:var(--bg-secondary);border-radius:4px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.search-res-thumb img{object-fit:cover;width:100%;height:100%}.search-res-info{flex:1;min-width:0}.search-res-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:.95rem;font-weight:600;overflow:hidden}.search-res-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.search-res-cat{text-transform:uppercase;color:var(--accent-cyan);margin-top:2px;font-size:.65rem;font-weight:800}.desktop-nav{gap:4px;display:none}.desktop-nav a{color:var(--text-secondary);border-radius:16px;padding:8px 12px;font-size:.875rem;font-weight:600;transition:all .2s}.desktop-nav a:hover{color:var(--text-primary);background:#ffffff1a}.desktop-nav a.active{color:var(--accent-primary);background:#e639461f}@media (width>=960px){.desktop-nav{display:flex}}a{color:var(--accent-cyan);text-decoration:none}h1{margin-bottom:.5em;font-size:1.75rem;font-weight:700;line-height:1.2}h2{margin-bottom:.5em;font-size:1.35rem;font-weight:600;line-height:1.3}.text-secondary{color:var(--text-secondary)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header a{color:var(--accent-cyan);font-size:.8rem;font-weight:600}.tabs{scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;border:1px solid #ffffff0d;border-radius:999px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.tab:hover{color:var(--text-primary);background:#ffffff1a}.tab.active{background:var(--accent-primary);color:#fff;border-color:#0000;box-shadow:0 4px 12px #e639464d}.tab-special{opacity:.7;font-size:.8rem}.tab-special-first{margin-left:auto}.sort-toggle{background:var(--bg-elevated);border-radius:8px;gap:4px;padding:3px;display:flex}.sort-btn{color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.sort-btn.active{color:var(--text-primary);background:#ffffff1f}.tab-special.active{opacity:1;background:#9b5de5;box-shadow:0 4px 12px #9b5de54d}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px 12px;display:grid}@media (width>=640px){.artists-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:32px 20px}}.playlists-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}}.track-card{background:var(--bg-secondary);border-radius:var(--radius);flex-shrink:0;width:240px;transition:transform .2s;overflow:hidden}@media (width>=960px){.track-card{width:280px}}.track-card:hover{transform:translateY(-4px)}.track-card .thumb{aspect-ratio:16/9;background:var(--bg-elevated);position:relative;overflow:hidden}.track-card .thumb img{object-fit:cover;width:100%;height:100%}.track-card .info{padding:12px}.track-card .track-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.9rem;font-weight:600;overflow:hidden}.swipe-container{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:manipulation;gap:16px;padding:4px 0;display:flex;overflow-x:auto}.swipe-container::-webkit-scrollbar{display:none}#app>section:nth-child(n+2){content-visibility:auto;contain-intrinsic-size:auto 200px}.artist-card{text-align:center;cursor:pointer;flex-shrink:0;width:110px;transition:transform .2s}@media (width>=640px){.artist-card{width:130px}}.artist-card:hover{transform:translateY(-4px)}.artist-card .avatar{background:var(--bg-elevated);border:2px solid #0000;border-radius:50%;width:90px;height:90px;margin:0 auto 10px;overflow:hidden}@media (width>=640px){.artist-card .avatar{width:110px;height:110px}}.artist-card:hover .avatar{border-color:var(--accent-cyan)}.artist-card .avatar img{object-fit:cover;width:100%;height:100%}.artist-card .name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.genre-chip{font-family:var(--font-main);white-space:nowrap;cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;padding:10px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex}.genre-chip:hover{transform:translateY(-2px)}.genre-chip.genre-chip-top40{color:#fff4c4;letter-spacing:.01em;background:linear-gradient(135deg,#f5c24238,#dc26261f);border:1px solid #f5c2428c;gap:8px;font-weight:800;box-shadow:0 4px 18px #f59e0b38}.genre-chip.genre-chip-top40:hover{background:linear-gradient(135deg,#f5c24252,#dc26262e)}.genre-chip-flame{filter:drop-shadow(0 0 6px #f59e0b8c);flex-shrink:0;width:16px;height:16px}.playlist-card{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid #ffffff0d;transition:transform .2s,background .2s,border-color .2s;overflow:hidden}.playlist-card:hover{background:var(--bg-elevated);border-color:#ffffff1f;transform:translateY(-4px)}.playlist-card-featured{border-color:#f5c24273;box-shadow:0 8px 32px #f5c24226}.playlist-card-featured:hover{border-color:#f5c242b3;box-shadow:0 12px 40px #f5c24247}@media (width>=640px){.playlist-card-featured{grid-column:1/-1;align-items:stretch;display:flex}.playlist-card-featured .playlist-thumb{aspect-ratio:1;flex:0 0 280px}.playlist-card-featured .info{flex-direction:column;flex:1;justify-content:center;display:flex;padding:28px!important}.playlist-card-featured .playlist-title{font-size:1.6rem}.playlist-card-featured .playlist-desc{font-size:.95rem}}.playlist-featured-pill{letter-spacing:.14em;color:#111;background:var(--accent-gold,#f5c242);border-radius:999px;padding:5px 10px;font-size:.62rem;font-weight:900;position:absolute;top:10px;left:10px;box-shadow:0 2px 10px #f5c24266}.playlist-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.playlist-thumb img{object-fit:cover;width:100%;height:100%}.playlist-cover-styled{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.playlist-cover-styled svg{opacity:.9;width:44px;height:44px}hd-player{z-index:2000;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed}.player-bar{height:var(--player-height);padding:0 var(--spacing);background:var(--bg-elevated);z-index:1999;border-top:1px solid #ffffff14;align-items:center;gap:12px;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=959px){.player-bar{bottom:var(--nav-height)}}.player-bar.active{display:flex}.player-thumb{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px;overflow:hidden}.player-thumb img{object-fit:cover;width:100%;height:100%}.player-info{flex:1;min-width:0}.player-info .title{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.player-info .artist{color:var(--text-secondary);font-size:.7rem}.player-controls{align-items:center;gap:4px;display:flex}.player-controls button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.player-controls button svg{width:22px;height:22px}.hd-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-cyan);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite hd-spin;display:none}.loading .hd-spinner{display:block}.loading #hd-mini-pp svg,.loading #hd-exp-pp svg{display:none}@keyframes hd-spin{to{transform:rotate(360deg)}}.player-expanded{z-index:3000;background:var(--bg-primary);flex-direction:column;width:100%;height:100%;display:none;position:fixed;inset:0}.player-expanded.active{display:flex}.player-expanded .close-btn{color:#fff;cursor:pointer;z-index:3100;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:12px;left:12px}.player-expanded .corner-expand-btn{color:#fff;cursor:pointer;z-index:3100;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:absolute;top:12px;right:12px}.player-expanded .yt-container{aspect-ratio:16/9;background:#000;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}@media (width<=959px){.player-expanded .yt-container{aspect-ratio:auto;flex:1}}.player-expanded .yt-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.yt-attribution{color:var(--text-secondary);opacity:.5;text-align:center;padding:4px 0;font-size:.65rem}.player-expanded .controls{justify-content:center;align-items:center;gap:32px;padding:24px;display:flex;position:relative}.player-expanded .controls button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.player-expanded .controls button svg{width:28px;height:28px}.player-expanded .controls .play-pause{background:var(--accent-primary);border-radius:50%;width:72px;height:72px}hd-player.inline-context{top:var(--inline-top);left:var(--inline-left);width:var(--inline-width);height:var(--inline-height);z-index:10;display:block;position:absolute}hd-player.inline-context .player-bar{display:none!important}hd-player.inline-context .player-expanded{background:0 0;border-radius:24px;display:flex;position:static;overflow:hidden}hd-player.inline-context .player-expanded .controls{justify-content:center;align-items:center;gap:24px;padding:16px;display:flex;position:relative;background:#000c!important}hd-player.inline-context .player-expanded .controls button{display:flex!important}hd-player.inline-context .player-expanded .controls .play-pause{width:56px;height:56px}hd-player.inline-context .player-expanded .track-details,hd-player.inline-context .player-expanded .close-btn,hd-player.inline-context .yt-attribution{display:none}hd-player.corner-context{background:var(--bg-elevated);z-index:2100;border:1px solid #ffffff1a;border-radius:16px;width:320px;display:block;bottom:16px;right:16px;overflow:hidden;box-shadow:0 16px 48px #000000b3}@media (width<=959px){hd-player.corner-context{display:none!important}}hd-player.corner-context .player-expanded{background:0 0;display:flex;position:static}hd-player.corner-context .player-expanded .corner-expand-btn{opacity:0;transition:opacity .2s;display:flex}hd-player.corner-context .player-expanded .close-btn{opacity:0;transition:opacity .2s}hd-player.corner-context .player-expanded .landscape-close-btn{display:none!important}hd-player.corner-context:hover .player-expanded .corner-expand-btn,hd-player.corner-context:hover .player-expanded .close-btn{opacity:1}hd-player.corner-context .player-expanded .track-details{text-align:left;cursor:pointer;background:#0009;flex-direction:column;flex:none;justify-content:center;padding:12px 16px;transition:background .2s;display:flex}hd-player.corner-context .player-expanded .track-details:hover{background:#ffffff1a}hd-player.corner-context .player-expanded .track-details h2{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin:0;font-size:.85rem;overflow:hidden}hd-player.corner-context .player-expanded .track-details p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}hd-player.corner-context .player-expanded .controls{gap:16px;padding:10px}hd-player.corner-context .player-expanded .controls button svg{width:22px;height:22px}hd-player.corner-context .player-expanded .controls .play-pause{width:40px;height:40px}hd-queue{z-index:4000;position:fixed}.queue-float-btn{background:var(--accent-secondary);color:#fff;cursor:pointer;z-index:4100;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000080}@media (width<=959px){.queue-float-btn{bottom:calc(var(--nav-height) + 16px)}}.queue-float-btn.active{background:var(--accent-primary);transform:rotate(90deg)scale(.9)}.queue-float-btn.bump{animation:.4s cubic-bezier(.175,.885,.32,1.275) q-bump}@keyframes q-bump{0%{transform:scale(1)}50%{background:var(--accent-cyan);transform:scale(1.4)}to{transform:scale(1)}}.queue-count{background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}hd-player:not(.corner-context):not(.inline-context)~hd-queue .queue-float-btn{bottom:calc(var(--player-height) + 20px)}@media (width<=959px){hd-player:not(.corner-context):not(.inline-context)~hd-queue .queue-float-btn{bottom:calc(var(--nav-height) + var(--player-height) + 20px)}}hd-player.corner-context~hd-queue .queue-float-btn{bottom:356px;right:16px}html.landscape-fs-active{overflow:hidden}html.landscape-fs-active .site-topbar,html.landscape-fs-active hd-nav,html.landscape-fs-active .queue-float-btn{display:none!important}html.landscape-fs-active body{background:#000;margin:0!important;padding:0!important;overflow:hidden!important}html.landscape-fs-active #app{display:none!important}html.landscape-fs-active hd-player{z-index:10000!important;background:#000!important;width:100svw!important;height:100svh!important;display:block!important;position:fixed!important;inset:0!important;transform:none!important}html.landscape-fs-active hd-player .player-bar{display:none!important}html.landscape-fs-active hd-player .player-expanded{background:#000!important;border-radius:0!important;width:100%!important;height:100svh!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}html.landscape-fs-active hd-player .yt-container{aspect-ratio:auto!important;width:100%!important;height:100%!important}html.landscape-fs-active hd-player .player-expanded .controls{z-index:100;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000e6);padding:40px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}html.landscape-fs-active hd-player.show-controls .player-expanded .controls{opacity:1;pointer-events:auto}.landscape-close-btn{display:none}html.landscape-fs-active hd-player.show-controls .landscape-close-btn{opacity:1;z-index:110;position:absolute;top:20px;left:20px;display:flex!important}html.landscape-fs-active hd-player .track-details,html.landscape-fs-active hd-player .corner-expand-btn,html.landscape-fs-active hd-player .yt-attribution{display:none!important}.queue-drawer{background:var(--bg-secondary);z-index:4300;flex-direction:column;width:100%;max-width:380px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 48px #0009}.queue-drawer.open{transform:translate(0)}.queue-drawer-overlay{opacity:0;pointer-events:none;z-index:4200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;transition:all .3s;position:fixed;inset:0}.queue-drawer-overlay.open{opacity:1;pointer-events:auto}.q-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin:2px 8px;padding:10px;display:flex}.q-item:hover{background:#ffffff0f}.queue-drawer-header{padding:24px var(--spacing);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.queue-drawer-header h3{letter-spacing:-.02em;margin:0;font-size:1.5rem}.queue-drawer-close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.queue-drawer-close:hover{background:#ffffff26;transform:rotate(90deg)}.queue-clear-btn{color:var(--accent-primary);cursor:pointer;background:#e639461a;border:1px solid #e6394633;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.queue-clear-btn:hover{background:var(--accent-primary);color:#fff}.q-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin:2px 8px;padding:8px 10px;transition:transform .2s,opacity .2s;display:flex;position:relative}.q-item.swiping{transition:none}.q-item.swipe-out{opacity:0;transition:transform .3s,opacity .3s;transform:translate(-100%)}.q-item.active{background:#e6394614}.q-item.active .q-title{color:var(--accent-primary)}.q-thumb{border-radius:6px;flex-shrink:0;width:48px;height:36px;position:relative;overflow:hidden}.q-thumb img{object-fit:cover;width:100%;height:100%}.q-info{flex:1;min-width:0}.q-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.q-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.q-remove{color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:4px;transition:all .2s}.q-remove:hover{opacity:1;color:var(--accent-primary)}.q-drag-handle{cursor:grab;color:var(--text-secondary);opacity:.3;flex-shrink:0}.q-playing-icon{background:#00000080;border-radius:6px;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.q-playing-icon span{background:var(--accent-primary);border-radius:2px;width:3px;animation:.6s ease-in-out infinite alternate q-bars}.q-playing-icon span:first-child{height:14px}.q-playing-icon span:nth-child(2){height:10px;animation-delay:.2s}.q-playing-icon span:nth-child(3){height:12px;animation-delay:.4s}@keyframes q-bars{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@media (width<=640px){.q-item{gap:8px;margin:1px 4px;padding:6px 8px}.q-thumb{width:40px;height:30px}.q-title{font-size:.85rem}.q-artist{font-size:.7rem}.q-drag-handle{display:none}}.queue-empty{text-align:center;color:var(--text-secondary);padding:40px;font-size:.9rem;font-style:italic}.tracks-list{gap:8px;display:grid}@media (width>=1024px){.tracks-list{grid-template-columns:repeat(2,1fr);column-gap:40px}}.track-row{cursor:pointer;background:#ffffff05;border-radius:12px;align-items:center;gap:12px;max-width:100%;padding:10px;transition:background .2s,transform .2s;display:flex;overflow:hidden}@media (width>=960px){.track-row{border-radius:16px;gap:16px;padding:12px}}.track-row:hover{background:#ffffff0f;transform:translate(4px)}.track-row .rank{width:24px;color:var(--text-secondary);text-align:center;opacity:.6;flex-shrink:0;font-size:.85rem;font-weight:800}.track-row .rank.top3{color:var(--accent-gold);opacity:1;font-size:.95rem}.thumb-sm{background:var(--bg-elevated);border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}@media (width>=960px){.thumb-sm{border-radius:10px;width:52px;height:52px}}.thumb-sm img{object-fit:cover;width:100%;height:100%}.track-info{flex:1;min-width:0;overflow:hidden}.track-info .title{color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}@media (width>=960px){.track-info .title{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;display:block}}.track-info .artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.8rem;overflow:hidden}.track-row .duration{text-align:right;flex-shrink:0;min-width:60px;font-size:.75rem}.add-queue-btn{color:var(--text-secondary);cursor:pointer;opacity:.6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s,border-color .2s,opacity .2s;display:flex}.track-row:hover .add-queue-btn{opacity:1;background:var(--accent-secondary);color:#fff;border-color:#0000}.artist-page{margin:calc(-1 * var(--spacing));min-height:100vh;padding:0 var(--spacing) 80px;position:relative;overflow-x:hidden}.artist-hero-bg{filter:blur(80px)brightness(.18)saturate(1.5);opacity:.9;z-index:-1;background-position:50%;background-size:cover;height:320px;position:absolute;top:0;left:0;right:0}.artist-hero-bg:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--bg-primary) 100%);position:absolute;inset:0}.artist-hero-v2{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px;padding-top:48px;display:flex}.artist-avatar-v2{background:var(--bg-elevated);border:3px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:120px;height:120px;overflow:hidden;box-shadow:0 12px 40px #00000080}.artist-avatar-v2 img{object-fit:cover;width:100%;height:100%;display:block}.artist-avatar-v2 svg{width:100%;height:100%}.artist-header-info{flex-direction:column;align-items:center;gap:10px;display:flex}.artist-name-v2{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800;line-height:1.1}.artist-meta-v2{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.artist-genre-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);background:#e639461f;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.artist-detail{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.artist-detail svg{opacity:.6}.artist-social{gap:8px;margin-top:4px;display:flex}.artist-social a{width:36px;height:36px;color:var(--text-secondary);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.artist-social a:hover{color:var(--text-primary);background:#ffffff26;transform:translateY(-2px)}.artist-bio-text{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.artist-content-grid{gap:24px;display:grid}.artist-collabs-grid{flex-direction:column;gap:8px;display:flex}.artist-collab-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px;transition:background .15s;display:flex}.artist-collab-item:hover{background:#ffffff0f}.avatar-sm{background:var(--bg-elevated);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.avatar-sm img{object-fit:cover;width:100%;height:100%;display:block}.collab-name{font-size:.85rem;font-weight:600}@media (width>=960px){.artist-hero-v2{text-align:left;flex-direction:row;align-items:flex-end;gap:28px;padding-top:64px}.artist-avatar-v2{width:160px;height:160px}.artist-header-info{align-items:flex-start}.artist-name-v2{font-size:2.8rem}.artist-meta-v2{justify-content:flex-start}.artist-social{margin-top:2px}.artist-content-grid{align-items:start;gap:40px}.artist-content-grid.has-sidebar{grid-template-columns:1fr 320px}:is(.artist-page:not(:has(.has-sidebar)) .artist-hero-v2,.artist-page:not(:has(.has-sidebar)) .artist-content-grid){max-width:760px;margin-left:auto;margin-right:auto}.artist-hero-bg{height:400px}}.track-page-v2{margin:calc(-1 * var(--spacing));min-height:100vh;padding:0 var(--spacing) 80px;position:relative}.track-bg-blur{filter:blur(100px)brightness(.15);opacity:.9;z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0}.track-hero-v2{flex-direction:column;gap:24px;margin-bottom:40px;display:flex}@media (width>=960px){.track-hero-v2{gap:40px;margin-bottom:64px}}.track-player-container{background:#000;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}@media (width>=960px){.track-player-container{border-radius:24px}}.track-hero-v2.has-inline-player .track-poster-v2{display:none}.track-player-slot-v2{aspect-ratio:16/14;width:100%}@media (width>=960px){.track-player-slot-v2{aspect-ratio:16/10}}.track-poster-v2{z-index:2;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.track-poster-v2 img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.track-poster-v2.is-top40{box-shadow:inset 0 0 0 3px var(--accent-gold,#f5c242), 0 0 40px #f5c24233}.play-icon-large{z-index:3;background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;display:flex;position:relative;box-shadow:0 8px 24px #0006}@media (width>=960px){.play-icon-large{width:80px;height:80px;font-size:2rem}}.track-meta-badge{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.track-top40-chip{background:var(--accent-gold,#f5c242);color:#111;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 10px;font-size:.68rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #f5c24259}.track-top40-chip:hover{transform:translateY(-1px);box-shadow:0 8px 20px #f5c24280}.track-top40-chip-rank{min-width:24px;height:20px;color:var(--accent-gold,#f5c242);letter-spacing:0;font-variant-numeric:tabular-nums;background:#111;border-radius:999px;place-items:center;padding:0 6px;font-size:.72rem;display:inline-grid}@media (width>=960px){.track-top40-chip{padding:5px 5px 5px 12px;font-size:.75rem}.track-top40-chip-rank{min-width:28px;height:22px;font-size:.82rem}}.track-top40-badge{z-index:4;background:var(--accent-gold,#f5c242);color:#111;letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .2s;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 6px 18px #f5c24273}.track-top40-badge:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f5c2428c}.track-top40-rank{min-width:26px;height:26px;color:var(--accent-gold,#f5c242);font-variant-numeric:tabular-nums;background:#111;border-radius:999px;place-items:center;padding:0 6px;font-size:.85rem;display:inline-grid}.track-top40-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}@media (width>=960px){.track-top40-badge{padding:8px 16px 8px 10px;top:16px;left:16px}.track-top40-rank{min-width:32px;height:32px;font-size:.95rem}.track-top40-label{font-size:.78rem}}.track-info-v2{flex:1;padding-top:12px}.track-title-v2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;line-height:1.1}@media (width>=960px){.track-title-v2{margin-bottom:12px;font-size:3rem}}.track-subtitle-v2{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}@media (width>=960px){.track-subtitle-v2{margin-bottom:32px;font-size:1.4rem}}.track-actions-v2{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.share-buttons{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.share-btn{color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.share-btn:hover{color:var(--text-primary);background:#ffffff1a}.share-btn svg{flex-shrink:0}.share-whatsapp:hover{color:#25d366;border-color:#25d3664d}.share-facebook:hover{color:#1877f2;border-color:#1877f24d}@media (width<=480px){.share-btn span{display:none}.share-btn{border-radius:50%;padding:10px}}@media (width<=959px){.track-hero-v2.has-inline-player #track-play-main{display:none}}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}@media (width>=960px){.btn-primary,.btn-secondary{border-radius:30px;gap:12px;height:60px;padding:0 32px;font-size:1.05rem}}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:#ff4d5a;transform:translateY(-2px);box-shadow:0 4px 16px #e6394666}.btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff2e;border-color:#ffffff40;transform:translateY(-2px)}.btn-top40{background:var(--accent-gold,#f5c242);color:#111;letter-spacing:.02em;cursor:pointer;border-radius:24px;align-items:center;gap:8px;height:48px;padding:0 20px;font-family:inherit;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 6px 18px #f5c24259}.btn-top40:hover{background:#fbc94a;transform:translateY(-2px);box-shadow:0 10px 24px #f5c24280}.btn-top40 .icon{font-size:.85em}@media (width>=960px){.btn-top40{border-radius:30px;gap:12px;height:60px;padding:0 28px;font-size:1.05rem}}.content-panel-v2{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:24px;padding:20px}@media (width>=960px){.content-panel-v2{border-radius:24px;margin-bottom:32px;padding:32px}}.track-content-grid{gap:32px;display:grid}@media (width>=960px){.track-content-grid{gap:48px}}.artist-link{color:var(--accent-gold);text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.artist-link:hover{color:var(--accent-cyan);text-decoration:underline}.related-artists-desktop{display:none}@media (width>=960px){.related-artists-desktop{display:block}.related-artists-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.artist-card-sm{text-align:center;transition:transform .2s}.artist-card-sm:hover{transform:translateY(-4px)}.artist-card-sm .avatar{border-radius:50%;width:72px;height:72px;margin:0 auto 8px;transition:box-shadow .2s;overflow:hidden}.artist-card-sm:hover .avatar{box-shadow:0 0 0 3px var(--accent-primary)}.artist-card-sm .avatar img{object-fit:cover;width:100%;height:100%}.artist-card-sm .name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.artist-card-sm:hover .name{color:var(--accent-gold)}.artist-card-sm .genre{font-size:.75rem}}@media (width>=1024px){.track-hero-v2{flex-direction:row;align-items:flex-start;gap:48px}.track-player-container{flex-shrink:0;width:600px}.track-content-grid{grid-template-columns:1fr 420px;align-items:start}}.track-side-column .tracks-list{grid-template-columns:1fr!important}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.panel-header h2{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0;font-size:1rem}.side-tracks-list{flex-direction:column;gap:16px;display:flex}.side-track-item{cursor:pointer;align-items:center;gap:12px;transition:all .2s;display:flex}.side-track-item:hover{transform:translate(4px)}.side-track-thumb{aspect-ratio:16/9;background:#000;border-radius:8px;flex-shrink:0;width:80px;overflow:hidden}.side-track-thumb img{object-fit:cover;width:100%;height:100%}.side-play-btn{color:var(--text-secondary);cursor:pointer;opacity:.6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:.8rem;transition:all .2s;display:flex}.track-row:hover .side-play-btn{opacity:1;background:var(--accent-primary);color:#fff;border-color:#0000}.games-cta-panel{cursor:pointer;background:#4cc9f00d;border:1px solid #4cc9f033;transition:all .2s}.games-cta-panel:hover{background:#4cc9f01a;transform:translateY(-2px)}.games-cta-panel .icon{font-size:1.5rem}.games-page{padding:24px var(--spacing);min-height:80vh}.games-footer{margin-top:32px;padding-bottom:40px}.mini-games-section{overflow:visible}.game-tabs{gap:8px;display:flex}.game-tab{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:6px 12px;font-size:.75rem;transition:all .2s}.game-tab.active{background:var(--accent-cyan);color:#000;border-color:#0000;font-weight:700}.game-container{background:#0003;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;margin-top:16px;padding:16px;display:flex}.game-placeholder{color:var(--text-secondary);opacity:.5}.memory-board{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:320px;display:grid}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute}.card-front{background:var(--bg-elevated);border:1px solid #ffffff1a}.card-back{background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden;transform:rotateY(180deg)}.card-back img{object-fit:cover;width:100%;height:100%;display:block}.game-controls{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:16px;font-size:.9rem;font-weight:600;display:flex}.game-controls button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:6px 16px}.pong-wrap{flex-direction:column;align-items:center;display:flex}#pong-canvas{touch-action:none;background:#000;border:4px solid #ffffff1a;border-radius:12px}hd-nav{z-index:1000;height:var(--nav-height);background:var(--bg-elevated);border-top:1px solid #ffffff14;position:fixed;bottom:0;left:0;right:0}.lyrics-line{color:var(--text-secondary);padding:10px 0;font-size:1.25rem;transition:color .3s}.lyrics-line.active{color:#fff;font-weight:700}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-elevated) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:12px;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){body.queue-open{overflow:hidden}}.browser-banner{z-index:9999;color:#fff;font-size:.8rem;font-family:var(--font-main);background:linear-gradient(135deg,#1877f2,#0d47a1);align-items:center;gap:8px;padding:10px 16px;line-height:1.3;display:flex;position:fixed;top:0;left:0;right:0}.browser-banner strong{font-size:1.1em;font-weight:800}.browser-banner-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 4px;font-size:1.4rem}.browser-banner~.site-topbar{top:44px}.browser-banner~.site-topbar~#app{padding-top:116px}.chart-header{background:radial-gradient(120% 120% at 0 0,#f5c2422e,#0000 55%),radial-gradient(120% 120% at 100% 100%,#00295b59,#0000 55%),linear-gradient(135deg,#0f1220 0%,#181c2e 100%);border:1px solid #f5c24233;border-radius:16px;margin:0 0 20px;padding:16px;position:relative;overflow:hidden}@media (width>=760px){.chart-header{border-radius:18px;margin-bottom:24px;padding:20px}}.chart-header-inner{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=860px){.chart-header-inner{grid-template-columns:1fr 1.9fr;gap:24px}}.chart-header-text{min-width:0}.chart-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold,#f5c242);border:1px solid #f5c24273;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.chart-hero-title{letter-spacing:-.015em;color:var(--text-primary);max-width:520px;margin:0 0 6px;font-size:1.35rem;font-weight:800;line-height:1.15}@media (width>=760px){.chart-hero-title{margin-bottom:8px;font-size:1.95rem}}.chart-header .chart-week{margin:0 0 6px;font-size:.9rem;font-weight:600}.chart-header .chart-explainer{max-width:520px;margin:0;font-size:.85rem;line-height:1.45}@media (width<=440px){.chart-header .chart-explainer{display:none}}.chart-featured{color:inherit;border-top:1px solid #f5c24259;margin-top:14px;padding-top:14px;text-decoration:none;transition:opacity .2s;display:block}@media (width>=760px){.chart-featured{margin-top:22px;padding-top:20px}}.chart-featured:hover{opacity:.88}.chart-featured-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold,#f5c242);margin-bottom:8px;font-size:.7rem;font-weight:800}@media (width>=760px){.chart-featured-label{letter-spacing:.16em;margin-bottom:10px;font-size:.78rem}}.chart-featured-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.chart-featured-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.55rem;font-weight:900;line-height:1.05}@media (width>=760px){.chart-featured-title{font-size:2.4rem}}.chart-featured-rank-chip{background:var(--accent-gold,#f5c242);color:#111;letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:4px 12px;font-size:.85rem;font-weight:800;line-height:1.5;display:inline-grid;box-shadow:0 0 14px #f5c24259}@media (width>=760px){.chart-featured-rank-chip{padding:5px 14px;font-size:1rem}}.chart-featured-rank-chip[hidden],.chart-list[data-cp-mode=one] .chart-row-featured,.chart-featured[data-cp-feat-mode=playing] .chart-featured-total{display:none}.chart-featured-artist{color:var(--text-secondary);margin-bottom:10px;font-size:.95rem;font-weight:500}@media (width>=760px){.chart-featured-artist{margin-bottom:14px;font-size:1.05rem}}.chart-featured-stats{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.chart-featured-gained{color:var(--accent-gold,#f5c242);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #f5c24259;font-size:1.55rem;font-weight:900;line-height:1}@media (width>=760px){.chart-featured-gained{font-size:2.2rem}}.chart-featured-gained-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);opacity:.85;font-size:.6rem;font-weight:700}@media (width>=760px){.chart-featured-gained-label{font-size:.68rem}}.chart-featured-total{color:var(--text-secondary);opacity:.7;font-variant-numeric:tabular-nums;margin-left:6px;font-size:.85rem}@media (width<=380px){.chart-featured-total{display:none}}.chart-play-all-btn{background:var(--accent-gold,#f5c242);color:#111;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:10px;min-height:44px;margin-top:14px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:800;transition:transform .1s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 20px #f5c24259}@media (width>=760px){.chart-play-all-btn{margin-top:20px}}@media (width<=859px){.chart-play-all-btn{display:none}.chart-featured[data-cp-feat-mode=playing]+.chart-play-all-btn{display:inline-flex}}.chart-play-all-btn:hover{background:#fbc94a;box-shadow:0 8px 28px #f5c24280}.chart-play-all-btn:active{transform:scale(.97)}.chart-play-all-btn svg{width:14px;height:14px}.chart-player{flex-direction:column;gap:10px;min-width:0;display:flex}.chart-player-frame{width:100%;position:relative}.chart-player-frame #hd-track-player-slot{aspect-ratio:16/9;background:#000;border:1px solid #ffffff14;border-radius:12px;width:100%;display:block;overflow:hidden;box-shadow:0 12px 40px #00000059}.chart-player-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.chart-player-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.chart-player-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background .2s,transform .1s;display:grid}.chart-player-btn:hover{background:#ffffff1f}.chart-player-btn:active{transform:scale(.94)}.chart-player-btn svg{width:15px;height:15px}.chart-player-btn-play{background:var(--accent-gold,#f5c242);border-color:var(--accent-gold,#f5c242);color:#111;width:48px;height:48px;box-shadow:0 0 14px #f5c24259}.chart-player-btn-play:hover{background:#fbc94a}.chart-player-btn-play svg{width:18px;height:18px}.chart-player-meta{flex:1;align-items:center;gap:10px;min-width:0;display:flex}hd-player.chart-mode.inline-context .player-expanded .controls{display:none!important}.chart-player-rank{color:var(--accent-gold,#f5c242);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1rem;font-weight:900}.chart-player-meta-text{min-width:0}.chart-player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;line-height:1.15;overflow:hidden}.chart-player-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;margin-top:2px;font-size:.78rem;line-height:1.15;text-decoration:none;transition:color .15s;display:block;overflow:hidden}.chart-player-artist:hover{color:var(--accent-gold,#f5c242);text-underline-offset:3px;text-decoration:underline}.chart-player-artist.is-inert{pointer-events:none;cursor:default}.chart-player-gained{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1;display:flex}.chart-player-gained-num{color:var(--accent-gold,#f5c242);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 12px #f5c2424d;font-size:1.15rem;font-weight:800;line-height:1}.chart-player-gained-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.8;margin-top:3px;font-size:.55rem;font-weight:700}@media (width>=760px){.chart-player-gained-num{font-size:1.3rem}.chart-player-gained-label{font-size:.6rem}}.chart-list .track-row{grid-template-columns:none}.chart-stats{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;min-width:80px;display:flex}@media (width>=600px){.chart-stats{min-width:92px}}.chart-gained{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.chart-gained-num{color:var(--accent-gold,#f5c242);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #f5c24259;font-size:1.45rem;font-weight:800;line-height:1}.chart-gained-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.75;margin-top:2px;font-size:.55rem;font-weight:700}.chart-total{opacity:.55;font-variant-numeric:tabular-nums;margin-top:1px;font-size:.7rem;line-height:1}.chart-move-wrap{margin-bottom:2px;font-size:.7rem;line-height:1}.chart-move{letter-spacing:.02em;font-weight:700}.chart-move.up{color:#22c55e}.chart-move.down{color:#ef4444}.chart-move.same{color:var(--text-secondary);opacity:.6}.chart-new-badge{letter-spacing:.05em;background:var(--accent-gold,#f5c242);color:#111;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.6rem;font-weight:800;display:inline-block}@media (width>=960px){.chart-stats{min-width:120px}.chart-gained-num{font-size:1.9rem}.chart-gained-label{font-size:.62rem}.chart-total{font-size:.78rem}}