*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{color:#fff;background:#050816;width:100%;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}img{max-width:100%;display:block}button,input{font-family:inherit}a{color:inherit;text-decoration:none}
:root{--bg:#070c1a;--bg-2:#0c1324;--bg-3:#101828;--card:#111f38;--card-2:#152240;--card-hover:#1a2d50;--text:#f1f5f9;--muted:#94a3b8;--subtle:#64748b;--accent:#f59e0b;--accent-2:#f97316;--border:#ffffff1a;--border-subtle:#ffffff12;--border-accent:#f59e0b38;--radius:18px;--shadow:0 8px 24px #0006;--shadow-lg:0 20px 50px #0000008c;--container:1300px}
body{background:var(--bg)}.main-content{width:100%;max-width:var(--container);margin:auto;padding:2rem}.content-section{margin-bottom:4rem}.content-section+.content-section{padding-top:.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-header h2{color:var(--text);margin-bottom:.4rem;font-size:2rem}.section-header p{color:var(--muted)}.view-all{color:var(--accent);align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.view-all:hover{opacity:.8}


.menu-toggle{border:1px solid var(--border,#ffffff14);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;display:none}.nav-right{align-items:center;gap:.75rem;display:flex}.navbar{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050816d9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:1rem;display:flex}.logo{object-fit:contain;filter:drop-shadow(0 4px 14px #f59e0b59);width:52px;height:52px}.logo-fallback{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;line-height:1;display:inline-flex}.logo-fallback-mark{filter:drop-shadow(0 4px 14px #f59e0b59);flex-shrink:0;width:44px;height:44px}.logo-fallback-text{letter-spacing:.12em;background:linear-gradient(90deg,#f59e0b,#f97316 55%,#e84393);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,Barlow,system-ui,sans-serif;font-size:1.1rem}.footer-left .logo-fallback-mark{width:52px;height:52px}#hero-logo .logo-fallback-mark{width:100%;height:100%}.brand-text h1{font-size:1.3rem}.brand-text p{color:var(--muted);font-size:.9rem}.nav-center{flex:1;justify-content:center;padding:0 2rem;display:flex}.nav-mobile-search{display:none}.search-box{border:1px solid var(--border);background:#ffffff0d;border-radius:999px;align-items:center;gap:.8rem;width:100%;max-width:500px;padding:.9rem 1.2rem;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:#d1d5db;font-weight:500}.login-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;padding:.8rem 1.2rem;font-weight:700;color:#000!important}.nav-drawer-search{display:none}@media (max-width:1300px){.navbar{gap:.75rem;padding:1rem 1.25rem}.nav-center{padding:0 .75rem}.search-box{padding:.7rem 1rem}.nav-links{gap:1rem}}@media (max-width:1100px){.brand-text p{display:none}.nav-center{padding:0 .5rem}.search-box{max-width:280px}.nav-links{gap:.75rem}.nav-links a{font-size:.92rem}}@media (max-width:950px){.brand-text{display:none}.search-box{max-width:200px}}@media (max-width:900px){.nav-drawer-search{border-bottom:1px solid #ffffff12;margin-bottom:.75rem;padding-bottom:.75rem;display:block}.nav-drawer-search .search-box{border-radius:12px;width:100%;max-width:100%;padding:.75rem 1rem;position:relative}}
.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:14px;padding:1rem 1.6rem;font-weight:700;transition:all .25s}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#000}.secondary-btn{color:#fff;border:1px solid var(--border);background:#ffffff0f}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}
.music-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;width:100%;display:grid;overflow-x:hidden}.music-card{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:20px;min-width:0;transition:all .25s;position:relative}.music-card:hover{background:var(--card-hover,#1a2d50);border-color:#f59e0b73;transform:translateY(-5px);box-shadow:0 16px 40px #00000073}.music-cover-wrap{aspect-ratio:1;position:relative;overflow:hidden}.music-cover{object-fit:cover;width:100%;height:100%;display:block}.card-play-btn{color:#000;cursor:pointer;background:#f59e0b;border:none;border-radius:50%;font-size:1.1rem;transition:all .25s}.card-play-btn-overlay{opacity:0;width:52px;height:52px;position:absolute;bottom:1rem;right:1rem;transform:translateY(10px)}.music-card:hover .card-play-btn-overlay{opacity:1;transform:translateY(0)}.card-row-play-btn{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:none}.music-info{min-width:0;padding:1rem}.music-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:1rem;overflow:hidden}.music-info p{color:#aaa;font-size:.9rem}.music-card-bottom{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.download-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:42px;height:42px;transition:all .25s}.download-btn:hover{color:#f59e0b;background:#f59e0b33;transform:scale(1.08)}.music-card.show-actions .card-play-btn-overlay{opacity:1;transform:translateY(0)}.music-card.is-playing{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b80,0 10px 28px #f59e0b40}.music-card.is-playing .card-play-btn-overlay{opacity:1;transform:translateY(0)}.music-card.is-playing .music-cover-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#f59e0b59 100%);position:absolute;inset:0}.music-card.is-playing .music-title{color:#f59e0b}.music-card-wave{pointer-events:none;align-items:flex-end;gap:3px;height:20px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.music-card-wave span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.music-card-wave span:first-child{height:8px;animation-delay:0s}.music-card-wave span:nth-child(2){height:16px;animation-delay:.1s}.music-card-wave span:nth-child(3){height:12px;animation-delay:.2s}.music-card-wave span:nth-child(4){height:18px;animation-delay:.15s}@media (max-width:768px){.music-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.music-card{border-radius:10px}.music-cover-wrap{aspect-ratio:1/.75}.card-play-btn-overlay{opacity:1;width:22px;height:22px;font-size:.55rem;bottom:.3rem;right:.3rem;transform:translateY(0)}.card-row-play-btn{display:none}.music-info{padding:.3rem .35rem .4rem}.music-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.62rem;overflow:hidden}.music-info p,.music-artist-link{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.55rem;overflow:hidden}.music-collab-tag{font-size:.5rem}.music-card-bottom{gap:.15rem;margin-top:.25rem}.card-views{font-size:.5rem}.download-btn,.share-btn{border-radius:50%;width:28px;height:28px;font-size:.7rem}.music-card-wave{gap:2px;height:12px;bottom:6px}.music-card-wave span{width:2px}.music-card-wave span:first-child{height:4px}.music-card-wave span:nth-child(2){height:8px}.music-card-wave span:nth-child(3){height:6px}.music-card-wave span:nth-child(4){height:10px}.music-provider-badge{width:18px;height:18px;font-size:.55rem;bottom:.3rem;left:.3rem}.culture-band{display:none}}@media (max-width:420px){.music-grid{grid-template-columns:repeat(3,1fr);gap:.3rem}.music-card{border-radius:8px}.music-cover-wrap{aspect-ratio:1/.75}.music-info{padding:.25rem .3rem .35rem}.music-info h3{font-size:.58rem}.music-info p,.music-artist-link{font-size:.5rem}.download-btn,.share-btn{width:24px;height:24px;font-size:.62rem}.card-play-btn-overlay{width:20px;height:20px;font-size:.5rem;bottom:.25rem;right:.25rem}}.share-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;line-height:1;transition:color .2s,background .2s;display:inline-flex}.share-btn:hover{color:#f59e0b;background:#f59e0b1a}.share-btn i.fa-check{color:#22c55e}.music-title-link{cursor:pointer;text-decoration:none;display:block}.music-title-link:hover .music-title{color:#f59e0b}.music-artist-link{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:.82rem;text-decoration:none;transition:color .18s;display:block;overflow:hidden}.music-artist-link:hover{color:#f59e0b}@media (max-width:768px){.music-title{letter-spacing:-.01em;font-weight:700}}.music-cover,.artist-avatar,.queue-cover,.sl-cover{box-shadow:0 4px 12px #0006}.music-cover-wrap{position:relative}.music-provider-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.card-play-external{background:#000000b3!important}.music-collab-tag{color:#f59e0b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.1rem;font-size:.72rem;font-style:italic;font-weight:600;display:inline-block;overflow:hidden}@media (max-width:768px){.music-grid-scroll-wrap{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.music-grid-scroll-wrap::-webkit-scrollbar{display:none}.music-grid-carousel{gap:.4rem;display:grid!important}.music-grid-carousel[data-mode=compact]{grid-auto-flow:row;width:100%;grid-template-columns:repeat(3,1fr)!important}.music-grid-carousel[data-mode=paged]{grid-template-rows:repeat(3,auto);grid-auto-columns:calc(33.3333vw - .6rem);grid-auto-flow:column;width:max-content;overflow:visible;grid-template-columns:unset!important}.music-grid-carousel[data-mode=paged] .music-card:nth-child(3n+1){scroll-snap-align:start}.music-grid-scroll-wrap:has(.music-grid-carousel[data-mode=compact]){scroll-snap-type:none;overflow-x:visible;-webkit-mask-image:none;mask-image:none}}@media (max-width:420px){.music-grid-carousel[data-mode=paged]{grid-auto-columns:calc(33.3333vw - .5rem)}.music-grid-carousel{gap:.3rem}}@media (max-width:768px){.music-grid-scroll-wrap:has(.music-grid-carousel[data-mode=paged]):after{content:"swipe for more ------>";text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#f59e0b73;pointer-events:none;padding:.4rem 0 0;font-size:.6rem;display:block}}
.artist-card{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);text-align:center;cursor:pointer;color:inherit;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:1.8rem 1rem;text-decoration:none;transition:all .3s;display:flex}.artist-card:hover{background:var(--card-hover,#1a2d50);border-color:#f59e0b59;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.artist-list-card{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);cursor:pointer;color:inherit;border-radius:16px;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.artist-list-card:hover{background:#f59e0b1a;border-left:3px solid #f59e0b;transform:translate(4px)}.artist-list-rank{text-align:center;color:#f59e0b;width:36px;font-size:1.1rem;font-weight:800}.artist-list-rank.rank-1{color:#fbbf24}.artist-list-rank.rank-2{color:#94a3b8}.artist-list-rank.rank-3{color:#cd7f32}.artist-list-cover{object-fit:cover;border:2px solid #f59e0b4d;border-radius:50%;width:48px;height:48px}.artist-list-info{flex:1}.artist-list-info h4{margin-bottom:.2rem;font-size:.9rem;font-weight:700}.artist-list-info p{color:#64748b;font-size:.7rem}.artist-list-stats{color:#f59e0b;gap:.5rem;font-size:.7rem;display:flex}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.view-toggle{background:#0f172acc;border:1px solid #ffffff1a;border-radius:40px;gap:.5rem;padding:.25rem;display:flex}.toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.toggle-btn.active{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316)}@media (max-width:768px){.artist-grid{grid-template-columns:1fr;gap:.75rem}}.artist-list{flex-direction:column;gap:.75rem;display:flex}.artist-list-item{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);color:inherit;border-radius:16px;align-items:center;gap:1rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.artist-list-item:hover{background:#f59e0b14;border-left:3px solid #f59e0b;transform:translate(4px)}.list-rank-badge{text-align:center;width:40px;font-size:1.1rem;font-weight:800}.list-rank-badge.rank-1{color:#fbbf24}.list-rank-badge.rank-2{color:#94a3b8}.list-rank-badge.rank-3{color:#cd7f32}.list-artist-avatar{object-fit:cover;border:2px solid #f59e0b4d;border-radius:50%;width:52px;height:52px}.list-artist-info{flex:1}.list-artist-info h4{margin-bottom:.2rem;font-size:.9rem;font-weight:700}.list-artist-slug{color:#64748b;margin-bottom:.25rem;font-size:.7rem}.list-artist-stats{color:#f59e0b;gap:.75rem;font-size:.65rem;display:flex}.list-artist-stats i{margin-right:3px}@media (max-width:768px){.artist-grid{display:none}.artist-list{display:flex}.content-section{padding:0 1rem}}@media (min-width:769px){.artist-list{display:none}.artist-grid{display:grid}}@media (max-width:480px){.artist-list-item{gap:.75rem;padding:.6rem}.list-artist-avatar{width:44px;height:44px}.list-artist-info h4{font-size:.85rem}.list-artist-stats{gap:.5rem;font-size:.6rem}.list-rank-badge{width:32px;font-size:.9rem}}
.player-bar{z-index:1000;color:#f5f7fb;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(560px,100vw - 20px);font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;animation:.32s cubic-bezier(.2,.9,.25,1.1) pbSlideUp;display:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}@keyframes pbSlideUp{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.player-bar .pb-inner{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0a0f1ee0;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:8px 14px 8px 8px;transition:border-color .35s,box-shadow .35s,transform .35s;display:grid;position:relative;box-shadow:0 20px 50px #0000008c,inset 0 0 0 1px #ffffff0a}.player-bar .pb-inner:hover{border-color:#f59e0b59;box-shadow:0 24px 60px #0009,inset 0 0 0 1px #f59e0b2e}.player-bar .pb-inner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f59e0b8c,#0000);height:1px;position:absolute;bottom:-1px;left:25%;right:25%}.player-bar .pb-cover-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.player-bar .pb-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-bar .pb-ring-fill{transition:stroke-dashoffset .3s linear}.player-bar .pb-cover{cursor:pointer;background:#111;border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:5px;overflow:hidden}.player-bar .pb-cover img,.player-bar #player-cover{object-fit:cover;width:100%;height:100%;display:block}.player-bar .pb-play{color:#f59e0b;cursor:pointer;opacity:0;background:#00000073;border:0;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex;position:absolute;inset:0}.player-bar .pb-cover:hover .pb-play,.player-bar .pb-play.playing,.player-bar .pb-cover:focus-within .pb-play{opacity:1}.player-bar .pb-play:hover{color:#f97316;background:#0009}.player-bar .pb-play i{font-size:18px}.player-bar.is-playing .pb-cover,body.player-active .player-bar .pb-cover{animation:3.5s ease-in-out infinite pbCoverPulse}@keyframes pbCoverPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b1a}}.player-bar .pb-meta{cursor:pointer;flex-direction:column;justify-content:center;min-width:0;display:flex}.player-bar #player-title{letter-spacing:.06em;color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Bebas Neue,Barlow,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1;overflow:hidden}.player-bar #player-artist{letter-spacing:.01em;color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:11px;font-weight:500;overflow:hidden}.player-bar .pb-times{font-variant-numeric:tabular-nums;border-left:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:2px;padding-left:12px;display:flex}.player-bar #current-time{color:#f59e0b;font-size:10px;font-weight:700;line-height:1}.player-bar #duration{color:#ffffff40;font-size:9px;font-weight:500;line-height:1}.player-bar .pb-transport{align-items:center;gap:12px;display:flex}.player-bar .pb-transport button{color:#ffffff73;cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px;line-height:1;transition:color .2s,transform .15s}.player-bar .pb-transport button:hover{color:#f97316;transform:translateY(-1px)}.player-bar #player-close{color:#ffffff40;margin-left:4px}.player-bar #player-close:hover{color:#e84393;transform:none}.player-bar .pb-progress-wrap{cursor:pointer;align-items:center;height:10px;display:flex;position:absolute;bottom:4px;left:18%;right:18%}.player-bar .pb-progress-track{background:#ffffff0f;border-radius:2px;width:100%;height:2px;overflow:hidden}.player-bar .pb-progress-fill,.player-bar #progress-bar{background:linear-gradient(90deg,#f59e0b 0%,#f97316 55%,#e84393 100%);width:0%;height:100%;transition:width .15s linear;box-shadow:0 0 8px #f9731673}@media (max-width:480px){.player-bar{width:calc(100vw - 16px);bottom:10px}.player-bar .pb-inner{grid-template-columns:auto 1fr auto;gap:10px;padding:6px 10px 6px 6px}.player-bar .pb-times{display:none}.player-bar .pb-cover-wrap{width:46px;height:46px}.player-bar #player-title{font-size:14px}.player-bar #player-artist{font-size:10px}.player-bar .pb-transport{gap:10px}.player-bar .pb-transport button{font-size:13px}.player-bar .pb-progress-wrap{left:12%;right:12%}}@media (hover:none){.player-bar .pb-play{opacity:1;background:#00000059}}.player-bar .pb-transport #btn-shuffle,.player-bar .pb-transport #btn-repeat{opacity:.45;font-size:.82rem;transition:opacity .2s,color .2s}.player-bar .pb-transport #btn-shuffle:hover,.player-bar .pb-transport #btn-repeat:hover{opacity:.8;color:#f59e0b}.player-bar .pb-transport #btn-shuffle.active,.player-bar .pb-transport #btn-repeat.active{opacity:1;color:#f59e0b}


.loading-overlay{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050816f5;justify-content:center;align-items:center;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.loading-wave{flex-direction:column;align-items:center;gap:1.4rem;display:flex}.loading-wave-logo{border-radius:16px;width:64px;height:64px;animation:2s ease-in-out infinite logoPulse;overflow:hidden;box-shadow:0 0 32px #f59e0b40}.loading-wave-logo img{object-fit:cover;width:100%;height:100%}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #f59e0b33}50%{transform:scale(1.04);box-shadow:0 0 40px #f59e0b73}}.loading-wave-bars{align-items:flex-end;gap:5px;height:40px;display:flex}.loading-wave-bars span{transform-origin:bottom;background:linear-gradient(#e84393,#f59e0b);border-radius:3px;width:5px;animation:1s ease-in-out infinite waveBar;display:block}.loading-wave-bars span:first-child{height:14px;animation-delay:0s}.loading-wave-bars span:nth-child(2){height:22px;animation-delay:.1s}.loading-wave-bars span:nth-child(3){height:32px;animation-delay:.2s}.loading-wave-bars span:nth-child(4){height:38px;animation-delay:.3s}.loading-wave-bars span:nth-child(5){height:28px;animation-delay:.4s}.loading-wave-bars span:nth-child(6){height:38px;animation-delay:.3s}.loading-wave-bars span:nth-child(7){height:32px;animation-delay:.2s}.loading-wave-bars span:nth-child(8){height:22px;animation-delay:.1s}.loading-wave-bars span:nth-child(9){height:14px;animation-delay:0s}.loading-wave-bars span:nth-child(10){height:8px;animation-delay:50ms}@keyframes waveBar{0%,to{opacity:.5;transform:scaleY(.25)}50%{opacity:1;transform:scaleY(1)}}.loading-wave-text{letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;font-size:.78rem;font-weight:700}.shimmer-bg{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.music-skeleton{border:1px solid #f59e0b1f;border-radius:14px;flex-direction:column;gap:.6rem;padding:.5rem;animation:2.2s ease-in-out infinite skeletonGlow;display:flex}.music-skeleton .sk-cover{aspect-ratio:1;border-radius:12px;width:100%}.music-skeleton .sk-info{flex-direction:column;gap:.4rem;display:flex}.music-skeleton .sk-line{border-radius:6px;height:12px}.music-skeleton .sk-line.title{width:80%}.music-skeleton .sk-line.sub{width:55%}.artist-skeleton{border:1px solid #f59e0b1f;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;animation:2.2s ease-in-out infinite skeletonGlow;display:flex}.artist-skeleton .sk-avatar{border-radius:50%;width:80px;height:80px}.artist-skeleton .sk-line{border-radius:6px;height:11px}.artist-skeleton .sk-line.name{width:70%}.artist-skeleton .sk-line.slug{width:50%}.artist-skeleton .sk-line.badge{width:40%}.trending-skeleton{border:1px solid #f59e0b1f;border-radius:16px;padding:8px;animation:2.2s ease-in-out infinite skeletonGlow}.trending-skeleton .skeleton-cover{aspect-ratio:1;border-radius:12px;width:100%}.artist-skeleton-card{border:1px solid #f59e0b1f;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;animation:2.2s ease-in-out infinite skeletonGlow;display:flex}.artist-skeleton-card .skeleton-avatar{background:#ffffff0f 0 0/200% 100%;border-radius:50%;width:80px;height:80px;animation:1.4s ease-in-out infinite shimmer}.artist-skeleton-card .skeleton-name,.artist-skeleton-card .skeleton-slug,.artist-skeleton-card .skeleton-badge{background:#ffffff0f 0 0/200% 100%;border-radius:6px;height:11px;animation:1.4s ease-in-out infinite shimmer}.artist-skeleton-card .skeleton-name{width:70%}.artist-skeleton-card .skeleton-slug{width:50%}.artist-skeleton-card .skeleton-badge{width:40%}@keyframes skeletonGlow{0%,to{border-color:#f59e0b1a;box-shadow:0 0 #f59e0b00}50%{border-color:#f59e0b66;box-shadow:0 0 18px 1px #f59e0b2e,0 0 0 1px #e843931f}}.section-arrive-glow{animation:1.4s ease-out sectionArrivePulse}@keyframes sectionArrivePulse{0%{background-color:#f59e0b0d;box-shadow:0 0 #f59e0b73}to{background-color:#0000;box-shadow:0 0 0 24px #f59e0b00}}
@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.share-card-wrap{justify-content:center;align-items:center;display:inline-flex}.share-card{z-index:300;--sc-base-transform:none;background:#111827;border:1px solid #ffffff1f;border-radius:16px;width:248px;padding:1rem;animation:.14s cubic-bezier(.22,1,.36,1) shareCardIn;position:fixed;top:50%;left:50%;box-shadow:0 20px 48px #0009,0 0 0 1px #f59e0b14}@keyframes shareCardIn{0%{opacity:0;transform:var(--sc-base-transform,none) translateY(6px) scale(.96)}to{opacity:1;transform:var(--sc-base-transform,none) translateY(0) scale(1)}}.share-card-header{align-items:center;gap:.45rem;margin-bottom:.7rem;display:flex}.share-card-icon{color:#f59e0b;font-size:.82rem}.share-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;flex:1;font-size:.72rem;font-weight:800}.share-card-close{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.15rem .3rem;font-size:.78rem;line-height:1;transition:color .15s,background .15s}.share-card-close:hover{color:#e2e8f0;background:#ffffff0f}.share-card-meta{border-bottom:1px solid #ffffff12;margin-bottom:.7rem;padding-bottom:.7rem}.share-card-song{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;line-height:1.3;display:block;overflow:hidden}.share-card-artist{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.74rem;display:block;overflow:hidden}.share-card-platforms{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem;display:grid}.share-platform-btn{background:var(--sc-bg,#1e293b);color:var(--sc-fg,#e2e8f0);white-space:nowrap;border-radius:9px;align-items:center;gap:.45rem;padding:.48rem .65rem;font-size:.73rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .12s;display:flex;overflow:hidden}.share-platform-btn:hover{opacity:.85;transform:translateY(-1px)}.share-platform-btn i{flex-shrink:0;font-size:.92rem}.share-copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.52rem 1rem;font-size:.78rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.share-copy-btn:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b40}.share-copy-btn .fa-check{color:#22c55e}@media (max-width:768px){body.share-open:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:499;background:#0000008c;animation:.2s forwards shareDimIn;position:fixed;inset:0}@keyframes shareDimIn{0%{opacity:0}to{opacity:1}}.share-card{z-index:500;background:#0f172a;border:none;border-top:1px solid #ffffff1a;border-radius:22px 22px 0 0;width:100%;max-width:100%;padding:0 1.25rem 2rem;animation:.28s cubic-bezier(.22,1,.36,1) shareSheetUp;box-shadow:0 -20px 60px #000000b3;position:fixed!important;inset:auto 0 0!important;transform:none!important}@keyframes shareSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-card:before{content:"";background:#ffffff2e;border-radius:99px;width:40px;height:4px;margin:.75rem auto 1rem;display:block}.share-card-platforms{grid-template-columns:1fr 1fr;gap:.5rem}.share-platform-btn{border-radius:12px;justify-content:center;gap:.5rem;padding:.7rem .75rem;font-size:.82rem}.share-platform-btn i{font-size:1rem}.share-copy-btn{border-radius:12px;margin-top:.25rem;padding:.8rem 1rem;font-size:.88rem}}
.hero{background:linear-gradient(#0009,#000c),url(/assets/images/hero-bg.jpg) 50%/cover;align-items:center;min-height:520px;padding:4rem 7%;display:flex;position:relative;overflow:hidden}.hero-overlay{background:radial-gradient(circle at 100% 0,#f59e0b2e,#0000 40%);position:absolute;inset:0}.hero-content{z-index:2;max-width:700px;position:relative}.hero-gradient{z-index:1;background:linear-gradient(90deg,#05080ff2 0%,#05080fb8 40%,#0000 100%);position:absolute;inset:0}.hero-tag{color:#f59e0b;letter-spacing:1px;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;margin-bottom:1.5rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;display:inline-block}.hero h2{margin-bottom:1.5rem;font-size:4rem;line-height:1.05}.hero p{color:#b8bcc7;max-width:600px;margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.hero-actions{gap:1rem;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:12px;height:52px;padding:0 1.5rem;font-weight:700;transition:all .25s}.primary-btn{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316)}.secondary-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff14}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.main-content{width:100%;padding:3rem 7% 8rem;overflow-x:hidden}.content-section{margin-bottom:4rem}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.8rem;display:flex}.section-header h2{margin-bottom:.35rem;font-size:1.8rem}.section-header p{color:#9ca3af}.view-all{color:#f59e0b;font-weight:600;text-decoration:none}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:#d1d5db;font-weight:500;text-decoration:none;transition:all .25s}.nav-links a:hover{color:#fff}.login-btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:.7rem 1.2rem}.main-content .content-section:nth-child(2n){background:#ffffff05;border-radius:20px;margin-left:-2rem;margin-right:-2rem;padding:2rem}.section-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:2rem 0}
.navbar{z-index:999;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050816d1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.9rem 2.5rem;transition:background .3s;display:flex;position:sticky;top:0}.navbar.scrolled{background:#050816f7}.nav-active{color:var(--accent)!important}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.3rem;display:none}.hero{background:#050816;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.hero-bg-art{z-index:0;background:radial-gradient(at 20%,#f59e0b12 0%,#0000 60%),radial-gradient(at 80% 20%,#f973160f 0%,#0000 50%);position:absolute;inset:0}.orb{filter:blur(80px);opacity:.35;border-radius:50%;animation:8s ease-in-out infinite alternate float;position:absolute}.orb-1{background:#f59e0b22;width:500px;height:500px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:#f9731622;width:400px;height:400px;animation-delay:2s;bottom:-80px;right:10%}.orb-3{background:#7c3aed18;width:300px;height:300px;animation-delay:4s;top:30%;right:30%}.hero-lines{background:repeating-linear-gradient(90deg,#0000,#0000 80px,#ffffff04 80px 81px);position:absolute;inset:0}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-30px)scale(1.05)}}.hero-inner{z-index:2;width:100%;max-width:var(--container);grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin:auto;padding:3.5rem 2.5rem;display:grid;position:relative}.hero-tag{color:#f59e0b;letter-spacing:1.5px;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:999px;align-items:center;gap:8px;margin-bottom:1.2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-content h2{letter-spacing:-.5px;margin-bottom:.75rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:#94a3b8;max-width:480px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.secondary-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f59e0b59}.secondary-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.hero-carousel{-webkit-user-select:none;user-select:none;width:100%;position:relative}.hc-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111f38d9;border:1px solid #ffffff1f;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000073}@keyframes hcFromLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes hcFromRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.hc-anim-left{animation:.38s cubic-bezier(.22,1,.36,1) hcFromLeft}.hc-anim-right{animation:.38s cubic-bezier(.22,1,.36,1) hcFromRight}.hc-img-wrap{height:220px;position:relative;overflow:hidden}.hc-img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.hc-card:hover .hc-img{transform:scale(1.04)}.hc-img-overlay{background:linear-gradient(#0000 40%,#0a0f23d9 100%);position:absolute;inset:0}.hc-badge{border:1px solid var(--badge-color,#f59e0b);color:var(--badge-color,#f59e0b);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:999px;align-items:center;gap:5px;padding:.28rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.hc-info{flex-direction:column;gap:.3rem;padding:.9rem 1.1rem 1.1rem;display:flex}.hc-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.hc-sub{color:#64748b;margin:0;font-size:.78rem}.hc-cta{background:var(--cta-color,#f59e0b);color:#000;cursor:pointer;opacity:.92;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:.5rem;padding:.4rem .95rem;font-size:.78rem;font-weight:700;transition:opacity .15s,transform .12s;display:inline-flex}.hc-cta:hover{opacity:1;transform:translateY(-1px)}.hc-arrow{color:#e2e8f0;cursor:pointer;z-index:10;background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;transition:background .15s;display:flex;position:absolute;top:95px;transform:translateY(-50%)}.hc-arrow:hover{color:#fff;background:#f59e0b59}.hc-prev{left:8px}.hc-next{right:8px}.hc-dots{justify-content:center;align-items:center;gap:5px;margin-top:.7rem;display:flex}.hc-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,width .2s}.hc-dot.active{background:#f59e0b;border-radius:3px;width:18px}.featured-banner{max-width:var(--container);margin:0 auto;padding:0 2.5rem 2rem}.fb-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b29,#f9731617);border:1px solid #f59e0b47;border-radius:20px;align-items:center;gap:1.5rem;padding:1.2rem 1.8rem;display:flex}.fb-inner img{object-fit:cover;border-radius:12px;width:64px;height:64px}.fb-tag{color:#f59e0b;letter-spacing:1px;margin-bottom:3px;font-size:.72rem;font-weight:700;display:block}.fb-info h3{margin-bottom:2px;font-size:1.1rem;font-weight:700}.fb-info p{color:#94a3b8;font-size:.85rem}.fb-play{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;align-items:center;gap:8px;margin-left:auto;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.fb-play:hover{transform:scale(1.04)}.artist-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1100px){.artist-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.artist-grid{grid-template-columns:repeat(2,1fr)}}.artist-card{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);text-align:center;cursor:pointer;color:inherit;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;width:100%;min-width:0;padding:1.8rem 1rem;text-decoration:none;transition:all .3s;display:flex}.artist-card:hover{background:var(--card-hover,#1a2d50);border-color:#f59e0b73;transform:translateY(-6px);box-shadow:0 20px 40px #00000073}.artist-avatar-wrap{position:relative}.artist-avatar{object-fit:cover;border:3px solid #f59e0b4d;border-radius:50%;width:100px;height:100px;transition:border-color .3s}.artist-card:hover .artist-avatar{border-color:#f59e0b}.artist-online-dot{background:#10b981;border:2px solid #050816;border-radius:50%;width:14px;height:14px;position:absolute;bottom:4px;right:4px}.artist-card h3{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1rem;font-weight:700;overflow:hidden}.artist-card p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.82rem;overflow:hidden}.artist-song-count{color:#f59e0b;background:#f59e0b1a;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.culture-band{text-align:center;background:radial-gradient(#f59e0b12,#0000 65%),#0c1324;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;margin-bottom:4rem;padding:4rem 2rem}.culture-band p{color:#e2e8f0;max-width:700px;margin:0 auto 1rem;font-size:1.4rem;font-style:italic;font-weight:300;line-height:1.7}.culture-band span{color:#f59e0b;letter-spacing:1px;font-size:.85rem;font-weight:600}#volume-slider{accent-color:#f59e0b;cursor:pointer;width:90px}.search-dropdown{z-index:100;background:#0c1428fc;border:1px solid #ffffff21;border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 20px 50px #0009}.search-dropdown.hidden{display:none}.search-result-item{cursor:pointer;align-items:center;gap:1rem;padding:.9rem 1.2rem;transition:background .2s;display:flex}.search-result-item:hover{background:#f59e0b14}.search-result-item img{object-fit:cover;border-radius:8px;width:44px;height:44px}.search-result-item h4{margin-bottom:2px;font-size:.9rem;font-weight:600}.search-result-item p{color:#64748b;font-size:.8rem}.search-result-item .result-type{white-space:nowrap;border-radius:8px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:600}.result-type.result-artist{color:#a78bfa;background:#a78bfa1f}.result-type.result-song{color:#f59e0b;background:#f59e0b1a}.result-type.result-video{color:#34d399;background:#34d3991f}.result-type.result-photo{color:#fb7185;background:#fb71851f}.search-no-result{text-align:center;color:#64748b;padding:1.5rem;font-size:.9rem}.search-box{position:relative}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}.hero-visual{display:none}.hero-content h2{font-size:2.6rem}.hero-stats{gap:1.2rem}#volume-slider{display:none}.navbar{padding:.9rem 1.2rem}.nav-center{display:none}.nav-links{background:#050816fa;border-bottom:1px solid #ffffff14;flex-direction:column;gap:1rem;padding:1rem;display:none;position:absolute;top:70px;left:0;right:0}.nav-links.open{display:flex}.menu-toggle{display:block}.fb-inner{flex-wrap:wrap}.featured-banner{padding:0 1.2rem 1.5rem}}@media (max-width:768px){.hero{min-height:0}.hero-inner{grid-template-columns:1fr;gap:1rem;padding:2.5rem 1.2rem 2rem}.hero-carousel{display:none}.hero-tag{margin-bottom:.8rem;padding:.25rem .7rem;font-size:.6rem}.hero-tag i{font-size:.6rem}.hero-content h2{margin-bottom:.8rem;font-size:1.8rem}.hero-content p{margin-bottom:1.2rem;font-size:.85rem;line-height:1.5}.hero-actions{gap:.6rem;margin-bottom:1.5rem}.primary-btn,.secondary-btn{height:auto;padding:.6rem 1.2rem;font-size:.8rem}.hero-stats{gap:1rem}.hero-stat h3{font-size:1.2rem}.hero-stat p{font-size:.65rem}.stat-divider{height:24px}.main-content{padding:1.5rem 1rem 4rem}.content-section{margin-bottom:1.4rem}.section-header{margin-bottom:.7rem}.section-header h2{font-size:1.2rem}.section-header p,.view-all{font-size:.7rem}.music-grid{grid-template-columns:repeat(3,1fr);gap:.35rem}.music-card{border-radius:8px}.music-cover-wrap{aspect-ratio:1/.75}.card-play-btn-overlay{opacity:1;width:22px;height:22px;font-size:.55rem;bottom:.3rem;right:.3rem;transform:translateY(0)}.card-row-play-btn{display:none}.music-info{padding:.3rem .35rem .4rem}.music-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.62rem;overflow:hidden}.music-info p,.music-artist-link{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.55rem;overflow:hidden}.music-collab-tag{font-size:.5rem}.music-card-bottom{gap:.15rem;margin-top:.25rem}.card-views{font-size:.5rem}.download-btn,.share-btn{border-radius:50%;width:28px;height:28px;font-size:.68rem}.music-card-wave{gap:2px;height:12px;bottom:6px}.music-card-wave span{width:2px}.music-card-wave span:first-child{height:4px}.music-card-wave span:nth-child(2){height:8px}.music-card-wave span:nth-child(3){height:6px}.music-card-wave span:nth-child(4){height:10px}.music-provider-badge{width:18px;height:18px;font-size:.55rem;bottom:.3rem;left:.3rem}.artist-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.artist-card{aspect-ratio:3/4;background:#0a1220;border:1px solid #ffffff14;border-radius:14px;justify-content:flex-end;align-items:flex-start;gap:0;padding:0;position:relative;overflow:hidden}.artist-avatar-wrap{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.artist-avatar{object-fit:cover;border:none;border-radius:0;width:100%;height:100%;transition:transform .35s}.artist-card:hover .artist-avatar,.artist-card:active .artist-avatar{transform:scale(1.05)}.artist-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 35%,#00000059 60%,#000000e0 100%);border-radius:0;position:absolute;inset:0}.artist-card h3{z-index:2;color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;text-shadow:0 1px 4px #0009;width:100%;padding:0 .55rem .1rem;font-size:.75rem;font-weight:800;position:relative;overflow:hidden}.artist-card p{z-index:2;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;margin:0;padding:0 .55rem .55rem;font-size:.6rem;position:relative;overflow:hidden}.artist-song-count{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f59e0b;background:#0000008c;border:1px solid #ffffff1f;border-radius:20px;padding:2px 6px;font-size:.5rem;position:absolute;top:.45rem;right:.45rem}.artist-rank-badge{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;display:flex;position:absolute;top:.45rem;left:.45rem}.artist-card:active{border-color:#f59e0b80;box-shadow:0 0 0 2px #f59e0b2e}.featured-banner{padding:0 1rem 1rem}.fb-inner{gap:.6rem;padding:.6rem 1rem}.fb-inner img{width:44px;height:44px}.fb-tag{font-size:.55rem}.fb-info h3{font-size:.8rem}.fb-info p{font-size:.65rem}.fb-play{padding:.4rem .8rem;font-size:.65rem}.fb-play i{font-size:.6rem}.culture-band{margin-bottom:2rem;padding:2rem 1rem}.culture-band p{font-size:1rem;line-height:1.4}.culture-band span{font-size:.7rem}.navbar{gap:.5rem;padding:.6rem 1rem}.nav-left .logo{height:28px}.brand-text h1{font-size:.95rem}.brand-text p{font-size:.55rem}.nav-mobile-search{flex:1;min-width:0;display:flex}.nav-mobile-search .search-box,.nav-mobile-search .songs-search-wrap,.nav-mobile-search .artists-search{width:100%!important;min-width:0!important;max-width:none!important}.nav-mobile-search .songs-search{width:100%;min-width:0;padding:.5rem 1.8rem;font-size:.8rem}.nav-mobile-search .songs-search-icon{font-size:.7rem;left:.6rem}.nav-mobile-search .songs-search-clear{right:.4rem}.nav-mobile-search .artists-search input{min-width:0;padding:.5rem 1rem .5rem 1.8rem;font-size:.8rem}.nav-mobile-search .artists-search i{left:.6rem}.nav-mobile-search .search-clear{right:.4rem}.nav-mobile-search .search-box{gap:.5rem;padding:.55rem .9rem}.nav-mobile-search .search-box input{width:100%;min-width:0;font-size:.8rem}.search-dropdown{border-radius:12px;max-height:70vh;overflow-y:auto}.search-result-item{gap:.6rem;padding:.6rem .8rem}.search-result-item>div{flex:1;min-width:0}.search-result-item img{border-radius:6px;flex-shrink:0;width:32px;height:32px}.search-result-item h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:.78rem;overflow:hidden}.search-result-item p{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.search-result-item .result-type{flex-shrink:0;padding:1px 6px;font-size:.6rem}.search-no-result{padding:1rem;font-size:.8rem}.menu-toggle{font-size:1.1rem;display:block}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#050816fa;border-right:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;width:75%;height:calc(100vh - 60px);padding:1.5rem;transition:left .3s;position:fixed;top:60px;left:-100%}.nav-links.open{left:0}.nav-links a{padding:.6rem 0;font-size:.9rem}.login-btn{margin-top:.5rem;padding:.5rem 1rem}}@media (max-width:480px){.hero-content h2{font-size:1.5rem}.hero-content p{font-size:.75rem}.primary-btn,.secondary-btn{padding:.5rem 1rem;font-size:.7rem}.music-grid{gap:.6rem}.music-info h3{font-size:.7rem}.music-info p{font-size:.6rem}.artist-grid{gap:.6rem}.artist-avatar{width:60px;height:60px}.artist-card h3{font-size:.7rem}.card-play-btn{width:28px;height:28px}.card-play-btn i{font-size:.6rem}}@media (max-width:768px){.hero-visual{display:none}}.hero{min-height:auto;padding:3rem 1.25rem}.hero-inner{gap:2.5rem;padding:2.5rem 1.25rem}.hero-content h2{margin-bottom:1rem;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.1}.hero-content p{margin-bottom:1.75rem;font-size:1rem;line-height:1.65}.hero-actions{margin-bottom:2rem}.hero-tag{margin-bottom:1.2rem}@media (max-width:960px){.hero{padding:2rem 1rem}.hero-inner{text-align:center;grid-template-columns:1fr;gap:2rem;padding:1.5rem 1rem}.hero-content p{margin-left:auto;margin-right:auto}.hero-actions{flex-wrap:wrap;justify-content:center}.hero-stats{justify-content:center}.hero-visual{order:-1;min-height:240px}}@media (max-width:480px){.hero{padding:1.25rem .75rem}.hero-inner{gap:1.5rem;padding:1rem .5rem}.hero-content h2{font-size:clamp(1.7rem,7vw,2.2rem)}.hero-content p{margin-bottom:1.25rem;font-size:.95rem}.hero-stats{gap:1rem}.hero-stats h3{font-size:1.3rem!important}.stat-divider{display:none}.hero-actions .primary-btn,.hero-actions .secondary-btn{justify-content:center;width:100%}}
.artist-hero{background:#070c1a;align-items:flex-end;min-height:480px;display:flex;position:relative;overflow:hidden}.artist-hero-blur{z-index:0;filter:blur(8px)brightness(.45)saturate(1.1);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.artist-hero-overlay{z-index:1;background:linear-gradient(#05081633 0%,#05081699 60%,#050816 100%);position:absolute;inset:0}.artist-hero-content{z-index:2;width:100%;max-width:var(--container,1400px);flex-direction:column;gap:1.5rem;margin:0 auto;padding:4rem 2.5rem 3rem;display:flex;position:relative}.artist-hero-top{flex-wrap:wrap;align-items:flex-end;gap:2.5rem;display:flex}.artist-hero-divider{background:linear-gradient(#0000,#f59e0b59 15% 85%,#0000);flex-shrink:0;align-self:center;width:1px;height:220px}.artist-avatar{object-fit:cover;border:4px solid #f59e0b;border-radius:50%;width:220px;height:220px;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px #0000004d}.artist-avatar:hover{border-color:#f97316;transform:scale(1.02)}.artist-meta{flex:1}.artist-meta h1{letter-spacing:-1px;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:900}.artist-slug{color:#64748b;margin-bottom:1rem;font-size:.9rem;font-weight:500}.artist-bio{color:#94a3b8;max-width:600px;margin-bottom:1.8rem;font-size:.95rem;line-height:1.7}.artist-stats{flex-wrap:wrap;gap:2rem;display:flex}.stat-item{color:#94a3b8;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.stat-item i{color:#f59e0b;font-size:1.1rem}.stat-item span:first-of-type{color:#f59e0b;margin-right:.2rem;font-size:1.3rem;font-weight:800}.profile-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#050816eb;border-bottom:1px solid #ffffff0f;justify-content:center;gap:.5rem;padding:.75rem;display:flex;position:sticky;top:72px}.tab-btn{color:#94a3b8;cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-radius:40px;padding:.7rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f59e0b4d}.tab-content{animation:.3s fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-content{max-width:var(--container,1400px);margin:0 auto;padding:3rem 2.5rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.media-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #ffffff1c;border-radius:20px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.media-card:hover{border-color:#f59e0b59;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.media-card.is-current{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b40,0 8px 24px #f59e0b1f}.media-card.is-current .media-card-info h3{color:#f59e0b}.media-card-image{aspect-ratio:1;position:relative;overflow:hidden}.media-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.media-card:hover .media-card-image img{transform:scale(1.04)}.media-card-image:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#00000026 50%,#000000a6 100%);transition:opacity .2s;position:absolute;inset:0}.media-card:hover .media-card-image:before,.media-card.is-current .media-card-image:before{opacity:1}.play-btn,.watch-btn,.view-btn{color:#000;cursor:pointer;opacity:0;pointer-events:none;background:#f59e0b;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.1rem;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.8)translateY(6px);box-shadow:0 6px 20px #f59e0b80}.media-card:hover .play-btn,.media-card:hover .watch-btn,.media-card:hover .view-btn,.media-card.is-current .play-btn,.media-card.is-current .watch-btn,.media-card.is-current .view-btn{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)translateY(0)}.play-btn:hover,.watch-btn:hover,.view-btn:hover{background:#fbbf24;transform:translate(-50%,-50%)scale(1.06)}.media-card-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0;letter-spacing:.03em;pointer-events:none;z-index:2;background:#000000b8;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;right:8px}.media-card-wave{pointer-events:none;z-index:2;align-items:flex-end;gap:3px;height:20px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.media-card-wave span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.media-card-wave span:first-child{height:8px;animation-delay:0s}.media-card-wave span:nth-child(2){height:16px;animation-delay:.1s}.media-card-wave span:nth-child(3){height:12px;animation-delay:.2s}.media-card-wave span:nth-child(4){height:18px;animation-delay:.15s}.media-card-info{padding:.75rem .85rem .9rem}.media-card-info h3{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.92rem;font-weight:700;line-height:1.3;transition:color .18s;overflow:hidden}.media-meta{color:#475569;justify-content:space-between;align-items:center;margin-top:.4rem;font-size:.78rem;display:flex}.media-meta i{margin-right:4px;font-size:.7rem}.media-meta .plays{color:#f59e0b;opacity:.9}.video-card .watch-btn{background:#ef4444;box-shadow:0 8px 24px #ef444466}.video-card .watch-btn:hover{background:#f87171}.image-card .view-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf64d}.image-card .view-btn:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.empty-state{text-align:center;color:#64748b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border-radius:20px;grid-column:1/-1;padding:3rem;font-size:.95rem}.loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050816f2;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.loading-spinner{border:3px solid #f59e0b33;border-top-color:#f59e0b;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lightbox{z-index:1100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border-radius:16px;max-width:100%;max-height:90vh;box-shadow:0 20px 50px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.6rem;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:-48px;right:0}.lightbox-close:hover{background:#ef4444;transform:scale(1.05)}@media (max-width:900px){.artist-hero{min-height:0}.artist-hero-content{gap:1.1rem;padding:2.5rem 1.5rem}.artist-hero-top{flex-wrap:nowrap;align-items:center;gap:1rem}.artist-hero-divider{align-self:center;height:84px}.artist-type-tag-centered{margin-bottom:.3rem}.artist-avatar{border-width:3px;width:84px;height:84px}.artist-meta{text-align:left;min-width:0}.artist-meta h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem;overflow:hidden}.artist-slug{margin-bottom:.6rem}.artist-socials{margin:0}.artist-socials a{width:30px;height:30px;font-size:.8rem}.artist-bio{text-align:center;max-width:100%;font-size:.9rem}.artist-stats{justify-content:flex-start;gap:1.2rem}.stat-item span:first-of-type{font-size:1.1rem}.profile-tabs{top:60px}.tab-btn{padding:.5rem 1.2rem;font-size:.85rem}.profile-content{padding:2rem 1.2rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.media-card-info h3{font-size:.85rem}}@media (max-width:480px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}.artist-avatar{border-width:2px;width:68px;height:68px}.artist-meta h1{font-size:1.25rem}.artist-socials a{width:26px;height:26px;font-size:.72rem}.profile-tabs{gap:.25rem}.tab-btn{padding:.4rem 1rem;font-size:.75rem}.stat-item{font-size:.75rem}.stat-item i{font-size:.9rem}}.avatar-wave{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;gap:3px;padding:6px 8px;display:flex;position:absolute;bottom:8px;right:8px}.avatar-wave span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate wave}.avatar-wave span:first-child{height:6px;animation-delay:0s}.avatar-wave span:nth-child(2){height:12px;animation-delay:.15s}.avatar-wave span:nth-child(3){height:8px;animation-delay:.3s}.avatar-wave span:nth-child(4){height:14px;animation-delay:.45s}@keyframes wave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.artist-type-tag{letter-spacing:1px;color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:20px;align-items:center;gap:6px;margin-bottom:1rem;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.artist-type-tag-centered{align-self:center;margin-bottom:0}.artist-action-btns{flex-wrap:wrap;gap:1rem;display:flex}.btn-play-all,.btn-share{cursor:pointer;border-radius:40px;align-items:center;gap:8px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-play-all{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);border:none}.btn-play-all:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.btn-share{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a}.btn-share:hover{background:#ffffff1a;transform:translateY(-2px)}.media-skeleton{background:#0f172a99;border-radius:20px;overflow:hidden}.sk-img{aspect-ratio:1;background:#ffffff0d}.sk-info{padding:1rem}.sk-line{background:#ffffff0d;border-radius:6px;height:12px;margin-bottom:8px}.sk-line.title{width:80%;height:14px}.sk-line.sub{width:60%}.shimmer-bg{animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer-slide{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer-bg{background:linear-gradient(90deg,#ffffff0a 0% 30%,#ffffff1a 50%,#ffffff0a 70% 100%) 0 0/600px 100%!important;animation:1.6s linear infinite shimmer-slide!important}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.media-list{flex-direction:column;gap:.75rem;display:flex}.media-list-item{background:#0f172a99;border:1px solid #ffffff1c;border-radius:16px;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.media-list-item:hover{background:#f59e0b14;border-left:3px solid #f59e0b;transform:translate(4px)}.list-cover{object-fit:cover;background:#0a0e1a;border-radius:12px;width:56px;height:56px}.list-info{flex:1}.list-info h4{color:#fff;margin-bottom:.25rem;font-size:.9rem;font-weight:700}.list-info p{color:#64748b;margin-bottom:.25rem;font-size:.75rem}.list-meta{color:#f59e0b;gap:.75rem;font-size:.7rem;display:flex}.list-meta i{margin-right:3px;font-size:.65rem}.list-actions{gap:.5rem;display:flex}.list-play-btn,.list-download-btn,.list-watch-btn,.list-view-btn{color:#f59e0b;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.list-play-btn:hover,.list-download-btn:hover,.list-watch-btn:hover,.list-view-btn:hover{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);transform:scale(1.05)}@media (max-width:768px){.media-grid:not(.featured-on-grid){display:none}.featured-on-grid{grid-template-columns:1fr;gap:.65rem}.featured-on-grid .media-card{background:#0f172aa6;border:1px solid #ffffff17;border-radius:14px;flex-direction:row;align-items:center;gap:.85rem;padding:.65rem .9rem;display:flex}.featured-on-grid .media-card-image{aspect-ratio:1;border-radius:10px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.featured-on-grid .media-card-info{flex:1;min-width:0;padding:0}.featured-on-grid .media-card-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.profile-content{padding:1.5rem}}@media (min-width:769px){.media-list{display:none}}@media (max-width:480px){.media-list-item{gap:.75rem;padding:.6rem}.list-cover{width:48px;height:48px}.list-info h4{font-size:.8rem}.list-info p{font-size:.7rem}.list-meta{gap:.5rem;font-size:.65rem}.list-play-btn,.list-download-btn,.list-watch-btn,.list-view-btn{width:32px;height:32px}}.media-card .download-btn{color:#10b981;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;justify-content:center;align-items:center;gap:.3rem;width:100%;margin-top:.5rem;padding:.4rem;font-size:.7rem;transition:all .2s;display:inline-flex}.media-card .download-btn:hover{color:#000;background:#10b981}.list-download-btn{color:#10b981;background:#10b98126;border-color:#10b9814d}.list-download-btn:hover{color:#000;background:#10b981}.media-card .media-card-image{position:relative}.media-download-btn{color:#f5f7fb;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0f1423c7;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s,background .2s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.media-card:hover .media-download-btn,.media-card:focus-within .media-download-btn{opacity:1;transform:translateY(0)}.media-download-btn:hover{color:#0a0f1e;background:#f59e0b}.list-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.list-actions .download-btn,.list-actions .list-view-btn,.list-actions .list-watch-btn{width:38px;height:38px}.media-meta{color:#94a3b8;gap:10px;margin-top:.35rem;font-size:.8rem;display:flex}.media-meta i{opacity:.8;margin-right:4px}.media-card .media-card-image .download-btn,.media-card .media-card-image .media-download-btn{color:#f5f7fb;background:#0f1423d1;border-radius:50%;gap:0;width:36px;min-width:0;height:36px;margin:0;padding:0;font-size:.85rem;position:absolute;inset:.6rem .6rem auto auto}@media (hover:none){.media-card-image .play-btn,.media-card-image .watch-btn,.media-card-image .view-btn,.media-card-image .media-download-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.media-card-image .media-download-btn{transform:none}}.media-list-item .list-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.similar-artists-section{max-width:var(--container,1400px);margin:0 auto;padding:1rem 2.5rem 4rem}.similar-artists-section h2{color:#f1f5f9;letter-spacing:-.3px;margin-bottom:1.25rem;font-size:1.4rem;font-weight:800}.similar-artists-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;display:grid}.similar-artist-card{text-align:center;cursor:pointer;color:inherit;background:#0f172a8c;border:1px solid #ffffff0d;border-radius:16px;padding:1rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:block}.similar-artist-card:hover{background:#0f172ad9;border-color:#f59e0b66;transform:translateY(-3px)}.similar-artist-card img{object-fit:cover;border:2px solid #f59e0b80;border-radius:50%;width:96px;height:96px;margin:0 auto .75rem}.similar-artist-card h4{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9rem;font-weight:700;overflow:hidden}.similar-artist-card p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}@media (max-width:600px){.similar-artists-section{padding:.5rem 1.25rem 3rem}.similar-artists-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.85rem}.similar-artist-card img{width:72px;height:72px}}.list-share-btn{color:#64748b;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;transition:background .2s,color .2s;display:inline-flex}.list-share-btn:hover,.list-share-btn:active{color:#f59e0b;background:#f59e0b1f}.media-card-actions{align-items:center;gap:.2rem;display:flex}.deep-link-highlight{animation:1.6s ease-out deepLinkPulse}@keyframes deepLinkPulse{0%{box-shadow:0 0 #f59e0b8c}60%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.artist-socials{flex-wrap:wrap;gap:.6rem;margin:.85rem 0 .25rem;display:flex}.artist-socials a{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;text-decoration:none;transition:background .2s,color .2s,transform .18s;display:flex}.artist-socials a:hover{color:#f59e0b;background:#f59e0b2e;transform:translateY(-2px)}
.artists-hero{-webkit-backdrop-filter:blur(20px);background:#0a1220;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.artists-hero-bg{background:radial-gradient(at 80% 20%,#f59e0b14,#0000 60%),radial-gradient(at 20% 80%,#f973160f,#0000 50%);position:absolute;inset:0}.artists-hero-overlay{background:linear-gradient(135deg,#050816e6 0%,#050816b3 100%);position:absolute;inset:0}.artists-hero-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;max-width:1400px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.artists-hero-left{flex:1;min-width:280px}.hero-badge{letter-spacing:1.5px;color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:30px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 14px;font-size:.7rem;font-weight:700;display:inline-flex}.artists-hero-left h1{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.artists-hero-left p{color:#94a3b8;max-width:500px;margin-bottom:2rem;font-size:1rem;line-height:1.6}.hero-stats-compact{flex-wrap:wrap;gap:2rem;display:flex}.hero-stat span{color:#f59e0b;font-size:2rem;font-weight:800;line-height:1;display:block}.hero-stat p{color:#64748b;letter-spacing:.5px;margin-top:4px;font-size:.75rem}.artists-hero-right{flex-shrink:0}.hero-quote-card{background:var(--card,#111f38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f59e0b33;border-radius:24px;max-width:320px;padding:1.8rem}.hero-quote-card i{color:#f59e0b;opacity:.5;margin-bottom:1rem;font-size:2rem;display:block}.hero-quote-card p{color:#cbd5e1;margin-bottom:1rem;font-size:.95rem;font-style:italic;line-height:1.6}.hero-quote-card span{color:#64748b;font-size:.75rem}.featured-artists-section{z-index:3;max-width:1400px;margin:-2rem auto 0;padding:0 2rem;position:relative}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{align-items:center;gap:8px;font-size:1.4rem;font-weight:700;display:flex}.section-header h2 i{color:#f59e0b;font-size:1.2rem}.featured-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.featured-artists-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.featured-artist-card{background:linear-gradient(135deg, var(--card-hover,#1a2d50), var(--card,#111f38));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:inherit;border:1px solid #f59e0b33;border-radius:24px;align-items:center;gap:1.2rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.featured-artist-card:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 15px 40px #0000004d}.featured-avatar{object-fit:cover;border:2px solid #f59e0b;border-radius:50%;width:80px;height:80px}.featured-info h4{margin-bottom:4px;font-size:1.1rem;font-weight:700}.featured-info p{color:#64748b;font-size:.75rem}.featured-badge-small{color:#f59e0b;background:#f59e0b26;border-radius:12px;margin-top:6px;padding:2px 8px;font-size:.65rem;display:inline-block}.featured-skeleton{background:#0f172a80;border-radius:24px;height:120px;animation:1.5s ease-in-out infinite shimmer}.artists-content{max-width:1400px;margin:0 auto;padding:2.5rem 2rem}.artists-toolbar{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.artists-count{color:#64748b;font-size:.9rem}.artists-count i{color:#f59e0b;margin-right:8px}.artists-count span:first-of-type{color:#f59e0b;font-size:1.1rem;font-weight:700}.sort-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.sort-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:6px;padding:.5rem 1.2rem;font-size:.8rem;transition:all .2s;display:flex}.sort-btn i{font-size:.75rem}.sort-btn:hover{color:#fff;background:#ffffff0d}.sort-btn.active{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316)}.artists-search-wrapper{margin-bottom:2rem}.artists-search{max-width:400px;position:relative}.artists-search i{color:#64748b;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.artists-search input{background:var(--card-hover,#1a2d50);color:#fff;border:1px solid #ffffff1f;border-radius:50px;width:100%;padding:.9rem 1rem .9rem 2.8rem;font-size:.9rem;transition:all .2s}.artists-search input:focus{background:#0f172a;border-color:#f59e0b;outline:none}.search-clear{color:#64748b;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear:hover{color:#f59e0b}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.artist-card{text-align:center;cursor:pointer;color:inherit;background:#0f172a80;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;gap:.8rem;padding:1.8rem 1rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.artist-card:before{content:"";background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.artist-card:hover:before{left:100%}.artist-card:hover{background:var(--card-hover,#1a2d50);border-color:#f59e0b66;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.artist-avatar-wrap{position:relative}.artist-avatar{object-fit:cover;border:3px solid #f59e0b4d;border-radius:50%;width:110px;height:110px;transition:all .3s}.artist-card:hover .artist-avatar{border-color:#f59e0b;transform:scale(1.02)}.artist-rank{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:800;position:absolute;bottom:0;right:0}.artist-card h3{margin-top:.2rem;font-size:1rem;font-weight:700}.artist-slug{color:#64748b;font-size:.7rem}.artist-song-count{color:#f59e0b;background:#f59e0b1a;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600}.artists-cta{max-width:1400px;margin:2rem auto;padding:0 2rem}.cta-content{background:linear-gradient(135deg,#f59e0b14,#f973160a);border:1px solid #f59e0b33;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:flex}.cta-text h3{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.cta-text p{color:#64748b;font-size:.85rem}.cta-btn{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:40px;align-items:center;gap:8px;padding:.8rem 1.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.cta-btn:hover{transform:scale(1.02);box-shadow:0 8px 20px #f59e0b4d}.artist-skeleton-card{background:#0f172a80;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;padding:1.8rem 1rem;display:flex}.skeleton-avatar{background:#ffffff0d;border-radius:50%;width:110px;height:110px;animation:1.5s ease-in-out infinite shimmer}.skeleton-name{background:#ffffff0d;border-radius:8px;width:100px;height:16px;animation:1.5s ease-in-out infinite shimmer}.skeleton-slug{background:#ffffff08;border-radius:6px;width:70px;height:12px;animation:1.5s ease-in-out infinite shimmer}.skeleton-badge{background:#ffffff08;border-radius:20px;width:60px;height:20px;animation:1.5s ease-in-out infinite shimmer}.no-results{text-align:center;color:#64748b;grid-column:1/-1;padding:4rem}.no-results i{color:#f59e0b;opacity:.5;margin-bottom:1rem;font-size:3rem}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.artist-skeleton-card .skeleton-avatar,.artist-skeleton-card .skeleton-name,.artist-skeleton-card .skeleton-slug,.artist-skeleton-card .skeleton-badge,.featured-skeleton{background:linear-gradient(90deg,#ffffff0a 0% 30%,#ffffff1a 50%,#ffffff0a 70% 100%) 0 0/600px 100%;animation:1.6s linear infinite shimmer}@media (max-width:900px){.artists-hero{min-height:0}.artists-hero-content{text-align:center;flex-direction:column;padding:3rem 1.5rem}.artists-hero-right,.hero-stats-compact{display:none}.featured-artists-section{padding:0 1.5rem}.artists-search-wrapper{display:none}.featured-artists-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.featured-artist-tile{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);color:inherit;border-radius:10px;text-decoration:none;transition:all .25s;display:block;overflow:hidden}.featured-artist-tile:hover{background:var(--card-hover,#1a2d50);border-color:#f59e0b73;transform:translateY(-5px);box-shadow:0 16px 40px #00000073}.featured-tile-cover-wrap{aspect-ratio:1;position:relative;overflow:hidden}.featured-tile-cover{object-fit:cover;width:100%;height:100%;display:block}.featured-tile-rank{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f59e0b;background:#0a0f1cbf;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.55rem;font-weight:800;display:flex;position:absolute;top:.3rem;left:.3rem}.featured-tile-rank.rank-1{color:#fbbf24}.featured-tile-rank.rank-2{color:#94a3b8}.featured-tile-rank.rank-3{color:#cd7f32}.featured-tile-info{padding:.3rem .35rem .4rem}.featured-tile-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.62rem;font-weight:700;overflow:hidden}.featured-tile-info p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.55rem;overflow:hidden}.artists-content{padding:1.5rem}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.artist-avatar{width:90px;height:90px}.artists-toolbar{flex-direction:column;align-items:flex-start}.sort-buttons{justify-content:flex-start;width:100%}.cta-content{text-align:center;flex-direction:column;padding:1.8rem}}@media (max-width:480px){.featured-artists-grid{gap:.3rem}.featured-artist-tile{border-radius:8px}.featured-tile-info{padding:.25rem .3rem .35rem}.featured-tile-info h4{font-size:.58rem}.featured-tile-info p{font-size:.5rem}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.artist-avatar{width:80px;height:80px}.sort-btn{padding:.4rem .8rem;font-size:.7rem}}.artists-list{flex-direction:column;gap:.75rem;display:flex}.artist-list-item{color:inherit;background:#0f172a99;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:1rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.artist-list-item:hover{background:#f59e0b14;border-left:3px solid #f59e0b;transform:translate(4px)}.list-rank-badge{text-align:center;width:40px;font-size:1.1rem;font-weight:800}.list-rank-badge.rank-1{color:#fbbf24}.list-rank-badge.rank-2{color:#94a3b8}.list-rank-badge.rank-3{color:#cd7f32}.list-avatar{object-fit:cover;border:2px solid #f59e0b4d;border-radius:50%;width:52px;height:52px}.list-info{flex:1}.list-info h4{margin-bottom:.2rem;font-size:.9rem;font-weight:700}.list-info .list-slug{color:#64748b;margin-bottom:.25rem;font-size:.7rem}.list-stats{color:#f59e0b;gap:.75rem;font-size:.65rem;display:flex}.list-stats i{margin-right:3px}@media (max-width:768px){.artists-grid{display:none}.artists-list{display:flex}.artists-content{padding:1.5rem}.artist-rank{display:none}}@media (min-width:769px){.artists-list{display:none}}@media (max-width:768px){.artist-list-item{gap:.75rem;padding:.5rem}.list-avatar{width:44px;height:44px}.list-info h4{font-size:.85rem}.list-slug{font-size:.65rem}.list-stats{gap:.5rem;font-size:.6rem}.list-rank-badge{width:32px;font-size:.9rem}}@media (max-width:480px){.artist-list-item{gap:.5rem;padding:.4rem}.list-avatar{width:38px;height:38px}.list-info h4{font-size:.75rem}.list-stats{font-size:.55rem}.list-rank-badge{width:28px;font-size:.8rem}}


.player-page{background:var(--bg-primary,#050816);flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:0 1.5rem 6rem;display:flex}.player-page-header{justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:1.5rem 0 .5rem;display:flex}.player-back-btn{color:#ffffffb3;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.player-back-btn:hover{color:#f59e0b}.player-page-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:.8rem;font-weight:700}.player-page-cover-wrap{aspect-ratio:1;width:min(340px,85vw);margin:1rem 0;position:relative}.player-page-cover{object-fit:cover;border-radius:20px;width:100%;height:100%;box-shadow:0 30px 80px #0009}.player-page-wave{align-items:flex-end;gap:4px;height:24px;display:flex;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.player-page-wave span{background:linear-gradient(#e84393,#f59e0b);border-radius:2px;width:4px;animation:.8s ease-in-out infinite waveBar}.player-page-wave span:first-child{height:12px;animation-delay:0s}.player-page-wave span:nth-child(2){height:20px;animation-delay:.1s}.player-page-wave span:nth-child(3){height:16px;animation-delay:.2s}.player-page-wave span:nth-child(4){height:22px;animation-delay:.15s}.player-page-wave span:nth-child(5){height:10px;animation-delay:50ms}@keyframes waveBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.player-page-meta{text-align:center;margin-top:.5rem}.player-page-title{color:#fff;margin-bottom:.3rem;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800;line-height:1.2}.player-page-artist{color:#ffffff80;font-size:1rem}.player-page-progress-wrap{cursor:pointer;width:100%;max-width:480px}.player-page-progress-track{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.player-page-progress-fill{background:linear-gradient(90deg,#f59e0b,#e84393);border-radius:3px;height:100%;transition:width .1s linear}.player-page-times{color:#fff6;justify-content:space-between;margin-top:.5rem;font-size:.78rem;display:flex}.player-page-controls{align-items:center;gap:1.5rem;margin:.5rem 0;display:flex}.player-page-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .15s,opacity .15s;display:flex}.player-page-btn:hover{transform:scale(1.1)}.player-page-btn.primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#e84393);border-radius:50%;width:72px;height:72px;font-size:1.4rem;box-shadow:0 8px 24px #f59e0b66}.player-page-btn.secondary{color:#ffffffb3;background:#ffffff14;border-radius:50%;width:48px;height:48px;font-size:1.1rem}.player-page-queue{width:100%;max-width:480px;margin-top:1rem}.player-page-queue h3{letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:.8rem;font-size:.8rem;font-weight:700}.player-page-queue-list{flex-direction:column;gap:.5rem;display:flex}.player-queue-item{cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem;transition:background .2s;display:flex}.player-queue-item:hover{background:#ffffff0f}.player-queue-item.is-current{background:#f59e0b1a}.queue-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.queue-info{flex:1;min-width:0}.queue-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.queue-info p{color:#fff6;font-size:.78rem}.queue-playing-indicator{flex-shrink:0;align-items:flex-end;gap:3px;height:16px;display:flex}.queue-playing-indicator span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.queue-playing-indicator span:first-child{height:8px;animation-delay:0s}.queue-playing-indicator span:nth-child(2){height:14px;animation-delay:.1s}.queue-playing-indicator span:nth-child(3){height:10px;animation-delay:.2s}.player-page-empty{color:#ffffff4d;flex-direction:column;align-items:center;gap:.75rem;margin-top:3rem;font-size:1rem;display:flex}.player-page-empty i{font-size:3rem}.player-page-cover-wrap.is-playing .player-page-cover{animation:3s ease-in-out infinite coverPulse;box-shadow:0 30px 80px #0009,0 0 40px #f59e0b2e}@keyframes coverPulse{0%,to{box-shadow:0 30px 80px #0009,0 0 30px #f59e0b1f}50%{box-shadow:0 30px 80px #0009,0 0 55px #f59e0b47}}.player-header-share{color:#ffffff73;cursor:pointer;text-align:right;background:0 0;border:none;width:4rem;font-size:1rem;transition:color .2s}.player-header-share:hover{color:#f59e0b}.player-header-share .fa-check{color:#22c55e}.player-page-meta{text-align:left;align-items:center;gap:1rem;width:100%;max-width:480px;display:flex}.player-meta-text{flex:1;min-width:0}.player-page-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800;line-height:1.2;overflow:hidden}.player-page-artist{color:#ffffff80;margin:0;font-size:1rem}.player-page-artist-link{color:#ffffff80;font-size:1rem;text-decoration:none;transition:color .2s}.player-page-artist-link:hover{color:#f59e0b}.player-action-btn{color:#ffffff80;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:background .2s,color .2s;display:flex}.player-action-btn:hover:not(:disabled){color:#f59e0b;background:#f59e0b26}.player-action-btn:disabled{opacity:.3;cursor:default}.player-page-btn.extra{color:#ffffff59;background:0 0;border-radius:50%;width:40px;height:40px;font-size:.9rem;transition:color .2s,background .2s}.player-page-btn.extra:hover{color:#ffffffb3}.player-page-btn.extra.active{color:#f59e0b}.player-volume-row{align-items:center;gap:.75rem;width:100%;max-width:380px;margin-top:-.25rem;display:flex}.player-volume-icon{color:#ffffff59;text-align:center;width:18px;font-size:.85rem}.player-volume-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:2px;outline:none;flex:1;height:4px}.player-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f59e0b;border-radius:50%;width:14px;height:14px;transition:transform .15s}.player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-volume-slider::-moz-range-thumb{cursor:pointer;background:#f59e0b;border:none;border-radius:50%;width:14px;height:14px}.player-keyboard-hint{color:#fff3;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:-.5rem;font-size:.7rem;display:flex}.player-keyboard-hint kbd{color:#ffffff59;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:.1rem .35rem;font-family:inherit;font-size:.65rem}.player-page-queue h3{align-items:center;gap:.5rem;display:flex}.queue-count{color:#ffffff4d;letter-spacing:0;text-transform:none;font-size:.7rem;font-weight:400}.queue-num{color:#475569;text-align:center;flex-shrink:0;width:20px;font-size:.72rem}.queue-play-icon{color:#fff3;opacity:0;font-size:.7rem;transition:opacity .18s}.player-queue-item:hover .queue-play-icon{opacity:1}.player-queue-item.is-current .queue-play-icon{display:none}@media (hover:none){.player-keyboard-hint{display:none}}

.trending-hero{-webkit-backdrop-filter:blur(20px);text-align:center;background:linear-gradient(135deg,#0a0f1eeb 0%,#050816eb 100%);border-bottom:1px solid #ffffff0f;padding:3rem 2rem}.hero-badge{letter-spacing:1.5px;color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:30px;align-items:center;gap:8px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.7rem;font-weight:700;display:inline-flex}.trending-hero h1{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:900}.trending-hero p{color:#94a3b8;font-size:1rem}.trending-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.filter-btn{color:#94a3b8;cursor:pointer;background:#111f38e6;border:1px solid #ffffff1f;border-radius:40px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.filter-btn i{font-size:.8rem}.filter-btn:hover{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.filter-btn.active{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);border:none}.trending-main{max-width:1400px;margin:0 auto;padding:2rem}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.trending-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0f172ab3;border:1px solid #ffffff0f;border-radius:20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.trending-card:hover{border-color:#f59e0b59;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.trending-card.is-current,.trending-card.is-playing{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b40,0 8px 24px #f59e0b1f}.trending-card.is-current .trending-card-info h3,.trending-card.is-playing .trending-card-info h3{color:#f59e0b}.trending-rank-badge{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#0009);border:1px solid #f59e0b4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:800;display:flex;position:absolute;top:12px;left:12px}.trending-rank-badge.rank-1{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.trending-rank-badge.rank-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.trending-rank-badge.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b87333)}@media (max-width:768px){.trending-mobile-rank-wrap{position:relative}.trending-mobile-rank-badge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;background:linear-gradient(135deg,#000c,#0009);border:1px solid #f59e0b4d;border-radius:7px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:.3rem;left:.3rem}.trending-mobile-rank-badge.rank-1{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.trending-mobile-rank-badge.rank-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.trending-mobile-rank-badge.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b87333)}.trending-mobile-rank-badge i{font-size:.55rem}}.trending-card-cover{aspect-ratio:1;position:relative;overflow:hidden}.trending-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.trending-card:hover .trending-card-cover img{transform:scale(1.04)}.trending-card-cover:before{content:"";opacity:0;pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000026 50%,#000000a6 100%);transition:opacity .2s;position:absolute;inset:0}.trending-card:hover .trending-card-cover:before,.trending-card.is-current .trending-card-cover:before,.trending-card.is-playing .trending-card-cover:before{opacity:1}.trending-play-overlay{color:#000;cursor:pointer;opacity:0;z-index:2;pointer-events:none;background:#f59e0b;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.8)translateY(6px);box-shadow:0 6px 20px #f59e0b80}.trending-card:hover .trending-play-overlay,.trending-card.is-current .trending-play-overlay,.trending-card.is-playing .trending-play-overlay{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)translateY(0)}.trending-play-overlay:hover{background:#fbbf24;transform:translate(-50%,-50%)scale(1.06)}.trending-card-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0;letter-spacing:.03em;pointer-events:none;z-index:2;background:#000000b8;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;right:8px}.trending-card-wave{pointer-events:none;z-index:2;align-items:flex-end;gap:3px;height:20px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.trending-card-wave span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.trending-card-wave span:first-child{height:8px;animation-delay:0s}.trending-card-wave span:nth-child(2){height:16px;animation-delay:.1s}.trending-card-wave span:nth-child(3){height:12px;animation-delay:.2s}.trending-card-wave span:nth-child(4){height:18px;animation-delay:.15s}.trending-download-btn{color:#64748b;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;transition:background .2s,color .2s;display:flex}.trending-download-btn:hover{color:#f59e0b;background:#f59e0b1f}.trending-share-btn{color:#64748b;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;transition:background .2s,color .2s;display:flex}.trending-share-btn:hover,.trending-share-btn.active{color:#f59e0b;background:#f59e0b1f}.trending-card-info{padding:.75rem .85rem .9rem}.trending-card-info h3{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.92rem;font-weight:700;line-height:1.3;transition:color .18s;overflow:hidden}.trending-card-artist{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.78rem;text-decoration:none;transition:color .18s;display:block;overflow:hidden}.trending-card-artist:hover{color:#f59e0b}.trending-card-title-link{cursor:pointer;text-decoration:none;display:block}.trending-card-footer{justify-content:space-between;align-items:center;gap:.4rem;min-height:26px;display:flex}.trending-card-stats{color:#475569;align-items:center;gap:.25rem;font-size:.72rem;display:flex}.trending-card-stats i{color:#f59e0b;opacity:.75;font-size:.65rem}.trending-card-actions{opacity:0;align-items:center;gap:.2rem;transition:opacity .18s;display:flex}.trending-card:hover .trending-card-actions,.trending-card.is-current .trending-card-actions,.trending-card.is-playing .trending-card-actions{opacity:1}.trending-skeleton{aspect-ratio:1;background:#0f172a99;border-radius:20px;animation:1.5s ease-in-out infinite pulse;overflow:hidden}.skeleton-cover{background:#ffffff0d;width:100%;height:100%}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.empty-state{text-align:center;color:#64748b;grid-column:1/-1;padding:4rem}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:#94a3b8;margin-bottom:.5rem;font-size:1.2rem}@media (max-width:900px){.trending-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.trending-rank-badge{width:40px;height:40px;font-size:1.1rem;top:8px;left:8px}.trending-play-overlay{width:40px;height:40px;bottom:8px;right:8px}}@media (max-width:768px){.trending-hero{padding:1.5rem 1rem}.hero-badge{padding:.3rem .8rem;font-size:.6rem}.trending-hero h1{font-size:1.6rem}.trending-hero p{font-size:.8rem}.trending-filters{gap:.5rem;margin-top:1.2rem}.filter-btn{padding:.35rem .8rem;font-size:.7rem}.filter-btn i{font-size:.65rem}.trending-main{padding:1rem}.trending-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.trending-rank-badge{border-radius:8px;width:32px;height:32px;font-size:.9rem;top:6px;left:6px}.trending-play-overlay{width:36px;height:36px}.trending-download-btn,.trending-share-btn{width:34px;height:34px;font-size:.78rem}.trending-card-duration{padding:1px 5px;font-size:.6rem}.trending-play-overlay i{font-size:.8rem}.trending-card-info{padding:.6rem}.trending-card-info h3{white-space:normal;margin-bottom:.2rem;font-size:.75rem;line-height:1.3}.trending-card-artist{margin-bottom:.3rem;font-size:.65rem}.trending-card-stats{gap:.3rem;font-size:.6rem}.trending-card-stats i{font-size:.55rem}}@media (max-width:480px){.trending-grid{flex-direction:column;gap:.6rem;display:flex}.trending-card{aspect-ratio:auto;flex-direction:row;align-items:center;gap:.8rem;padding:.6rem 128px .6rem .6rem;display:flex;position:relative}.trending-card-cover{aspect-ratio:1;border-radius:12px;flex-shrink:0;width:60px;height:60px;position:static;overflow:visible}.trending-card-cover img{object-fit:cover;border-radius:12px;width:100%;height:100%}.trending-rank-badge{border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:.8rem;position:relative;top:auto;left:auto}.trending-download-btn{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59;flex-shrink:0;width:34px;height:34px;font-size:.78rem;inset:50% 86px auto auto;opacity:1!important;position:absolute!important;transform:translateY(-50%)!important}.trending-share-btn{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;flex-shrink:0;width:34px;height:34px;font-size:.78rem;inset:50% 48px auto auto;opacity:1!important;position:absolute!important;transform:translateY(-50%)!important}.trending-play-overlay{flex-shrink:0;width:34px;height:34px;inset:50% 8px auto auto;opacity:1!important;position:absolute!important;transform:translateY(-50%)!important}.trending-card:hover .trending-play-overlay{opacity:1!important;transform:translateY(-50%)!important}.trending-card-actions{display:none}.trending-card-footer{justify-content:flex-start}.trending-card-info{flex:1;padding:0}.trending-card-info h3{white-space:normal;font-size:.8rem}.trending-card-artist{font-size:.65rem}.trending-card-stats{font-size:.6rem}.trending-card-duration,.trending-card-wave,.trending-skeleton{display:none}.filter-btn{padding:.3rem .6rem;font-size:.65rem}}body.player-active .trending-play-overlay,body.player-active .trending-download-btn,body.player-active .trending-share-btn,body.player-active .trending-card-actions{opacity:1;transform:none}@media (hover:none){.trending-play-overlay,.trending-download-btn,.trending-share-btn,.trending-card-actions{opacity:1;transform:none}}
.songs-hero{-webkit-backdrop-filter:blur(20px);text-align:center;background:linear-gradient(135deg,#0a0f1eeb 0%,#050816eb 100%);border-bottom:1px solid #ffffff0f;padding:3rem 2rem}.songs-hero-inner{max-width:600px;margin:0 auto}.songs-hero h1{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.4rem 0 .3rem;font-size:clamp(2rem,5vw,3rem);font-weight:900}.songs-hero p{color:#94a3b8;margin:0;font-size:1rem}.songs-hero-stats{color:#64748b;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.85rem;display:flex}.songs-hero-stats strong{color:#f59e0b}.stat-dot{background:#334155;border-radius:50%;width:4px;height:4px}.songs-controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1224eb;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:62px}.songs-search-wrap{flex:1;min-width:180px;position:relative}.songs-search-icon{color:#475569;pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.songs-search{color:#e2e8f0;box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:.6rem 2.2rem;font-size:.88rem;transition:border-color .2s}.songs-search::placeholder{color:#475569}.songs-search:focus{border-color:#f59e0b73}.songs-search-clear{color:#475569;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.8rem;transition:color .2s;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.songs-search-clear:hover{color:#f59e0b}.songs-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.songs-select{color:#cbd5e1;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;outline:none;max-width:140px;padding:.55rem .8rem;font-size:.82rem;transition:border-color .2s}.songs-select:focus{border-color:#f59e0b73}.songs-select option{background:#0a0f1e}.songs-view-toggle{border:1px solid #ffffff1a;border-radius:10px;display:flex;overflow:hidden}.songs-view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.55rem .75rem;font-size:.82rem;transition:background .2s,color .2s}.songs-view-toggle button.active,.songs-view-toggle button:hover{color:#f59e0b;background:#f59e0b1f}.songs-play-all{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.songs-play-all:hover{opacity:.88;transform:translateY(-1px)}.songs-result-count{color:#475569;padding:.5rem 1.5rem;font-size:.78rem}.songs-main{padding-bottom:6rem}.songs-list{padding:0 1.5rem}.songs-list-header{letter-spacing:.08em;color:#475569;text-transform:uppercase;border-bottom:1px solid #ffffff0f;grid-template-columns:40px 1fr 160px 100px 70px 60px 80px;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.7rem;font-weight:700;display:grid}.song-row{cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:40px 1fr 160px 100px 70px 60px 80px;align-items:center;gap:.5rem;padding:.55rem .75rem;transition:background .18s;display:grid}.song-row:hover{background:#ffffff0d}.song-row.is-current{background:#f59e0b12;border-color:#f59e0b26}.sl-num{color:#475569;text-align:center;justify-content:center;align-items:center;width:40px;font-size:.78rem;display:flex;position:relative}.sl-play-hover{color:#f59e0b;font-size:.75rem;display:none}.song-row:hover .sl-num-text{display:none}.song-row:hover .sl-play-hover{display:block}.song-row.is-current .sl-play-hover{display:none!important}.song-row-wave{align-items:flex-end;gap:2px;height:14px;display:flex}.song-row-wave span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.song-row-wave span:first-child{height:6px;animation-delay:0s}.song-row-wave span:nth-child(2){height:12px;animation-delay:.1s}.song-row-wave span:nth-child(3){height:8px;animation-delay:.2s}.sl-title{align-items:center;gap:.65rem;min-width:0;display:flex}.sl-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:38px;height:38px}.sl-title-text{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.song-row.is-current .sl-title-text{color:#f59e0b}.sl-artist{color:#64748b;min-width:0;font-size:.82rem}.sl-artist-link{color:#64748b;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;transition:color .18s;display:block;overflow:hidden}.sl-artist-link:hover{color:#f59e0b}.sl-date{color:#475569;white-space:nowrap;font-size:.78rem}.sl-plays{color:#64748b;text-align:right;font-size:.78rem}.sl-dur{color:#475569;text-align:right;font-size:.78rem}.sl-actions{opacity:0;justify-content:flex-end;gap:.3rem;transition:opacity .18s;display:flex}.song-row:hover .sl-actions{opacity:1}.song-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;transition:color .18s,background .18s;display:inline-flex}.song-icon-btn:hover{color:#f59e0b;background:#f59e0b1a}.song-icon-btn.active{color:#f59e0b;background:#f59e0b1f}.song-icon-btn .fa-check{color:#22c55e}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;padding:1.5rem;display:grid}.songs-loading-grid{padding:0 1.5rem}@media (max-width:768px){.songs-loading-grid{padding:0}}.song-grid-card{background:var(--card,#111f38);cursor:pointer;border:1px solid #ffffff12;border-radius:16px;padding:10px 10px 0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.song-grid-card:hover{border-color:#f59e0b47;transform:translateY(-4px);box-shadow:0 14px 36px #00000073}.song-grid-card.is-current{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b40,0 8px 24px #f59e0b1f}.song-grid-cover-wrap{aspect-ratio:1;border-radius:10px;position:relative;overflow:hidden}.song-grid-cover{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.song-grid-card:hover .song-grid-cover{transform:scale(1.04)}.song-grid-overlay{opacity:0;background:linear-gradient(#0000 0%,#00000026 50%,#000000a6 100%);justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.song-grid-card:hover .song-grid-overlay,.song-grid-card.is-current .song-grid-overlay{opacity:1}.song-grid-play-btn{color:#000;cursor:pointer;pointer-events:none;background:#f59e0b;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.1rem;transition:transform .18s,box-shadow .18s;display:flex;transform:scale(.8)translateY(6px);box-shadow:0 6px 20px #f59e0b80}.song-grid-card:hover .song-grid-play-btn,.song-grid-card.is-current .song-grid-play-btn{pointer-events:auto;transform:scale(1)translateY(0)}.song-grid-dur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0;letter-spacing:.03em;pointer-events:none;background:#000000b8;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;right:8px}.song-grid-wave{pointer-events:none;align-items:flex-end;gap:3px;height:20px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.song-grid-wave span{background:#f59e0b;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.song-grid-wave span:first-child{height:8px;animation-delay:0s}.song-grid-wave span:nth-child(2){height:16px;animation-delay:.1s}.song-grid-wave span:nth-child(3){height:12px;animation-delay:.2s}.song-grid-wave span:nth-child(4){height:18px;animation-delay:.15s}.song-grid-info{padding:.75rem .35rem .85rem}.song-grid-info h3{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:.92rem;font-weight:700;line-height:1.3;overflow:hidden}.song-grid-card.is-current .song-grid-info h3{color:#f59e0b}.song-grid-artist{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.65rem;font-size:.78rem;text-decoration:none;transition:color .18s;display:block;overflow:hidden}.song-grid-artist:hover{color:#f59e0b}.song-grid-title-link{cursor:pointer;text-decoration:none;display:block}.song-grid-footer{justify-content:space-between;align-items:center;gap:.4rem;min-height:26px;display:flex}.song-grid-plays{color:#475569;align-items:center;gap:.25rem;font-size:.72rem;display:flex}.song-grid-plays i{color:#f59e0b;opacity:.75}.song-grid-actions{opacity:0;align-items:center;gap:.2rem;transition:opacity .18s;display:flex}.song-grid-card:hover .song-grid-actions,.song-grid-card.is-current .song-grid-actions{opacity:1}.songs-empty{color:#475569;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.songs-empty i{font-size:2.5rem}.songs-empty p{margin:0;font-size:.95rem}.songs-clear-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:.55rem 1.2rem;font-size:.85rem;transition:background .2s,color .2s}.songs-clear-btn:hover{color:#f59e0b;background:#f59e0b1a}.sl-title-stack{display:contents}.sl-title-sub{display:none}@media (max-width:900px){.songs-controls{display:none}}@media (max-width:768px){.songs-main{padding-left:1rem;padding-right:1rem}.songs-result-count{padding:.4rem 1rem}.songs-list-header{display:none}.songs-list{flex-direction:column;gap:.45rem;padding:0;display:flex}.song-row{grid-template-columns:unset;background:#0f172a99;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex!important}.song-row:hover{background:#f59e0b0f;border-color:#f59e0b38;transform:none}.song-row.is-current{background:#f59e0b0d;border-color:#f59e0b66}.sl-num{display:none}.sl-title{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex!important}.sl-title-stack{flex-direction:column;min-width:0;display:flex}.sl-title-text{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.song-row.is-current .sl-title-text{color:#f59e0b}.sl-title-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.sl-cover{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px!important;height:48px!important}.sl-artist,.sl-date,.sl-plays,.sl-dur{display:none}.sl-actions{flex-shrink:0;opacity:1!important}.songs-hero{padding:2rem 1rem}.songs-hero p{font-size:.85rem}.songs-hero-stats{flex-wrap:wrap;gap:.5rem;margin-top:1rem;font-size:.72rem}.songs-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}}@media (max-width:480px){.songs-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.75rem}.song-grid-play-btn{width:40px;height:40px;font-size:.95rem}}.songs-categories{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;align-items:center;gap:.5rem;padding:0 1.5rem .25rem;display:flex;overflow-x:auto}.songs-categories::-webkit-scrollbar{display:none}.cat-chip{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .12s;display:inline-flex}.cat-chip i{font-size:.72rem}.cat-chip:hover{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b40;transform:translateY(-1px)}.cat-chip.active{color:#f59e0b;background:linear-gradient(135deg,#f59e0b38,#f973161f);border-color:#f59e0b80;box-shadow:0 2px 12px #f59e0b2e}@media (max-width:768px){.songs-categories{gap:.4rem;padding:0 1rem .25rem}.cat-chip{padding:.38rem .75rem;font-size:.74rem}.songs-grid{grid-template-columns:unset;flex-direction:column;gap:.45rem;padding:0 1rem 1rem;display:flex!important}.song-grid-card{border:1px solid var(--border,#ffffff1a);background:#0f172aa6;border-radius:14px;flex-direction:row;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex!important;transform:none!important}.song-grid-card:hover{box-shadow:none;background:#f59e0b0d;border-color:#f59e0b38;transform:none!important}.song-grid-cover-wrap{aspect-ratio:1;border-radius:10px;flex-shrink:0;overflow:hidden;width:52px!important;height:52px!important}.song-grid-cover{border-radius:10px}.song-grid-overlay{opacity:1;background:#0000004d}.song-grid-play-btn{position:absolute;bottom:4px;right:4px;box-shadow:0 2px 8px #f59e0b66;width:26px!important;height:26px!important;font-size:.65rem!important;transform:scale(1)translateY(0)!important}.song-grid-wave,.song-grid-dur{display:none}.song-grid-info{flex:1;min-width:0;padding:0}.song-grid-info h3{margin-bottom:.15rem;font-size:.88rem}.song-grid-artist{margin-bottom:.25rem}.song-grid-footer{min-height:auto}.song-grid-actions{opacity:1!important}}.sl-collab{color:#f59e0b;font-style:italic;font-weight:600}.songs-list-compact{flex-direction:column;gap:.45rem;padding:0 1.5rem;display:flex}.song-row-card{cursor:pointer;grid-template-columns:unset;background:#0f172a8c;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:.85rem;padding:.7rem 1rem;transition:background .18s,border-color .18s,transform .15s;display:flex!important}.song-row-card:hover{background:#f59e0b0f;border-color:#f59e0b38;transform:translate(3px)}.song-row-card.is-current{background:#f59e0b0f;border-color:#f59e0b66}.slc-cover{object-fit:cover;border-radius:10px;flex-shrink:0;width:52px!important;height:52px!important}.slc-info{flex-direction:column;flex:1;gap:.18rem;min-width:0;display:flex}.slc-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.song-row-card.is-current .slc-title{color:#f59e0b}.slc-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.72rem;display:flex;overflow:hidden}.slc-artist{color:#94a3b8;text-decoration:none;transition:color .15s}.slc-artist:hover{color:#f59e0b}.slc-plays{align-items:center;gap:.25rem;display:inline-flex}.slc-plays i{font-size:.65rem}.slc-dur{color:#475569;flex-shrink:0;margin-left:auto;font-size:.68rem}.slc-wave{flex-shrink:0;margin-right:.25rem}.slc-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}@media (max-width:768px){.songs-list-compact{padding:0 1rem}.song-row-card{border-radius:12px;gap:.7rem;padding:.6rem .8rem}.slc-cover{width:46px!important;height:46px!important}.slc-title{font-size:.84rem}.slc-sub{font-size:.68rem}}
.legal-main{color:#e2e8f0;-webkit-user-select:text;user-select:text;max-width:820px;margin:0 auto;padding:56px 20px 96px;line-height:1.65}.legal-main .legal-hero{text-align:center;border-bottom:1px solid #ffffff14;margin-bottom:48px;padding-bottom:32px}.legal-main .legal-hero h1{background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.legal-main .legal-hero p{color:#94a3b8;margin:0;font-size:.95rem}.legal-main h2{color:#f5f7fb;margin:36px 0 12px;font-size:1.25rem;font-weight:700}.legal-main h3{color:#f1f5f9;margin:24px 0 8px;font-size:1.02rem;font-weight:600}.legal-main p,.legal-main li{color:#cbd5e1;font-size:.95rem}.legal-main ul{margin:10px 0 16px;padding-left:22px}.legal-main li{margin-bottom:6px}.legal-main a{color:#fbbf24;border-bottom:1px dashed #fbbf2466;text-decoration:none}.legal-main a:hover{border-bottom-style:solid}.legal-main .legal-card{background:#ffffff08;border:1px solid #ffffff1c;border-radius:14px;margin-top:24px;padding:22px 24px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px;display:grid}.contact-grid .contact-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:22px;transition:transform .18s,border-color .18s}.contact-grid .contact-card:hover{border-color:#fbbf2459;transform:translateY(-3px)}.contact-grid .contact-card i{color:#fbbf24;margin-bottom:10px;font-size:1.6rem}.contact-grid .contact-card h3{margin:6px 0 4px;font-size:1rem}.contact-grid .contact-card a,.contact-grid .contact-card p{color:#cbd5e1;word-break:break-word;border-bottom:none;font-size:.88rem}
.hero{background-color:#0000;background-image:linear-gradient(90deg,#050816f5,#050816e0),url(/assets/images/hero-bg.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}
.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.card{cursor:pointer;background:#111827;border-radius:14px;transition:all .2s;overflow:hidden}.card:hover{transform:translateY(-5px)}.card img{object-fit:cover;width:100%;height:160px}.card h3{margin:0;padding:.8rem}.card p{color:#aaa;padding:0 .8rem 1rem}
@media (max-width:900px){.navbar{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;position:sticky}.nav-left{flex:none;min-width:0}.nav-center{display:none}.nav-right{gap:.5rem;width:auto}.menu-toggle{display:inline-flex}.nav-links{background:var(--bg,#070c1a);z-index:1000;flex-direction:column;align-items:stretch;gap:.3rem;width:min(80vw,320px);padding:5.5rem 1.25rem 2rem;transition:transform .32s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-16px 0 48px #0000008c}.nav-links:before{content:"";background:linear-gradient(#f59e0b,#f97316);width:2px;position:absolute;top:0;bottom:0;left:0}.nav-links.open{transform:translate(0)}.nav-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:999;background:#03050e99;transition:opacity .28s;position:fixed;inset:0}body.nav-open .nav-drawer-backdrop{opacity:1;pointer-events:auto}.nav-drawer-search{border-bottom:1px solid #ffffff12;margin-bottom:.6rem;padding-bottom:.9rem;display:block}.nav-drawer-search .search-box{border-radius:12px;max-width:100%;padding:.7rem 1rem}.nav-links a{color:#d1d5db;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.95rem 1rem;font-size:1rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-links a:hover,.nav-links a.nav-active{color:#fbbf24;background:#f59e0b1a}.nav-links a.nav-active{background:linear-gradient(135deg,#f59e0b26,#f973160f)}.nav-links a.login-btn{text-align:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;justify-content:center;margin-top:.25rem;box-shadow:0 6px 16px #f59e0b4d;color:#0b0f1a!important}.menu-toggle{z-index:1001;transition:background .2s;position:relative}.menu-toggle.open{color:#fbbf24;background:#f59e0b26}body.nav-open{overflow:hidden}.hero{min-height:auto;padding:2rem 1.2rem 1.5rem}.hero-inner{grid-template-columns:1fr;gap:1.5rem;padding:0}.hero-content{max-width:100%}.hero h2,.hero-content h2{font-size:2rem;line-height:1.15}.hero p,.hero-content p{margin-bottom:1rem;font-size:.9rem;line-height:1.65}.hero-actions{flex-flow:wrap;gap:.6rem;margin-bottom:0}.primary-btn,.secondary-btn{flex:1;justify-content:center;min-width:130px;padding:.7rem 1rem;font-size:.88rem}.hc-img-wrap{height:160px}.hc-info{padding:.7rem .9rem .9rem}.hc-title{font-size:.92rem}.hc-dots{margin-top:.5rem}.main-content{padding:1.5rem 1rem 4rem}.section-header{flex-direction:column;align-items:flex-start;gap:.35rem}.brand-text p{display:none}.brand-text h1{font-size:1.05rem}.logo{width:38px;height:38px}}
.site-footer{background:#0a1220;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.75rem 2.5rem;display:flex;box-shadow:inset 0 1px #f59e0b14}body.player-active .site-footer{padding-bottom:5.5rem}@media (max-width:768px){body.player-active .site-footer{padding-bottom:5.25rem}}.footer-left{align-items:center;gap:.75rem;display:flex}.footer-left img,.footer-left .logo-fallback-mark{object-fit:contain;flex-shrink:0;width:38px;height:38px}.footer-left h3{color:#f1f5f9;margin:0 0 .2rem;font-size:.95rem;font-weight:700;line-height:1}.footer-left p{color:#64748b;margin:0;font-size:.75rem}.footer-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer-links a{color:#7d8fa8;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f1f5f9}.footer-right{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.footer-right p{color:#64748b;text-align:right;margin:0;font-size:.75rem}.footer-right p:first-of-type{color:#f59e0b;font-weight:600}.footer-socials{gap:.5rem;margin-bottom:.3rem;display:flex}.footer-socials a{color:#94a3b8;background:#ffffff17;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.88rem;text-decoration:none;transition:background .2s,color .2s,transform .18s;display:flex}.footer-socials a:hover{color:#f59e0b;background:#f59e0b26;transform:translateY(-2px)}@media (max-width:768px){.site-footer{text-align:left;flex-flow:row;justify-content:space-between;align-items:center;gap:.3rem;padding:.6rem .5rem}.footer-left{flex-direction:row;flex-shrink:0;gap:.25rem}.footer-left img,.footer-left .logo-fallback-mark{width:18px;height:18px}.footer-left h3{white-space:nowrap;margin:0;font-size:.6rem}.footer-left p{display:none}.footer-links{flex-wrap:nowrap;flex-shrink:1;gap:.28rem;min-width:0}.footer-links a{white-space:nowrap;font-size:.56rem}.footer-right{flex-direction:row;flex-shrink:0;align-items:center;gap:.25rem}.footer-socials{gap:.2rem;margin:0}.footer-socials a{width:20px;height:20px;font-size:.56rem}.footer-right p{display:none}}@media (max-width:360px){.footer-left h3{font-size:.56rem}.footer-links{gap:.22rem}.footer-links a{font-size:.53rem}.footer-socials a{width:18px;height:18px;font-size:.52rem}}