:root{--accent: #ffff64;--bg-color: #ffffff;--text-color: #000000;--gray-text: #666666;--light-gray: #f9f9f9;--border-color: #dddddd}body.dark-mode{--bg-color: #121212;--text-color: #ffffff;--gray-text: #aaaaaa;--light-gray: #1e1e1e;--border-color: #333333}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body{background:var(--bg-color);color:var(--text-color);line-height:1.5;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}a:visited{color:inherit}header{background:var(--accent);color:#000;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000;position:sticky;top:0;z-index:1000}header h1{font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:2px}nav a{margin-left:20px;font-weight:700;font-size:14px}nav a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:20px 30px}.hero-news-premium{margin-top:30px;padding:100px 60px;background-size:cover;background-position:center;border:2px solid var(--text-color);border-radius:16px;box-shadow:0 12px 32px #0006;position:relative;overflow:hidden;color:#fff}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000f2,#0006);z-index:1}.hero-news-premium .news-tag{background:var(--accent);color:#000;padding:4px 12px;border-radius:4px;font-size:13px;font-weight:900;text-transform:uppercase;display:inline-block;margin-bottom:20px}.hero-news-premium a{color:#fff;text-decoration:none}.hero-headline-static{font-size:52px;font-weight:900;line-height:1.15;margin-bottom:20px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5);transition:color .2s}.hero-headline-static:hover{color:var(--accent)}.hero-subtext{font-size:22px;color:#ddd;margin-bottom:20px;font-weight:500;max-width:800px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-news-premium .meta{font-size:14px;color:#bbb;font-weight:700}.news-tag{background:var(--text-color);color:var(--bg-color);padding:4px 12px;border-radius:4px;font-size:12px;font-weight:900;text-transform:uppercase;display:inline-block;margin-bottom:20px}.news-grid-expanded{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.news-card-v3{border:1px solid var(--border-color);transition:box-shadow .2s ease}.news-card-v3:hover{box-shadow:0 5px 15px #0000001a}.news-image-v3 img{width:100%;height:180px;object-fit:cover;display:block}.card-inner{padding:20px}.card-inner h3{font-size:20px;margin:5px 0 10px}.trending-section{margin-top:60px;padding-top:40px;border-top:2px solid var(--text-color)}.trending-grid{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.trending-artist-card{text-align:center;width:140px;transition:transform .2s ease}.trending-artist-card:hover{transform:scale(1.05)}.artist-avatar-container{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--text-color);margin:0 auto 10px}.artist-avatar-container img{width:100%;height:100%;object-fit:cover}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:30px}.artist-card-v2{text-align:center;padding:30px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--light-gray);transition:transform .3s ease,box-shadow .3s ease}.artist-card-v2:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.artist-card-v2 h3{font-size:20px;font-weight:900;margin-bottom:8px}.artist-card-v2 .listeners{font-size:13px;color:var(--gray-text)}.artist-image-circle{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid var(--bg-color);box-shadow:0 8px 16px #0003}.artist-image-circle img{width:100%;height:100%;object-fit:cover}.charts-top{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px}.premium-search-input{padding:10px 20px;width:300px;border:2px solid var(--text-color);font-size:15px;background:var(--bg-color);color:var(--text-color)}.chart-row{display:flex;align-items:center;padding:15px 10px;border-bottom:1px solid var(--border-color)}.chart-row:hover{background:var(--light-gray)}.rank{width:40px;font-weight:900;font-size:18px}.chart-image{width:50px;height:50px;background-size:cover;background-position:center;margin-right:20px;border:1px solid #ddd}.chart-title{flex:1;font-weight:900;font-size:18px}.chart-title span{font-size:10px;color:#999;margin-left:8px;padding:1px 3px;border:1px solid #999}.chart-artist{width:200px;color:var(--gray-text)}.chart-views{width:100px;text-align:right;font-weight:700}.artist-header{display:flex;gap:40px;margin-top:30px}.artist-image{width:300px;height:300px;background-size:cover;background-position:center;border:3px solid var(--text-color)}.artist-info h2{font-size:48px;font-weight:900;margin-bottom:10px}.artist-stats{display:flex;gap:20px;margin-top:20px}.stat-box{background:var(--light-gray);padding:15px;text-align:center;border:1px solid var(--border-color);flex:1}.stat-box strong{display:block;font-size:20px}.stat-box span{font-size:11px;text-transform:uppercase;color:var(--gray-text)}.song-layout{display:grid;grid-template-columns:2.5fr 1fr;gap:50px;margin-top:40px;align-items:flex-start}.lyrics-box{background:var(--bg-color)}.premium-comments-card{margin-top:50px;padding:30px;background:var(--light-gray);border:2px solid var(--text-color)}.premium-btn{background:var(--accent);padding:12px 20px;font-weight:900;border:2px solid var(--text-color);cursor:pointer;color:#000}.premium-form-row{display:flex;gap:10px;margin-top:15px}.premium-input-field{flex:1;padding:10px;border:1px solid var(--text-color);background:var(--bg-color);color:var(--text-color)}.premium-submit-btn{background:var(--text-color);color:var(--bg-color);padding:10px 20px;border:none;font-weight:700;cursor:pointer}.song-cover{width:100%;height:300px;background-size:cover;background-position:center;border:2px solid var(--text-color)}.modern-card{margin-top:20px;padding:20px;border:1px solid var(--border-color)}.modern-card h4{border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:15px}.modern-card p{font-size:14px;margin-bottom:8px}