:root{--bg:#080d14;--panel:#111c27;--panel2:#172431;--line:#294052;--text:#f4f9ff;--muted:#a8bbca;--red:#ff663e;--pink:#ff885b;--blue:#46dff2;--focus:#ffe077;--shadow:0 22px 50px rgba(0,0,0,.25)}
body{background:radial-gradient(circle at 85% 4%,#183444,transparent 35%),#080d14}
.site-header{background:rgba(8,13,20,.95);border-color:#263e4c}.nav-wrap{min-height:90px}
.brand{display:flex;align-items:center}.brand img{width:174px;height:auto}.site-header nav a:hover,.site-header nav a:focus{text-decoration-color:var(--blue)}
.hero{min-height:510px;background:radial-gradient(circle at 85% 45%,rgba(70,223,242,.21),transparent 38%),linear-gradient(110deg,#0b1520,#112a37 60%,#0a1723);border-color:#264452}
.hero:before{background:repeating-linear-gradient(115deg,transparent 0 59px,rgba(70,223,242,.045) 60px 61px);opacity:.9}
.hero:after{left:auto;right:-5%;bottom:-50px;width:48%;height:125px;background:var(--red);opacity:.9}
.hero-inner{padding:92px 0 110px}.hero h1{max-width:850px;font-size:clamp(3.3rem,8vw,7.6rem)}.hero h1 span{background:linear-gradient(110deg,var(--blue),#adf6ff);-webkit-background-clip:text;background-clip:text}.hero p{max-width:580px}
.eyebrow{color:var(--blue)}.primary{background:var(--red);color:#101820;box-shadow:0 12px 34px rgba(255,102,62,.2);font-weight:900}.secondary{background:#172633;border-color:#3c5966}.card,.schedule-card{background:linear-gradient(145deg,#182734,#101b26)}.live-card{border-color:var(--red)}.next-card{border-color:var(--blue)}.label.live{background:var(--red);color:#101820}.stream-box,.sticky-player{background:rgba(15,28,38,.98);border-color:#3a5766}.live-dot,.play-small{background:var(--red);color:#101820}.section-head a{color:var(--blue)}.ticker{background:var(--blue);border-color:var(--blue)}.ticker-track b{color:#0b1b24}.action-split{background:linear-gradient(110deg,#123441,#172331);border-color:#305365}.notice{border-color:var(--red)}.site-footer{background:#070e15}
.music-dashboard{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.music-feature{padding:30px;background:linear-gradient(145deg,#153646,#10212e);border:1px solid #3b6773;border-radius:12px;position:relative;overflow:hidden}.music-feature:after{content:"";position:absolute;width:220px;height:220px;border:35px solid rgba(70,223,242,.09);border-radius:50%;right:-65px;top:-70px;pointer-events:none}.music-feature h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:15px 0 5px}.music-feature p{font-size:1.15rem}.music-feature a:not(.button){text-decoration:none}.music-feature a:hover{text-decoration:underline}.music-side{display:grid;gap:18px}.mini-track{display:flex;gap:14px;align-items:center;margin:12px 0;text-decoration:none}.mini-track:hover strong{text-decoration:underline}.mini-track img{width:58px;height:58px;object-fit:cover;border-radius:5px}.mini-track small{display:block;color:var(--muted)}
.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.music-tile{min-width:0;text-decoration:none;background:#122230;border:1px solid #2b4858;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:3px;transition:transform .2s,border-color .2s}.music-tile:hover{transform:translateY(-4px);border-color:var(--blue)}.music-tile .track-art{width:100%;aspect-ratio:1;margin-bottom:12px;font-size:4rem}.music-tile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-tile>span:last-child{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-art{flex:none;display:grid;place-items:center;width:64px;height:64px;background:linear-gradient(135deg,#224756,#213143);border-radius:6px;overflow:hidden;color:var(--blue);font-weight:900}.track-art img{width:100%;height:100%;object-fit:cover}
.music-search{display:grid;grid-template-columns:2fr 1fr auto;gap:13px;align-items:end;background:#152634;border:1px solid var(--line);padding:20px;border-radius:10px;margin-bottom:45px}.music-search label{display:grid;gap:7px;font-weight:750}.music-search input{background:#081620;color:#fff;border:1px solid #3e6070;border-radius:6px;padding:13px;font:inherit;width:100%}.track-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.track-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:17px;padding:12px 16px;background:#10202c;text-decoration:none;border-bottom:1px solid var(--line)}.track-row:last-child{border:0}.track-row:hover{background:#1a3340}.track-row strong,.track-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row small,.track-row time{color:var(--muted)}.track-arrow{font-size:1.4rem;color:var(--blue)}
.back-link{color:var(--blue);font-weight:800}.song-detail{display:grid;grid-template-columns:minmax(240px,400px) 1fr;gap:clamp(25px,6vw,90px);align-items:center;margin:28px 0}.song-art{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#214756,#101e2b);border-radius:15px;display:grid;place-items:center;font-size:8rem;color:var(--blue);overflow:hidden}.song-art img{width:100%;height:100%;object-fit:cover}.song-detail h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.05;margin:10px 0}.song-artist{font-size:1.6rem;color:var(--blue)}.song-facts{border-block:1px solid var(--line);margin:20px 0;padding:8px 0}.song-facts p{display:flex;gap:20px}.song-facts span{min-width:100px;color:var(--muted)}.source-note{color:var(--muted);font-size:.83rem}.plays-grid{display:flex;flex-wrap:wrap;gap:10px}.plays-grid time{background:#172a37;border:1px solid var(--line);border-radius:6px;padding:11px 15px}
@media(max-width:760px){.music-dashboard,.song-detail{grid-template-columns:1fr}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-search{grid-template-columns:1fr}.track-row{grid-template-columns:48px minmax(0,1fr) auto;gap:9px}.track-row .track-art{width:48px;height:48px}.track-row time{grid-column:2}.track-arrow{grid-column:3;grid-row:1/3}.song-art{max-width:380px}}
@media(max-width:420px){.track-grid{gap:8px}.music-tile{padding:9px}.brand img{width:142px}}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0}

.feature-art{float:right;width:clamp(115px,18vw,220px);aspect-ratio:1;margin:0 0 14px 20px;background:#1b4653;border-radius:10px;display:grid;place-items:center;color:var(--blue);font-size:5rem;overflow:hidden;transform:rotate(4deg);box-shadow:0 20px 40px rgba(0,0,0,.3)}.feature-art img{width:100%;height:100%;object-fit:cover}@media(max-width:500px){.feature-art{width:110px;font-size:3rem}}