.charts-hero{text-align:center;background:linear-gradient(180deg, #0a0f1a 0%, var(--bg) 100%);justify-content:center;align-items:center;min-height:50vh;padding:140px 0 60px;display:flex;position:relative;overflow:hidden}.charts-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0097a71f 0%,#00bcd40f 40%,#0000 70%);width:900px;height:900px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.chart-tabs{z-index:50;background:var(--bg);padding:0 0 20px;position:sticky;top:60px}.chart-tabs .container{justify-content:center;align-items:center;gap:12px;padding-top:16px;padding-bottom:16px;display:flex;overflow-x:auto}.chart-tab-group{gap:8px;display:flex}.chart-tab-group+.chart-tab-group{margin-left:auto}.chart-tab-group:before{content:"";background:var(--border-2);align-self:center;width:1px;height:28px;margin:0 8px}.chart-tab-group:first-child:before{display:none}.c-tab{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;transition:var(--dur);white-space:nowrap;padding:8px 22px;font-size:.85rem;font-weight:500}.c-tab:hover,.c-tab.active{border-color:var(--teal);color:var(--teal);background:#00bcd40f}.c-tab.active{font-weight:600}.indie-charts-mark{justify-content:center;align-items:center;min-height:220px;margin:0 auto;line-height:0;display:flex}.indie-charts-mark img{width:clamp(320px,48vw,640px);max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 0 28px #00bcd42e);display:block}.spotlight-section{padding:80px 0;position:relative}.spotlight-card{border-radius:var(--r-xl);background:linear-gradient(135deg,#0097a70f 0%,#00bcd40a 100%);border:1px solid #0097a726;grid-template-columns:320px 1fr;gap:48px;padding:40px;display:grid;position:relative;overflow:hidden}.spotlight-card:before{content:"";background:linear-gradient(90deg, var(--purple), var(--teal), var(--magenta));height:2px;position:absolute;top:0;left:0;right:0}.spotlight-badge{background:var(--grad-btn);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:1px;z-index:2;padding:6px 16px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:20px}.spotlight-img{border-radius:var(--r-lg);width:320px;height:320px;color:var(--purple);background:linear-gradient(135deg,#0097a726,#00bcd41a);justify-content:center;align-items:center;font-size:5rem;display:flex;position:relative;overflow:hidden}.spotlight-img:after{content:"";border-radius:var(--r-lg);border:2px solid #0097a733;position:absolute;inset:0}.spotlight-info{flex-direction:column;gap:16px;display:flex}.spotlight-info h2{font-family:var(--font-d);letter-spacing:-1px;font-size:2.4rem;font-weight:800;line-height:1.1}.spotlight-info h2 em{font-style:italic}.spotlight-genre{border-radius:var(--r-pill);color:var(--teal);background:#00bcd414;border:1px solid #00bcd426;align-items:center;gap:6px;width:fit-content;padding:5px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.spotlight-bio{color:var(--text-2);font-size:.95rem;line-height:1.65}.spotlight-stats{gap:32px;margin:8px 0;display:flex}.spotlight-stat{text-align:center}.spotlight-stat .stat-num{font-family:var(--font-d);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.spotlight-stat .stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.72rem}.spotlight-tracks h4{color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.8rem}.spotlight-track{border-radius:var(--r-sm);transition:background var(--dur);align-items:center;gap:12px;padding:8px 12px;display:flex}.spotlight-track:hover{background:#ffffff0a}.spotlight-track .st-num{font-family:var(--font-d);color:var(--text-3);width:20px;font-size:.85rem;font-weight:700}.spotlight-track .st-name{flex:1;font-size:.9rem;font-weight:500}.spotlight-track .st-plays{color:var(--text-3);font-size:.8rem}.spotlight-track .st-play-btn{width:28px;height:28px;color:var(--teal);cursor:pointer;transition:var(--dur);background:#00bcd41a;border:1px solid #00bcd433;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex}.spotlight-track .st-play-btn:hover{background:var(--teal);color:#000}.spotlight-socials{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.spotlight-social-link{border-radius:var(--r-pill);color:var(--text-2);transition:all .25s var(--ease);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.spotlight-social-link:hover{border-color:var(--teal);color:var(--teal);background:#00bcd40f;transform:translateY(-2px)}.spotlight-social-link i{font-size:1rem}.spotlight-social-link.ss-spotify i{color:#1db954}.spotlight-social-link.ss-apple i{color:#fc3c44}.spotlight-social-link.ss-instagram i{color:#e4405f}.spotlight-social-link.ss-youtube i{color:red}.top-chart{padding:80px 0}.chart-list{flex-direction:column;gap:6px;margin-top:40px;display:flex}.chart-entry{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur), transform var(--dur), background var(--dur);grid-template-columns:50px 56px minmax(150px,1fr) auto auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.chart-entry:hover{background:var(--bg-card-h);border-color:#00bcd433;transform:translate(4px)}.chart-entry.top-3{background:linear-gradient(135deg,#0097a70f 0%,#00bcd408 100%);border-color:#0097a726}.chart-rank{font-family:var(--font-d);text-align:center;font-size:1.15rem;font-weight:800}.chart-entry.top-3 .chart-rank{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem}.chart-art{border-radius:var(--r-sm);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex;position:relative;overflow:hidden}.chart-art.art-1{color:var(--teal);background:linear-gradient(135deg,#1a1a2e,#16213e)}.chart-art.art-2{color:var(--purple);background:linear-gradient(135deg,#1a0a2e,#2d1b4e)}.chart-art.art-3{color:var(--teal-light);background:linear-gradient(135deg,#0a1a1a,#1a2e2e)}.chart-art.art-4{color:var(--magenta);background:linear-gradient(135deg,#2e1a2e,#1b0e2d)}.chart-song{flex-direction:column;gap:2px;min-width:0;display:flex}.chart-song-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.chart-song-artist{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.chart-genre-tag{border-radius:var(--r-pill);color:var(--teal);white-space:nowrap;background:#00bcd40f;border:1px solid #00bcd41a;padding:4px 12px;font-size:.7rem}.chart-plays{font-family:var(--font-d);color:var(--text-2);text-align:right;min-width:70px;font-size:.85rem;font-weight:600}.chart-play-btn{width:36px;height:36px;color:var(--teal);cursor:pointer;transition:all .25s var(--ease);background:#00bcd40f;border:1.5px solid #00bcd44d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.chart-play-btn:hover{border-color:var(--teal);background:#00bcd426;transform:scale(1.1)}.chart-play-btn.playing{background:var(--teal);color:var(--bg);border-color:var(--teal);box-shadow:0 0 12px #00bcd459}.chart-play-btn.no-audio{opacity:.25;cursor:default;pointer-events:none}.chart-header{color:var(--text-3);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);grid-template-columns:50px 56px minmax(150px,1fr) auto auto;gap:16px;margin-bottom:8px;padding:0 20px 12px;font-size:.72rem;display:grid}.chart-header span:nth-child(5){text-align:center;min-width:36px}.chart-show-more{text-align:center;margin-top:24px}.chart-show-more button{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;transition:var(--dur);padding:12px 32px;font-size:.9rem;font-weight:500}.chart-show-more button:hover{border-color:var(--teal);color:var(--teal)}.genre-charts,.regional-charts{padding:80px 0}.genre-charts{border-top:1px solid var(--border)}.genre-row{flex-direction:column;gap:40px;margin-top:40px;display:flex}.genre-section{position:relative}.genre-section-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.genre-section-head h3{font-family:var(--font-d);letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex}.genre-section-head h3 .genre-icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;display:flex}.gi-hiphop{color:var(--magenta);background:#00838f1f}.gi-bollywood{color:var(--purple);background:#0097a71f}.gi-indie{color:var(--teal);background:#00bcd41f}.gi-classical{color:#fbbf24;background:#fbbf241f}.gi-electronic{color:#3b82f6;background:#3b82f61f}.gi-devotional{color:#fb923c;background:#fb923c1f}.genre-grid{scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.genre-grid::-webkit-scrollbar{height:3px}.genre-grid::-webkit-scrollbar-track{background:0 0}.genre-grid::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.genre-chart-card{scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur), transform var(--dur);flex-direction:column;flex:0 0 240px;gap:12px;padding:16px;display:flex}.genre-chart-card:hover{border-color:#00bcd433;transform:translateY(-3px)}.gcc-rank{font-family:var(--font-d);color:var(--text-3);font-size:.75rem;font-weight:800}.gcc-art{aspect-ratio:1;border-radius:var(--r-sm);justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.gcc-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.gcc-artist{color:var(--text-3);margin-top:-8px;font-size:.78rem}.gcc-plays{color:var(--text-3);font-size:.75rem}.gcc-plays i{color:var(--teal);margin-right:4px}.regional-pills{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.regional-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;transition:var(--dur);padding:8px 20px;font-size:.85rem}.regional-pill:hover,.regional-pill.active{border-color:var(--purple);color:var(--purple);background:#0097a70f}.regional-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.regional-entry{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur), transform var(--dur);align-items:center;gap:14px;padding:12px 16px;display:flex}.regional-entry:hover{border-color:#0097a733;transform:translate(3px)}.re-rank{font-family:var(--font-d);color:var(--text-3);text-align:center;min-width:28px;font-size:1rem;font-weight:800}.regional-entry:nth-child(-n+3) .re-rank{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.re-art{border-radius:var(--r-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.re-info{flex:1;min-width:0}.re-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.re-artist{color:var(--text-3);font-size:.75rem}.re-plays{color:var(--text-2);font-size:.78rem;font-weight:500}.charts-cta{text-align:center;padding:100px 0;position:relative;overflow:hidden}.charts-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#00bcd414 0%,#0000 60%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.charts-cta h2{font-family:var(--font-d);letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.charts-cta p{color:var(--text-2);max-width:540px;margin:0 auto 36px;font-size:1.05rem}@media (max-width:1024px){.spotlight-card{grid-template-columns:1fr}.spotlight-img{width:100%;max-width:320px}.regional-list{grid-template-columns:1fr}.chart-entry,.chart-header{grid-template-columns:40px 48px minmax(120px,1fr) auto}.chart-genre-tag{display:none}}@media (max-width:768px){.charts-hero{min-height:auto;padding:100px 0 40px}.chart-tabs .container{gap:8px}.spotlight-card{gap:20px;padding:20px}.spotlight-stats{flex-wrap:wrap;gap:16px}.spotlight-bio{font-size:.88rem}.chart-entry{grid-template-columns:30px 40px minmax(100px,1fr) auto;gap:8px;padding:10px 12px}.chart-header{grid-template-columns:30px 40px minmax(100px,1fr) auto;gap:8px}.chart-plays,.chart-genre-tag,.chart-header span:nth-child(4){display:none}.chart-art{width:40px;height:40px}.chart-rank{font-size:1rem}.chart-song-name{font-size:.88rem}.chart-song-artist{font-size:.75rem}.chart-play-btn{width:32px;height:32px;font-size:.75rem}.spotlight-section,.top-chart,.genre-charts,.regional-charts{padding:48px 0}.genre-row{gap:24px}.genre-section{padding:20px}}@media (max-width:480px){.charts-hero{padding:90px 0 40px}.c-tab{padding:6px 14px;font-size:.78rem}.spotlight-badge{margin:0 auto -9%;position:static}.spotlight-card{text-align:center;gap:14px;padding:20px 16px}.spotlight-img{width:100%;max-width:160px;height:160px;margin:12% auto 0;font-size:3rem}.spotlight-info{text-align:center;align-items:center}.spotlight-info>div:first-child{flex-direction:column;align-items:center;display:flex}.spotlight-info h2{font-size:1.5rem}.spotlight-bio{text-align:center;font-size:.85rem}.spotlight-stats{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.spotlight-stat{flex:1 1 0;min-width:0}.spotlight-stat .stat-num{font-size:1.1rem}.spotlight-stat .stat-label{font-size:.55rem}.spotlight-socials{flex-wrap:wrap;justify-content:center;gap:8px}.spotlight-social-link{padding:6px 12px;font-size:.75rem}.chart-entry{gap:6px;padding:8px 10px}.chart-rank{font-size:.88rem}.chart-art{width:34px;height:34px;font-size:.9rem}.chart-song-name{font-size:.82rem}.chart-play-btn{width:28px;height:28px;font-size:.65rem}.genre-chart-card{flex:0 0 200px;padding:12px}.regional-pill{padding:6px 14px;font-size:.78rem}.regional-entry{gap:10px;padding:10px 12px}.charts-cta h2{font-size:clamp(1.4rem,5vw,2rem)}.indie-charts-mark{min-height:140px}}