:root{--bg-0:#050505;--bg-1:#0a0a0a;--bg-2:#111;--bg-3:#161616;--bg-4:#1c1c1c;--text-0:#f2ede6;--text-1:#c4bfb8;--text-2:#7a756f;--red:#ff2d46;--gold:#f5c542;--cyan:#00e5ff;--green:#2ee87a;--border:#1e1e1e}
*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-1);color:var(--text-0);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:.55rem 1.5rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(14px);background:rgba(5,5,5,.88);border-bottom:1px solid var(--border)}
.logo{font-family:'Bebas Neue',sans-serif;font-size:1.35rem;letter-spacing:3px;color:var(--text-0);text-decoration:none}.logo:hover{text-decoration:none}.logo .dot{color:var(--red)}
nav{display:flex;gap:1.2rem}nav a{color:var(--text-2);text-decoration:none;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;font-weight:600}nav a:hover{color:var(--text-0);text-decoration:none}nav a.active{color:var(--text-0)}
.page-top{margin-top:2.6rem;padding:1rem 1.5rem .5rem}.page-title{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:3px;line-height:1}.page-sub{font-size:.6rem;color:var(--text-2);margin-top:.15rem}
.hero{margin-top:2.6rem;padding:2rem 1.5rem;text-align:center}.hero-title{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;letter-spacing:3px;line-height:1.1}.hero-title .accent{color:var(--red)}.hero-sub{font-size:.65rem;color:var(--text-2);margin-top:.3rem}
.hero-btns{display:flex;gap:.5rem;justify-content:center;margin-top:.8rem}
.btn{padding:.4rem .8rem;font-size:.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all .15s}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#e0263d;text-decoration:none}.btn-secondary{border:1px solid var(--border);color:var(--text-0)}.btn-secondary:hover{border-color:var(--text-2);text-decoration:none}
.section{padding:.6rem 1.5rem}.section-title{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:2px;border-bottom:1px solid var(--border);padding-bottom:.2rem;margin-bottom:.4rem}
.trending-list{display:flex;flex-direction:column;gap:2px}.trending-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;text-decoration:none;color:var(--text-0);transition:background .12s}.trending-row:hover{background:var(--bg-3);text-decoration:none}
.tr-rank{font-family:'Bebas Neue',sans-serif;font-size:.85rem;color:var(--text-2);width:20px;text-align:center}.tr-flag{font-size:.6rem}.tr-name{font-weight:700;font-size:.65rem;flex:1}.tr-streams{font-family:'JetBrains Mono',monospace;font-size:.45rem;color:var(--gold)}
.artist-list{padding:0 1.5rem}.al-row{display:grid;grid-template-columns:35px 30px 1fr 80px 120px 30px;gap:.5rem;align-items:center;padding:.45rem .5rem;text-decoration:none;color:var(--text-0);border-bottom:1px solid rgba(255,255,255,.02);transition:filter .12s}.al-row:hover{filter:brightness(1.2);text-decoration:none}
.al-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.al-avatar-ph{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px}
.al-rank{font-family:'Bebas Neue',sans-serif;font-size:.8rem;color:var(--text-2);text-align:center}.al-info{display:flex;align-items:baseline;gap:.5rem;min-width:0;overflow:hidden}.al-name{font-size:1rem;font-weight:700;white-space:nowrap;flex-shrink:0}.al-meta{font-size:.6rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.al-streams{font-family:'JetBrains Mono',monospace;font-size:.48rem;color:var(--gold);text-align:right}.al-genre{font-size:.38rem;color:var(--text-2)}.al-region{font-size:.55rem;text-align:center}
.chart-list{padding:0 1.5rem}.ch-row{display:grid;grid-template-columns:35px 30px 1fr 70px;gap:.4rem;align-items:center;padding:.3rem .5rem;border-bottom:1px solid rgba(255,255,255,.02)}
.ch-pos{font-family:'Bebas Neue',sans-serif;font-size:.85rem;color:var(--text-2);text-align:center}.ch-move{font-size:.42rem;font-weight:700;text-align:center}.ch-move.up{color:var(--green)}.ch-move.down{color:var(--red)}.ch-move.new{color:var(--gold)}.ch-move.same{color:var(--text-2)}
.ch-name{font-size:.7rem;font-weight:700}.ch-streams{font-family:'JetBrains Mono',monospace;font-size:.48rem;color:var(--gold);text-align:right}
.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:0 1.5rem}
.region-card{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;background:var(--bg-3);border:1px solid var(--border);text-decoration:none;color:var(--text-0);transition:border-color .15s}.region-card:hover{border-color:var(--red);text-decoration:none}
.rc-flag{font-size:1.2rem}.rc-name{font-weight:700;font-size:.6rem;flex:1}.rc-count{font-size:.4rem;color:var(--text-2)}
.artist-hero{margin-top:2.6rem;padding:1.5rem;border-bottom:1px solid var(--border)}.ah-name{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:3px;line-height:1}.ah-real{font-size:.55rem;color:var(--text-2);margin-top:.1rem}
.ah-meta{display:flex;gap:.8rem;font-size:.5rem;color:var(--text-2);margin-top:.4rem;flex-wrap:wrap}
.ah-stats{display:flex;gap:1.5rem;margin-top:.6rem}.stat-val{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;line-height:1}.stat-label{font-size:.35rem;color:var(--text-2);letter-spacing:1px;text-transform:uppercase}
.ah-genres{font-size:.45rem;color:var(--text-2);margin-top:.4rem}
.track-row{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:.5rem}.track-name{font-weight:600}.track-album{color:var(--text-2)}
.muted{color:var(--text-2);font-size:.55rem;padding:.5rem 0}
footer{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.48rem;color:var(--text-2);letter-spacing:2px;text-transform:uppercase;border-top:1px solid var(--border);margin-top:1rem}.fl{display:flex;gap:1rem}.fl a{color:var(--text-2);text-decoration:none}.fl a:hover{color:var(--text-0)}
.spotlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:0 1.5rem}.spotlight-col{}.spotlight-title{font-family:'Bebas Neue',sans-serif;font-size:.9rem;letter-spacing:2px;margin-bottom:.3rem}.spotlight-title a{color:var(--text-0);text-decoration:none}.spotlight-title a:hover{color:var(--red)}
.artist-bio{font-size:.6rem;line-height:1.7;color:var(--text-1);max-width:700px}
.ap-bc{margin-top:2.1rem;padding:5px 16px;font-size:10px;color:var(--text-2)}.ap-bc a{color:var(--text-2)}.ap-bc a:hover{color:var(--text-1)}
.ap-hero{padding:6px 16px 8px;display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(255,45,70,.03) 0%,transparent 50%)}
.ap-hero-left{display:flex;align-items:center;gap:14px;min-width:0}
.ap-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.ap-photo-ph{display:flex;align-items:center;justify-content:center}.ap-photo-ph span{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:rgba(255,255,255,.7);letter-spacing:2px}
.ap-name{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;line-height:1}
.ap-real{font-size:11px;color:var(--text-2);margin-top:1px}
.ap-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.ap-chip{padding:2px 7px;font-size:9px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--text-1)}
.ap-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}
.ap-tag{padding:2px 7px;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:rgba(255,45,70,.12);color:var(--red);border:1px solid rgba(255,45,70,.2);border-radius:2px}
.ap-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;flex-shrink:0}
.ap-st{padding:5px 10px;text-align:center;background:var(--bg-3)}
.ap-sv{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--gold);line-height:1}
.ap-sl{font-size:7px;color:var(--text-2);letter-spacing:1px;text-transform:uppercase;margin-top:1px}
.ap-grid{display:grid;grid-template-columns:1fr 1fr 170px;gap:7px;padding:7px 16px;max-width:1200px}
.ap-col{display:flex;flex-direction:column;gap:7px;min-width:0}
.ap-card{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;padding:8px 10px}
.ap-ct{font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-2);margin-bottom:5px;display:flex;align-items:center;gap:4px}
.ap-ct::before{content:'';width:2px;height:8px;background:var(--red);border-radius:1px}
.ap-bio{font-size:12px;line-height:1.65;color:var(--text-1);font-weight:300}
.ap-embed{border-radius:8px;overflow:hidden}
.ap-legend{display:flex;gap:6px;margin-top:2px;font-size:7px;color:var(--text-2)}
.ap-lgrid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.ap-lcta{display:flex;align-items:center;gap:5px;padding:5px 7px;background:var(--bg-4);border:1px solid var(--border);border-radius:3px;text-decoration:none;color:var(--text-0);transition:border-color .15s}
.ap-lcta:hover{border-color:var(--red);text-decoration:none}
.ap-li{font-size:12px;width:16px;text-align:center;flex-shrink:0}
.ap-lt{font-size:9px;font-weight:700}.ap-ls{font-size:7px;color:var(--text-2)}
.ap-la{margin-left:auto;color:var(--text-2);font-size:9px}
.ap-yt{position:relative;display:block;border-radius:4px;overflow:hidden;text-decoration:none;aspect-ratio:16/9;background:#111}
.ap-yt:hover{text-decoration:none}
.ap-yt-bg{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 40%,#1a0a0a 100%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.ap-yt-play{width:44px;height:44px;background:rgba(255,0,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.ap-yt:hover .ap-yt-play{transform:scale(1.1)}
.ap-yt-play::after{content:'';border-left:14px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.ap-yt-lbl{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:10px;color:#fff;font-weight:600}
.ap-scene{font-size:10px;line-height:1.6;color:var(--text-1)}
.ap-sbtn{display:inline-block;margin-top:3px;padding:2px 7px;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-0);border:1px solid var(--border);border-radius:2px;text-decoration:none;transition:all .2s}
.ap-sbtn:hover{border-color:var(--red);text-decoration:none}
.ap-scard{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;padding:5px 7px}
.ap-stitle{font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-2);margin-bottom:3px;padding-bottom:2px;border-bottom:1px solid var(--border)}
.ap-fr{display:flex;justify-content:space-between;align-items:center;padding:1px 0;font-size:9px;line-height:1.4}
.ap-fk{color:var(--text-2);font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.ap-fv{color:var(--text-0)}
.ap-ext{display:flex;flex-direction:column;gap:1px}
.ap-ext a{display:block;padding:3px 5px;font-size:9px;color:var(--text-0);background:var(--bg-4);border-radius:2px;text-decoration:none;transition:background .1s}
.ap-ext a:hover{background:var(--bg-2);text-decoration:none}
.ap-rel{display:flex;flex-direction:column;gap:1px}
.ap-ri{display:flex;justify-content:space-between;align-items:center;padding:3px 5px;background:var(--bg-4);border-radius:2px;text-decoration:none;color:var(--text-0);border-left:2px solid transparent;transition:all .1s;font-size:9px}
.ap-ri:hover{background:var(--bg-2);border-left-color:var(--red);text-decoration:none}
.ap-rin{font-weight:700}.ap-rig{font-size:7px;color:var(--text-2)}.ap-ris{font-size:7px;color:var(--text-2)}
@media(max-width:768px){header{padding:.55rem .8rem}nav{gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}nav a{font-size:.42rem;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.logo{font-size:1.1rem;letter-spacing:2px}.hero-title{font-size:1.8rem}.hero-btns{flex-wrap:wrap}.al-row{grid-template-columns:28px 1fr 60px}.al-rank{font-size:.7rem}.al-avatar,.al-avatar-ph{display:none}.al-name{font-size:.8rem;white-space:normal;overflow:visible}.al-meta{white-space:normal;overflow:visible}.al-genre,.al-region{display:none}.al-streams{font-size:.6rem}.ah-stats{flex-wrap:wrap;gap:.8rem}.region-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.spotlight-grid{grid-template-columns:1fr 1fr}.ap-hero{flex-direction:column;padding:6px 10px}.ap-hero-left{gap:10px}.ap-photo{width:80px;height:80px}.ap-name{font-size:24px}.ap-grid{grid-template-columns:1fr;padding:7px 10px}.ap-lgrid{grid-template-columns:1fr 1fr}.ap-stats{width:100%}}