/* AIM Music Premium 2026: additive visual layer */
:root{--bg:#090d0e;--side:#101617;--card:#141b1d;--card2:#1b2527;--hi:#243033;--txt:#f6f7f4;--sub:#a9b2b0;--muted:#74807d;--g:#e3b65f;--g2:#f3cc7d;--line:rgba(232,242,238,.11);--r:14px;--pl:92px}
html,body{background:#090d0e;color:var(--txt);font-size:15px;letter-spacing:-.01em}body{background:radial-gradient(circle at 78% -15%,rgba(227,182,95,.13),transparent 27rem),radial-gradient(circle at 11% 15%,rgba(40,115,93,.12),transparent 24rem),var(--bg)}
#app{gap:10px;padding:10px 10px 0;grid-template-columns:258px 1fr}.sidebar{gap:10px}.sbox{background:rgba(16,22,23,.82);border:1px solid var(--line);border-radius:var(--r);padding:12px;backdrop-filter:blur(18px)}
.logo{font-size:18px;letter-spacing:.01em;padding:8px 10px 18px}.logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#f2d189,#d39736);color:#1b1609;box-shadow:0 6px 20px rgba(227,182,95,.24)}
.nl{gap:14px;padding:10px 11px;border-radius:9px;font-weight:600}.nl svg{font-size:21px}.nl:hover,.nl.on{background:rgba(227,182,95,.1);color:#fff}.nl.on{box-shadow:inset 3px 0 0 var(--g)}
.libhead{padding:6px 8px 14px;font-size:13px}.libhead button:hover{background:rgba(227,182,95,.12);color:var(--g)}.libitem{gap:10px;padding:8px;border-radius:9px}.libitem:hover{background:rgba(255,255,255,.055)}.libitem img,.libitem .ph{width:42px;height:42px;border-radius:8px}.libitem b{font-size:13px}.libitem small{font-size:11px}
.main{background:linear-gradient(180deg,rgba(19,28,30,.93),rgba(10,14,15,.98));border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 80px rgba(0,0,0,.22)}.topbar{min-height:64px;padding:14px 30px;background:linear-gradient(180deg,rgba(11,16,17,.75),transparent)}.topbar.solid{background:rgba(10,14,15,.88);border-bottom:1px solid var(--line)}.circ{width:36px;height:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.06)}.circ:hover{background:rgba(255,255,255,.14)}.view{padding:0 30px 60px;min-height:calc(100% - 64px)}.view>.hero-grad{height:420px;opacity:.52;filter:saturate(.78)}
.pill{padding:9px 17px;border-radius:999px;background:#f6f7f4;color:#111410;font-size:14px;letter-spacing:0;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.pill:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.2)}.pill.green{background:linear-gradient(135deg,#e7bf72,#d7a847);color:#171307}.pill.green:hover{background:linear-gradient(135deg,#f4d391,#e5b960)}.pill.ghost{border-color:rgba(255,255,255,.24);color:#edf0ed;background:rgba(255,255,255,.025)}.pill.ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.48)}.pill.dark{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.avatar{border-color:var(--bg);background:linear-gradient(135deg,#285d56,#103934);color:#fff}.greet{font-weight:850;letter-spacing:-.035em}
/* Home */
.premium-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:430px;padding:36px 30px 34px;margin:0 0 38px;border:1px solid rgba(244,238,219,.11);border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(115deg,rgba(28,47,43,.96),rgba(17,26,27,.93) 57%,rgba(37,28,14,.9));box-shadow:0 26px 70px rgba(0,0,0,.23)}.premium-hero:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;inset-inline-start:-170px;bottom:-250px;background:radial-gradient(circle,rgba(227,182,95,.31),transparent 68%);pointer-events:none}.premium-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;inset-inline-end:-120px;top:-130px;background:radial-gradient(circle,rgba(92,192,145,.21),transparent 68%);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:1}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#eaca8a;font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor}.hero-copy h1{font-size:clamp(36px,5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:14px 0;font-weight:900}.hero-copy p{max-width:560px;margin:0;color:#d0d9d5;line-height:1.9;font-size:16px}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin:17px 0 23px;color:#bdc7c1;font-size:13px}.hero-meta b{color:#f7f2e6}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-actions .pbtn{width:52px;height:52px;background:linear-gradient(135deg,#e9c575,#d6a543);color:#191408;box-shadow:0 10px 30px rgba(0,0,0,.28)}.hero-art{justify-self:end;width:min(100%,315px);aspect-ratio:1;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(240,214,151,.38);border-radius:50%;transform:rotate(13deg)}.hero-art:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 120deg,transparent,rgba(230,183,92,.36),transparent 39%,rgba(83,174,137,.28),transparent 73%);filter:blur(1px)}.hero-art img{position:relative;z-index:2;width:76%;aspect-ratio:1;object-fit:cover;border-radius:17px;box-shadow:0 24px 54px rgba(0,0,0,.45);transform:rotate(-5deg)}.home-intro{margin:4px 0 34px;color:var(--sub);line-height:1.9;max-width:680px}.home-intro b{color:#fff}
.sec{margin:10px 0 42px}.sech{margin-bottom:15px}.sech h2{font-size:23px;letter-spacing:-.03em;font-weight:850}.sech a{color:#d5c38e;font-size:12px;letter-spacing:.02em}.sech a:hover{color:#fff}.row{grid-auto-columns:minmax(176px,205px);gap:8px;margin:0 -8px;padding:0 2px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px;margin:0 -8px}.card{padding:11px;border:1px solid transparent;border-radius:12px}.card:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.06)}.card .art{border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.21);margin-bottom:12px;background:#202729}.card.round .art{border:1px solid rgba(227,182,95,.2)}.card b{font-size:14px;font-weight:750}.card small{font-size:12px;line-height:1.55;color:#aeb8b4}.pbtn{background:linear-gradient(135deg,#e8c475,#d8a844);color:#1c1708}.pbtn:hover{background:linear-gradient(135deg,#f4d493,#e7ba60)}.card .pbtn{bottom:9px;inset-inline-end:9px;box-shadow:0 10px 22px rgba(0,0,0,.34)}
.discovery-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 42px}.discovery-card{min-height:178px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;padding:22px;background:linear-gradient(135deg,#173b33,#152124)}.discovery-card.alt{background:linear-gradient(135deg,#392a14,#252019)}.discovery-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;inset-inline-end:-38px;top:-68px;background:radial-gradient(circle,rgba(240,211,144,.2),transparent 68%)}.discovery-card>*{position:relative;z-index:1}.discovery-card small{font-weight:750;color:#cfddcf}.discovery-card h3{font-size:27px;letter-spacing:-.035em;margin:4px 0 12px}.discovery-card p{color:#b7c3bc;margin:0;max-width:380px;line-height:1.7;font-size:13px}
/* entity pages */
.ehead{gap:30px;padding:46px 0 29px;min-height:320px}.ehead .cover{width:242px;height:242px;border-radius:13px;box-shadow:0 22px 65px rgba(0,0,0,.48)}.ehead.round .cover{border-radius:50%}.ehead .kind{text-transform:uppercase;letter-spacing:.1em;color:#d9bd77;font-size:11px}.ehead h1{font-size:clamp(36px,6.1vw,80px);font-weight:900;letter-spacing:-.06em}.ehead .line{color:#aab5af}.actions{gap:16px;padding:16px 0 23px}.pbtn.big{width:58px;height:58px;box-shadow:0 13px 28px rgba(0,0,0,.28)}.ibtn{color:#aab5af}.ibtn:hover{color:#fff}.ibtn.on{color:#e9c36e}.credits{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;line-height:2.15;padding:17px 19px}.lyrics{font-size:18px;color:#edf0eb;line-height:2;max-width:740px}.banner{margin:0 -30px;padding:145px 30px 30px;min-height:390px}.banner:after{background:linear-gradient(90deg,rgba(9,13,14,.55),rgba(9,13,14,.14) 56%,rgba(9,13,14,.9)),linear-gradient(transparent 25%,var(--bg))}.banner h1{font-size:clamp(40px,7vw,86px);letter-spacing:-.06em}.verified{color:#e5c275}.verified svg{color:#e5c275}.tr,.tlh{grid-template-columns:36px minmax(0,4fr) minmax(0,2fr) 48px 86px;gap:12px}.tlh{height:38px;background:rgba(12,17,18,.93);border-color:var(--line);top:62px}.tr{height:62px;border-radius:9px}.tr:hover,.tr.sel{background:rgba(255,255,255,.055)}.tr.playing .ttl b,.tr.playing .num{color:#e3b65f}.tr .ttl img{width:44px;height:44px;border-radius:8px}.tr .ttl b{font-weight:650}.tr .dur{color:#aeb8b4}.tr .lk.on{color:#e3b65f}.tile{border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 22px rgba(0,0,0,.12)}.tgrid{gap:12px}.topres{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:20px}.topres:hover{background:rgba(255,255,255,.075)}.topres .pbtn{background:linear-gradient(135deg,#e8c475,#d8a844)}
/* search & account */
.searchbox{max-width:480px}.searchbox input{padding:13px 46px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.07);box-shadow:none}.searchbox input:hover{background:rgba(255,255,255,.1);border-color:rgba(227,182,95,.3)}.searchbox input:focus{border-color:#e3b65f;box-shadow:0 0 0 3px rgba(227,182,95,.13)}.search-note{margin:5px 0 26px;color:var(--sub);font-size:13px}.search-summary{font-size:14px;color:#c5cec9;margin:2px 0 18px}.search-summary b{color:#e4c16d}.toprow{gap:26px}.empty{border:1px dashed rgba(255,255,255,.14);border-radius:14px;margin-top:18px;padding:64px 20px}.auth{border:1px solid var(--line);box-shadow:0 26px 65px rgba(0,0,0,.28);background:linear-gradient(160deg,#162021,#101415);border-radius:16px;max-width:450px}.auth h1{font-size:29px}.form input,.form textarea,.form select{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13);border-radius:9px}.form input:focus,.form textarea:focus,.form select:focus{border-color:#e3b65f;box-shadow:0 0 0 3px rgba(227,182,95,.11)}.gate{text-align:center}.gate .gate-mark{width:52px;height:52px;border-radius:16px;background:rgba(227,182,95,.14);display:grid;place-items:center;color:#e8c475;font-size:24px;margin:0 auto 14px}.gate p{color:var(--sub);line-height:1.8}
/* player */
.player{background:rgba(9,13,14,.94);border-top:1px solid var(--line);height:var(--pl);padding:0 16px;backdrop-filter:blur(20px)}.np img{width:58px;height:58px;border-radius:9px;box-shadow:0 7px 18px rgba(0,0,0,.26)}.np b{font-weight:700}.np small{color:#aab4b0}.btns button.on{color:#e6bd66}.btns button.on:after{background:#e6bd66}.btns .pp{background:linear-gradient(135deg,#f4d594,#e0b155);color:#171307!important;width:38px;height:38px}.range:hover{background:linear-gradient(to right,#e3b65f var(--p,0%),#54605e var(--p,0%))}.right{color:#aab4b0}.fullplayer{background:linear-gradient(160deg,#35413b,#111617 68%)}.fullplayer .fc{border-radius:18px}.mnav{background:rgba(9,13,14,.96)}.foot{border-color:var(--line);margin-top:54px;padding:30px 0 12px}.foot a:hover{color:#e7c673}.lsec{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:13px}.lsnav .chip{border:1px solid var(--line)}.chip{background:rgba(255,255,255,.055)}.chip.on{background:#f3f0e7;color:#151813}.toast{background:#2f7463;border:1px solid rgba(255,255,255,.12)}
/* admin */
.adm .an button.on,.adm .an button:hover{background:rgba(227,182,95,.12);color:#f4d48e}.stat{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:12px}.tbl th,.tbl td{border-color:var(--line)}.bars{background:rgba(255,255,255,.04)}.bars div{background:#e3b65f}
@media (max-width:900px){:root{--pl:66px;--nav:64px}body{background:var(--bg)}#app{padding:0;gap:0;grid-template-columns:1fr}.main{border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#111718,#090d0e)}.topbar{min-height:60px;padding:11px 16px}.view{padding:0 16px 36px}.view>.hero-grad{height:300px}.premium-hero{grid-template-columns:1fr;min-height:0;padding:26px 22px 0;margin:0 0 32px;border-radius:17px;gap:10px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:14px;line-height:1.8}.hero-art{width:min(68vw,260px);justify-self:center;margin:8px 0 -14px}.eyebrow{font-size:10px}.discovery-panel{grid-template-columns:1fr;gap:10px;margin-bottom:32px}.discovery-card{min-height:152px;padding:18px}.discovery-card h3{font-size:23px}.sec{margin-bottom:34px}.sech h2{font-size:20px}.row{grid-auto-columns:145px;gap:5px;margin:0 -8px}.grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:5px}.card{padding:8px}.card .art{margin-bottom:9px;border-radius:9px}.card b{font-size:13px}.card small{font-size:11px}.banner{margin:0 -16px;padding:118px 16px 22px;min-height:310px}.ehead{padding:25px 0 16px;gap:16px}.ehead .cover{width:min(230px,65vw);height:min(230px,65vw)}.ehead h1{font-size:38px}.tr{height:64px;border-radius:8px}.tr .ttl img{width:43px;height:43px}.tr .ttl b{font-size:13px}.tr .ttl small{font-size:12px}.search-note{margin-bottom:20px}.auth{margin:22px auto;padding:28px 22px}.player{border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.35);background:rgba(19,28,29,.98)}.player .mprog i{background:#e3b65f}.mnav a.on{color:#f1d088}.mnav{background:rgba(9,13,14,.99)}.fullplayer{background:linear-gradient(160deg,#3c4d44,#0b0e0f 70%)}}
@media (max-width:460px){.topbar .circ{display:none}.hero-copy h1{font-size:35px}.hero-actions .pill{font-size:13px;padding:8px 13px}.quick{grid-template-columns:1fr 1fr}.tgrid{gap:8px}.tile{border-radius:10px}.foot{font-size:12px}.toprow{gap:10px}}