:root{--primary-bg:#23001F;--card-bg:rgba(60,0,80,0.4);--text:#fff;--accent:#FF6F61;--muted:#DDD1E0;--highlight:#FFD700;--rank-gold:#FFD700;--rank-silver:#C0C0C0;--rank-bronze:#cd7f32}
.top10-wrapper{background:var(--primary-bg);padding:2rem 1rem;max-width:1200px;margin:0 auto;color:var(--text);font-family:system-ui,sans-serif}
.top-rank-featured{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,0.1);box-shadow:0 0 14px rgba(255,255,255,0.05);min-height:300px;transition:all 0.3s ease}
.top-rank-featured:hover{background:rgba(255,255,255,0.05);box-shadow:0 0 20px rgba(255,255,255,0.15)}
.featured-img-wrapper{flex:0 0 300px;height:300px;border-radius:12px;overflow:hidden;position:relative}
.featured-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}
.featured-info{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-left:1rem;border-left:1px solid rgba(255,255,255,0.1)}
.featured-artist{font-size:1.8rem;font-weight:800;margin:0 0 0.4rem;color:var(--text)}
.featured-title{font-size:1.4rem;margin:0.2rem 0 1rem;color:var(--muted);font-weight:600;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:0.6rem}
.featured-stats{margin-top:auto;display:flex;gap:1.5rem;font-size:3rem;color:var(--muted);align-items:center;text-align:center}
.featured-stats i{margin-right:.5rem}
.featured-rank-huge{flex:0 0 100px;display:flex;justify-content:center;align-items:center}
.huge-rank-badge{width:150px;height:150px;line-height:150px;font-size:5rem;font-weight:900;color:var(--highlight);background:#fff;border-radius:50%;text-align:center;box-shadow:0 0 10px rgba(255,255,255,0.2);flex-shrink:0}
.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem 0 2rem}
@media(max-width:992px){.rank-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rank-grid{grid-template-columns:1fr}}
.song-card{background:var(--card-bg);border-radius:16px;overflow:hidden;transition:transform 0.25s ease,border-color 0.25s ease; border:1px solid rgba(255,255,255,0.05);box-shadow:0 0 12px rgba(255,255,255,0.05);display:flex;flex-direction:column}
.song-card:hover{transform:scale(1.03);border-color:var(--highlight)}
.song-card-img-wrapper{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.song-card-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}
.song-card-rank{position:absolute;top:10px;left:10px;background:rgba(0,0,0,0.6);color:#fff;font-size:.85rem;font-weight:bold;padding:5px 10px;border-radius:50px}
.song-card-info{padding:1rem;text-align:center}
.song-card-artist{font-size:1.05rem;font-weight:bold;color:var(--text)}
.song-card-title{font-size:.95rem;color:var(--muted);margin-top:.3rem}
.song-card-stats{margin-top:.6rem;display:flex;justify-content:center;gap:1rem;font-size:.85rem;color:var(--muted)}
.song-card-stat i{margin-right:4px}
@media(max-width:768px){
  .top-rank-featured{flex-direction:column;text-align:center}
  .featured-img-wrapper{width:100%;height:auto;aspect-ratio:1/1}
  .featured-info{text-align:center;padding-left:0;border-left:none}
  .featured-rank-huge{margin-top:1rem}
  .huge-rank-badge{font-size:2.5rem}
}