*{box-sizing:border-box}html,body{margin:0;background:#050b14;color:#f7fafc;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}.app{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 92px)}aside{background:#07111f;border-right:1px solid #172235;padding:24px 16px;position:sticky;top:0;height:calc(100vh - 92px)}.brand{display:flex;gap:11px;align-items:center;margin:4px 6px 30px}.brand small,.now small{display:block;color:#8ea0b7;margin-top:3px}.mark,.cover{display:grid;place-items:center;background:linear-gradient(145deg,#1f6feb,#7c3aed);border-radius:12px;font-weight:900}.mark{width:42px;height:42px}.cover{width:52px;height:52px}.nav{width:100%;text-align:left;padding:13px 14px;margin:3px 0;border:0;border-radius:11px;background:transparent;color:#aebbd0;font-weight:700;font-size:14px}.nav.active,.nav:hover{background:#121f31;color:white}.rights{position:absolute;bottom:20px;color:#66758a;font-size:11px;padding:0 10px}main{padding:30px 36px 130px;min-width:0;background:radial-gradient(circle at 80% 0,#102344 0,transparent 32%)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header small{letter-spacing:.18em;color:#8190a6;font-weight:800}h1{font-size:32px;margin:4px 0}#install,.heroPlay{border:0;border-radius:999px;background:#fff;color:#07111f;font-weight:800;padding:12px 18px}.hero{background:linear-gradient(125deg,#10284d,#17162e 70%);border:1px solid #233553;border-radius:24px;padding:34px;display:flex;justify-content:space-between;align-items:end;gap:20px;box-shadow:0 22px 60px #0005}.hero span{font-size:11px;letter-spacing:.14em;color:#a9bbd3;font-weight:900}.hero h2{font-size:clamp(28px,4vw,52px);max-width:720px;margin:10px 0}.hero p{max-width:700px;color:#aebbd0;line-height:1.55}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.card{background:#0d1726;border:1px solid #17263a;border-radius:16px;padding:13px;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);background:#122035}.art{aspect-ratio:1;border-radius:12px;background:linear-gradient(145deg,var(--a),var(--b));display:grid;place-items:center;font-size:42px;font-weight:900}.card b{display:block;margin-top:12px}.card small{color:#8999ae}.view{display:none}.view.active{display:block}.search{width:100%;max-width:650px;background:#101b2b;border:1px solid #24344c;color:#fff;padding:15px 18px;border-radius:999px;font-size:16px;outline:none}.tracklist{margin-top:20px}.track{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:9px;border-radius:10px}.track:hover{background:#0f1a29}.track .thumb{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;font-weight:900}.track small,.muted{color:#8393a8}.license{font-size:11px;color:#7890ac}.player{position:fixed;z-index:10;bottom:0;left:0;right:0;height:92px;background:#08111ddd;border-top:1px solid #1d2b3e;backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:10px 18px}.now{display:flex;align-items:center;gap:11px;min-width:0}.now b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.transport{text-align:center}.buttons button{background:transparent;border:0;color:#d9e2ee;font-size:18px;margin:0 6px}.buttons .mainPlay{background:#fff;color:#07111f;border-radius:50%;width:38px;height:38px}.timeline{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;font-size:11px;color:#8797aa}.timeline input,.volume input{width:100%}.volume{display:flex;gap:8px;justify-content:flex-end;align-items:center}.volume input{max-width:130px}@media(max-width:760px){.app{display:block;min-height:calc(100vh - 146px)}aside{position:fixed;z-index:20;bottom:0;top:auto;width:100%;height:58px;border:0;border-top:1px solid #172235;padding:5px 8px;background:#07111ff2}.brand,.rights{display:none}aside nav{display:flex;justify-content:space-around}.nav{text-align:center;margin:0;padding:9px 6px;font-size:12px}main{padding:20px 16px 175px}header{margin-bottom:15px}h1{font-size:25px}.hero{padding:24px;display:block}.heroPlay{margin-top:12px}.cards{grid-template-columns:repeat(2,1fr);gap:11px}.player{bottom:58px;height:88px;grid-template-columns:1fr auto;padding:9px 12px}.transport{display:flex;flex-direction:column}.buttons button:not(.mainPlay){display:none}.timeline{position:absolute;top:-5px;left:0;right:0;grid-template-columns:0 1fr 0}.timeline span{display:none}.volume{display:none}.cover{width:48px;height:48px}.now{max-width:70vw}}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.textBtn{background:transparent;border:0;color:#9fb4d0;cursor:pointer}.card em{display:block;font-style:normal;font-size:10px;color:#647b99;margin-top:7px}.art{position:relative;overflow:hidden}.art i{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#fff;color:#07111f;display:grid;place-items:center;font-style:normal;font-size:14px;opacity:0;transform:translateY(8px);transition:.2s}.card:hover .art i{opacity:1;transform:none}.genreGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.genre{min-height:105px;border:1px solid #23334b;border-radius:16px;padding:18px;text-align:left;color:#fff;cursor:pointer;background:linear-gradient(135deg,hsl(var(--h) 65% 34%),#101827);overflow:hidden}.genre b{font-size:17px;display:block}.genre small{color:#c6d3e5}.libraryHero{display:flex;justify-content:space-between;align-items:end;background:#0d1726;border:1px solid #1b2b42;border-radius:20px;padding:24px}.libraryHero span{font-size:10px;letter-spacing:.16em;color:#8398b5;font-weight:900}.libraryHero h2{font-size:34px;margin:5px 0}.stat{text-align:center;background:#111f32;border-radius:16px;padding:13px 22px}.stat b{font-size:28px;display:block}.stat small{color:#8798af}.tabs{display:flex;gap:8px;margin:20px 0;overflow:auto}.tab{border:1px solid #24344c;background:#0c1624;color:#9eafc5;padding:9px 14px;border-radius:999px;font-weight:700}.tab.active{background:#fff;color:#07111f}.entityGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.entity{background:#0d1726;border:1px solid #17263a;border-radius:16px;padding:13px;cursor:pointer}.entityArt,.artistArt{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-size:42px;font-weight:900}.artistArt{border-radius:50%}.entity b{display:block;margin-top:12px}.entity small{color:#8496ae}.buttons button.on{color:#fff;filter:drop-shadow(0 0 5px #fff)}@media(max-width:760px){.libraryHero{align-items:center}.libraryHero h2{font-size:28px}.stat{padding:10px 15px}.genreGrid{grid-template-columns:repeat(2,1fr)}.entityGrid{grid-template-columns:repeat(2,1fr)}}
.rightsTag{position:absolute;bottom:20px;color:#66758a;font-size:11px;padding:0 10px}.heart,.rowActions button,.cardHeart{border:0;background:transparent;color:#8192a8;font-size:20px;cursor:pointer}.heart.on,.cardHeart.on{color:#fff}.card{position:relative}.cardHeart{position:absolute;right:14px;bottom:10px}.rowActions{display:flex;align-items:center;gap:7px}.playlistCreate{display:flex;gap:10px;margin:18px 0}.playlistCreate input{flex:1;max-width:420px;background:#101b2b;border:1px solid #24344c;color:#fff;padding:12px 15px;border-radius:12px}.playlistCreate button,.playlistHead button{border:0;border-radius:12px;padding:10px 15px;font-weight:800}.playlistArt{background:linear-gradient(145deg,#153a67,#592d82)}.empty{padding:40px 20px;text-align:center;border:1px dashed #26364d;border-radius:18px;color:#8393a8}.empty b{color:#fff;font-size:20px}.playlistHead{margin:18px 0}.rightsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-top:20px}.rightCard{background:#0d1726;border:1px solid #1c2b41;border-radius:16px;padding:16px}.rightsTop{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center}.rightsTop small{display:block;color:#8393a8}.rightsTop span{font-size:11px;color:#9fd8b4;background:#10271c;border:1px solid #1e5134;border-radius:999px;padding:6px 8px}.rightCard dl{display:grid;grid-template-columns:80px 1fr;font-size:12px;gap:8px;margin:16px 0}.rightCard dt{color:#71839a}.rightCard dd{margin:0;color:#c7d2df}.rightsLinks{display:flex;gap:14px}.rightsLinks a{color:#a8c8f5;font-size:12px;text-decoration:none}.toast{position:fixed;z-index:50;left:50%;bottom:110px;transform:translate(-50%,20px);background:#fff;color:#07111f;border-radius:999px;padding:9px 15px;font-weight:800;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.rightsTag{display:none}.rowActions .license{display:none}.rightCard{padding:13px}.toast{bottom:160px}.cardHeart{font-size:18px}}

/* CG MusicFlow 01E — discovery, entity pages and album cover system */
.coverArt{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,var(--a),var(--b));display:grid;place-items:center;isolation:isolate}.coverArt>span{font-size:42px;font-weight:900;opacity:.9}.coverArt:before{content:"";position:absolute;width:70%;height:70%;border-radius:50%;border:1px solid #ffffff24;right:-20%;top:-18%;box-shadow:0 0 0 28px #ffffff08,0 0 0 54px #ffffff06;z-index:-1}.coverArt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.coverArt.hasImage .coverWords,.coverArt.hasImage>span{display:none}.coverWords{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;text-shadow:0 2px 8px #0008}.coverWords b{font-size:12px;line-height:1.15;margin:0!important}.coverWords small{font-size:9px;color:#e7effa!important}.card .coverArt{width:100%;border-radius:14px}.card .coverArt:after{content:"▶";position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#fff;color:#07111f;display:grid;place-items:center;font-size:14px;opacity:0;transform:translateY(8px);transition:.2s;z-index:4}.card:hover .coverArt:after{opacity:1;transform:none}.card .art{display:none}.albumThumb{width:46px;height:46px;border-radius:8px;overflow:hidden}.albumThumb .coverArt{width:46px;height:46px;border-radius:8px}.albumThumb .coverWords{display:none}.albumThumb .coverArt>span{font-size:15px}.thumb.albumThumb{background:none!important}.entity .coverArt{width:100%}.discoveryGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.artistStrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.artistArtWrap{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#101b2b}.artistArtWrap img{width:100%;height:100%;object-fit:cover}.artistFallback{width:100%;height:100%;display:grid;place-items:center;font-size:38px;font-weight:900}.artistEntity{text-align:left}.artistEntity .artistArtWrap{margin-bottom:8px}.entityHero{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:30px;align-items:end;background:linear-gradient(145deg,#0d1a2b,#111329);border:1px solid #20314a;border-radius:24px;padding:28px;margin-bottom:22px}.entityCoverLarge .coverArt{width:100%;box-shadow:0 22px 60px #0007}.entityHeroText span,.genreHero>span{font-size:10px;letter-spacing:.18em;color:#8fa4c1;font-weight:900}.entityHeroText h2,.genreHero h2{font-size:clamp(36px,6vw,72px);line-height:.95;margin:8px 0 12px}.entityHeroText p,.genreHero p{color:#9eb0c6}.inlineLink{appearance:none;border:0;background:none;color:inherit;padding:0;font:inherit;cursor:pointer;text-align:left}.inlineLink:hover{text-decoration:underline}.inlineLink.big{font-size:18px;color:#c8d9ef;font-weight:800}.entityActions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.primaryAction,.secondaryAction{border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer}.primaryAction{background:#fff;color:#07111f}.secondaryAction{background:#1a2b42;color:#fff;border:1px solid #334760}.artistLarge{width:min(260px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden}.artistLarge img,.artistLarge>div{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:70px;font-weight:900}.artistHero{grid-template-columns:minmax(200px,270px) 1fr}.genreHero{background:linear-gradient(135deg,#153f64,#372566);border:1px solid #294765;border-radius:24px;padding:32px;margin-bottom:22px}.entityTracks{margin-top:18px}.compactGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:22px}.searchEntitySection{margin-top:24px}.searchEntitySection h3{margin-top:22px}.trackMeta small{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.miniArtwork{overflow:hidden}.miniArtwork img{width:100%;height:100%;object-fit:cover}.rightCard .coverArt{width:46px;height:46px;border-radius:8px}.rightCard .coverWords{display:none}.rightCard .coverArt>span{font-size:14px}
@media(max-width:760px){.entityHero,.artistHero{grid-template-columns:1fr;align-items:start;padding:20px}.entityCoverLarge{max-width:230px}.artistLarge{max-width:210px}.entityHeroText h2,.genreHero h2{font-size:40px}.artistStrip{grid-template-columns:repeat(2,1fr)}.discoveryGrid{grid-template-columns:repeat(2,1fr)}.coverWords{left:8px;right:8px;bottom:7px}.coverWords b{font-size:10px}.coverWords small{font-size:8px}.card .coverArt:after{opacity:1;transform:none;width:34px;height:34px}.track{grid-template-columns:46px minmax(0,1fr) auto}.trackMeta{min-width:0}.trackMeta b,.trackMeta small{overflow:hidden;text-overflow:ellipsis}.entityActions{gap:7px}.primaryAction,.secondaryAction{padding:10px 14px}.genreHero{padding:23px}}

/* CG MusicFlow 01E1 — album-led home polish */
.firstHomeSection{margin-top:30px}
.featuredAlbumGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.featuredAlbumGrid .entity{background:linear-gradient(180deg,#0e1929,#0a1320);box-shadow:0 14px 32px #0002}
.featuredAlbumGrid .coverArt{box-shadow:0 16px 34px #0005}
.recentTrackGrid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));max-width:1220px}
.recentTrackGrid .card{min-width:0}
@media(min-width:1100px){.featuredAlbumGrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.firstHomeSection{margin-top:22px}.featuredAlbumGrid,.recentTrackGrid{grid-template-columns:repeat(2,1fr)}}

/* CG MusicFlow 01F — Premium shell + compact mobile pass */
:root{color-scheme:dark;--mf-bg:#050a12;--mf-panel:#0b1422;--mf-panel-2:#101b2b;--mf-line:#1d2d44;--mf-text:#f8fbff;--mf-muted:#8ea0b7;--mf-accent:#6d5dfc;--mf-accent-2:#2387ff}
html{scroll-behavior:smooth;background:var(--mf-bg)}
body{background:
 radial-gradient(circle at 82% -8%,#152c55 0,transparent 26rem),
 radial-gradient(circle at 15% 15%,#221747 0,transparent 23rem),
 var(--mf-bg);overscroll-behavior-y:none}
main{background:linear-gradient(180deg,#07101caa 0,transparent 24rem)}
aside{background:linear-gradient(180deg,#07111ff5,#08121ff0);box-shadow:10px 0 34px #00000020}
.nav{transition:background .2s,color .2s,transform .2s}.nav.active{background:linear-gradient(135deg,#18273d,#121e31);box-shadow:inset 0 0 0 1px #2a3e5a55}.nav:hover{transform:translateX(2px)}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#102c55 0,#17162f 57%,#261333 100%);border-color:#31476888;box-shadow:0 24px 70px #0007}.hero:before{content:"";position:absolute;inset:auto -5% -80% 38%;height:170%;background:radial-gradient(circle,#6d5dfc2f 0,transparent 66%);pointer-events:none}.hero>*,.libraryHero>*{position:relative;z-index:1}
#install,.heroPlay,.primaryAction{box-shadow:0 8px 26px #0005;transition:transform .15s,box-shadow .15s}#install:hover,.heroPlay:hover,.primaryAction:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0007}
.sectionHead h3{letter-spacing:-.015em}.textBtn{font-weight:700}.textBtn:hover{color:#fff}
.entity,.card,.rightCard{background:linear-gradient(180deg,#0e1928,#0a1320);border-color:#1c2c43;box-shadow:0 10px 26px #0002;transition:transform .18s,border-color .18s,background .18s}.entity:hover,.card:hover{border-color:#355174;transform:translateY(-3px);background:linear-gradient(180deg,#122039,#0c1726)}
.coverArt{box-shadow:inset 0 0 0 1px #ffffff0b,0 14px 30px #0004}.artistArtWrap{box-shadow:inset 0 0 0 1px #ffffff10,0 12px 28px #0004}
.genre{box-shadow:inset 0 0 0 1px #ffffff0b,0 12px 25px #0003;transition:transform .18s,filter .18s}.genre:hover{transform:translateY(-2px);filter:brightness(1.08)}
.libraryHero,.entityHero,.genreHero{box-shadow:0 22px 55px #0004}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.player{box-shadow:0 -14px 42px #0006;background:#07101bea;border-color:#26364b;backdrop-filter:blur(24px) saturate(130%)}
.mainPlay{box-shadow:0 6px 18px #0006}.player input[type=range]{accent-color:#6d5dfc}
.search{background:#0d1726e8;box-shadow:inset 0 0 0 1px #ffffff05,0 10px 26px #0002}.search:focus{border-color:#5877a5;box-shadow:0 0 0 3px #315b9440}

@media(max-width:760px){
 html,body{background:#050a12}
 body{padding-top:env(safe-area-inset-top);-webkit-tap-highlight-color:transparent}
 .app{min-height:calc(100vh - 122px)}
 main{padding:10px 12px calc(138px + env(safe-area-inset-bottom));background:radial-gradient(circle at 82% 0,#132746 0,transparent 20rem)}
 header{margin:0 2px 10px;min-height:42px;align-items:center}
 header small{font-size:8px;letter-spacing:.14em}
 h1{font-size:21px;line-height:1.1;margin:2px 0;letter-spacing:-.025em}
 #install{font-size:11px;padding:8px 11px}

 /* compact premium hero */
 .hero{border-radius:18px;padding:18px 17px 16px;min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px}
 .hero span{font-size:9px}.hero h2{font-size:30px;line-height:1.02;margin:7px 0 5px;letter-spacing:-.035em;max-width:330px}.hero p{font-size:12px;line-height:1.42;margin:0;max-width:330px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.heroPlay{margin:0;padding:9px 13px;font-size:11px}
 .sectionHead{margin-top:18px;margin-bottom:8px}.sectionHead.firstHomeSection{margin-top:17px}.sectionHead h3{font-size:16px;margin:0}.textBtn{font-size:11px;padding:6px 0}

 /* app-store style horizontal discovery shelves */
 .featuredAlbumGrid,.recentTrackGrid,.artistStrip,.genreGrid{display:grid;grid-auto-flow:column;grid-auto-columns:42%;grid-template-columns:none!important;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:2px 2px 7px;margin-left:-2px;margin-right:-12px;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .featuredAlbumGrid::-webkit-scrollbar,.recentTrackGrid::-webkit-scrollbar,.artistStrip::-webkit-scrollbar,.genreGrid::-webkit-scrollbar{display:none}
 .featuredAlbumGrid .entity,.recentTrackGrid .card,.artistStrip .entity,.genreGrid .genre{scroll-snap-align:start;min-width:0}
 .featuredAlbumGrid .entity,.recentTrackGrid .card{padding:8px;border-radius:14px}.featuredAlbumGrid .coverArt,.recentTrackGrid .coverArt{border-radius:11px}
 .featuredAlbumGrid .entity b,.recentTrackGrid .card b{font-size:13px;line-height:1.22;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .featuredAlbumGrid .entity small,.recentTrackGrid .card small{font-size:10px;line-height:1.25;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recentTrackGrid .card em{font-size:9px}
 .artistStrip{grid-auto-columns:29%}.artistEntity{padding:7px;border-radius:14px}.artistFallback{font-size:25px}.artistEntity b{font-size:12px;margin-top:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artistEntity small{display:block;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .genreGrid{grid-auto-columns:48%}.genre{min-height:82px;padding:14px;border-radius:14px}.genre b{font-size:14px}.genre small{font-size:10px}

 /* compact library / search */
 .libraryHero{padding:15px 16px;border-radius:17px;align-items:center}.libraryHero h2{font-size:24px;line-height:1.05}.libraryHero p{font-size:11px;margin:5px 0}.stat{padding:8px 11px;border-radius:12px}.stat b{font-size:21px}.stat small{font-size:9px}
 .tabs{gap:6px;margin:12px -12px 12px;padding:0 12px}.tab{padding:7px 11px;font-size:11px;white-space:nowrap}
 .search{font-size:14px;padding:11px 14px}.searchEntitySection{margin-top:14px}.searchEntitySection h3{font-size:15px;margin:15px 0 8px}
 .entityGrid,.compactGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entity{padding:8px;border-radius:14px}.entity b{font-size:13px;line-height:1.22;margin-top:8px}.entity small{font-size:10px;line-height:1.25}

 /* compact entity pages: artwork + details side-by-side */
 .entityHero,.artistHero{grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:end;padding:14px;border-radius:18px;margin-bottom:14px}.entityCoverLarge,.artistLarge{width:112px;max-width:112px}.artistLarge{border-radius:50%}.entityHeroText h2,.genreHero h2{font-size:27px;line-height:1.02;margin:5px 0 7px;letter-spacing:-.035em;word-break:break-word}.entityHeroText p,.genreHero p{font-size:11px;line-height:1.35;margin:4px 0}.inlineLink.big{font-size:13px}.entityActions{margin-top:10px;gap:6px}.primaryAction,.secondaryAction{padding:8px 11px;font-size:10px}.genreHero{padding:17px;border-radius:18px;margin-bottom:14px}
 .tracklist{margin-top:10px}.track{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;padding:6px 4px;border-radius:9px;min-height:50px}.track .thumb,.albumThumb,.albumThumb .coverArt{width:40px;height:40px}.trackMeta b{font-size:12px;white-space:nowrap}.trackMeta small{font-size:9px;white-space:nowrap}.rowActions{gap:2px}.rowActions button{font-size:17px;padding:5px}
 .rightsGrid{grid-template-columns:1fr;gap:9px;margin-top:12px}.rightCard{border-radius:14px}.rightCard dl{font-size:11px;margin:12px 0;grid-template-columns:68px 1fr}
 .empty{padding:28px 14px}.empty b{font-size:17px}

 /* premium mini-player: 62px plus a slim progress rail */
 .player{bottom:calc(58px + env(safe-area-inset-bottom));height:64px;grid-template-columns:minmax(0,1fr) auto;padding:7px 10px;border-top:1px solid #26384f;background:#091321ee}
 .cover{width:43px;height:43px;border-radius:9px}.now{gap:9px;max-width:calc(100vw - 76px)}.now>div:nth-child(2){min-width:0}.now b{font-size:12px;line-height:1.18}.now small{font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now .heart{font-size:18px;padding:4px}
 .transport{display:block}.buttons{display:flex;align-items:center}.buttons button{margin:0}.buttons button:not(.mainPlay){display:none}.buttons .mainPlay{width:36px;height:36px;font-size:15px}
 .timeline{position:absolute;top:-3px;left:0;right:0;height:6px;display:block}.timeline span{display:none}.timeline input{position:absolute;inset:0;width:100%;height:6px;margin:0}.volume{display:none}

 /* premium bottom navigation */
 aside{height:calc(58px + env(safe-area-inset-bottom));padding:4px 7px calc(4px + env(safe-area-inset-bottom));background:#07111ff4;border-top:1px solid #203048;backdrop-filter:blur(24px) saturate(135%)}
 aside nav{height:50px;align-items:center}.nav{height:46px;padding:6px 4px;margin:0;border-radius:12px;font-size:10px;line-height:1.1;color:#8193ab;transform:none!important}.nav.active{background:#162239;color:#fff;box-shadow:inset 0 0 0 1px #31445d70}.nav:hover{transform:none}
 .toast{bottom:calc(132px + env(safe-area-inset-bottom));font-size:11px}
}

@media(max-width:380px){
 main{padding-left:10px;padding-right:10px}.hero h2{font-size:27px}.featuredAlbumGrid,.recentTrackGrid{grid-auto-columns:46%}.artistStrip{grid-auto-columns:31%}.genreGrid{grid-auto-columns:52%}.entityHero,.artistHero{grid-template-columns:96px minmax(0,1fr)}.entityCoverLarge,.artistLarge{width:96px;max-width:96px}.entityHeroText h2,.genreHero h2{font-size:24px}
}

/* CG MusicFlow 01F1 — Premium Now Playing + final mobile compaction */
body.now-open{overflow:hidden}
.nowPlaying{position:fixed;inset:0;z-index:90;display:none;color:#fff;background:#050912;overflow:hidden}.nowPlaying.open{display:block}.npAmbient{position:absolute;inset:-12%;background:radial-gradient(circle at 50% 30%,#274f8c 0,#17152f 35%,#050912 72%);filter:saturate(125%);transition:background .25s}.npAmbient:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02050a18,#03060dcc 70%,#03060df5)}.npShell{position:relative;z-index:1;max-width:1120px;height:100%;margin:0 auto;padding:28px 34px 34px;display:flex;flex-direction:column}.npTopbar{height:58px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center}.npTopbar small{display:block;font-size:9px;letter-spacing:.18em;color:#b6c6d9}.npTopbar b{font-size:12px}.npIcon{width:42px;height:42px;border:1px solid #ffffff1f;border-radius:50%;background:#08111f80;color:#fff;font-size:22px;display:grid;place-items:center;backdrop-filter:blur(18px);cursor:pointer}.npMain{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,540px) minmax(320px,470px);gap:58px;align-items:center;justify-content:center;padding:18px 0}.npArtworkWrap{position:relative}.npArtworkWrap:before{content:"";position:absolute;inset:12% 5% -7%;border-radius:40px;background:#0008;filter:blur(38px)}.npCover{position:relative;aspect-ratio:1;width:min(100%,540px);margin:auto;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#1d4ed8,#7c3aed);box-shadow:inset 0 0 0 1px #ffffff24,0 40px 90px #000b}.npCover img{width:100%;height:100%;object-fit:cover}.npCover>span{font-size:clamp(68px,9vw,128px);font-weight:950;letter-spacing:-.06em}.npCover:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#fff2 0,transparent 26%,transparent 72%,#0003 100%);pointer-events:none}.npDetails{min-width:0}.npMeta{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:18px;align-items:center}.npMeta h2{font-size:clamp(30px,4.5vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npMeta p{font-size:18px;color:#dce7f5;margin:0 0 5px}.npMeta small{font-size:13px;color:#9aadc4}.npLike{width:46px;height:46px;border:0;background:transparent;color:#c7d4e5;font-size:32px;cursor:pointer}.npLike.on{color:#fff;filter:drop-shadow(0 0 11px #9b8cff)}.npTimeline{margin-top:34px}.npTimeline input,.npVolume input{width:100%;accent-color:#fff}.npTimeline>div{display:flex;justify-content:space-between;color:#b0bfd1;font-size:11px;margin-top:5px}.npControls{display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;margin:20px 0}.npControls button{border:0;background:transparent;color:#d9e4f1;font-size:22px;height:54px;cursor:pointer}.npControls button.on{color:#fff;filter:drop-shadow(0 0 8px #a89cff)}.npControls .npMainPlay{width:68px;height:68px;border-radius:50%;background:#fff;color:#07111f;font-size:25px;justify-self:center;box-shadow:0 12px 34px #0008}.npVolume{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;margin-top:10px;color:#b8c5d6}.npQueuePanel{position:absolute;z-index:4;top:0;right:-430px;width:min(420px,92vw);height:100%;padding:24px;background:#07101bf2;border-left:1px solid #ffffff14;box-shadow:-26px 0 70px #0008;backdrop-filter:blur(30px);transition:right .25s ease;overflow:auto}.nowPlaying.queue-open .npQueuePanel{right:0}.npQueueHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.npQueueHead small{font-size:9px;letter-spacing:.15em;color:#8da0b7}.npQueueHead h3{margin:3px 0 0;font-size:25px}.npQueue{display:flex;flex-direction:column;gap:5px}.npQueueRow{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;cursor:pointer;color:#c8d4e3}.npQueueRow:hover,.npQueueRow.active{background:#152237}.npQueueRow.active{box-shadow:inset 3px 0 0 #8271ff}.npQueueThumb{width:46px;height:46px;border-radius:9px;overflow:hidden;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,var(--qa,#1d4ed8),var(--qb,#7c3aed))}.npQueueThumb img{width:100%;height:100%;object-fit:cover}.npQueueRow b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npQueueRow small{display:block;color:#8799ae;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npQueueRow>span{font-size:10px;color:#8192a8}.player .now{cursor:pointer}

@media(max-width:760px){
 /* shave the final excess from Home */
 .hero{min-height:128px;padding:15px 16px 14px;gap:8px}.hero h2{font-size:27px;margin:5px 0 3px}.hero p{font-size:11px;line-height:1.35;-webkit-line-clamp:1}.heroPlay{padding:8px 12px}.sectionHead{margin-top:15px;margin-bottom:6px}.sectionHead.firstHomeSection{margin-top:14px}.recentTrackGrid .card{padding:7px}.recentTrackGrid .card b{font-size:12px;margin-top:6px}.recentTrackGrid .card small{font-size:9px}.recentTrackGrid .card em{display:none}
 .nav{font-weight:650}.nav:not(.active){color:#6f8198}.nav.active{background:linear-gradient(145deg,#18283f,#111d2f);box-shadow:inset 0 0 0 1px #3b526e77,0 5px 16px #0003}
 /* Now Playing becomes a true edge-to-edge mobile app screen */
 .npShell{padding:calc(8px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));max-width:none}.npTopbar{height:48px;grid-template-columns:42px 1fr 42px}.npIcon{width:38px;height:38px;font-size:20px}.npMain{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:3px 0 4px;overflow:auto}.npArtworkWrap{width:min(82vw,390px);flex:none}.npCover{border-radius:23px;width:100%;box-shadow:inset 0 0 0 1px #ffffff1e,0 30px 64px #000a}.npDetails{width:min(100%,430px)}.npMeta{grid-template-columns:minmax(0,1fr) 42px;gap:9px}.npMeta h2{font-size:25px;margin-bottom:4px}.npMeta p{font-size:14px;margin-bottom:2px}.npMeta small{font-size:10px}.npLike{width:42px;height:42px;font-size:28px}.npTimeline{margin-top:18px}.npTimeline input{height:5px}.npControls{margin:10px -4px 6px;grid-template-columns:1fr 1fr 64px 1fr 1fr}.npControls button{height:46px;font-size:19px}.npControls .npMainPlay{width:58px;height:58px;font-size:22px}.npVolume{margin-top:6px}.npQueuePanel{padding:calc(16px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));width:92vw}.npQueueRow{grid-template-columns:42px minmax(0,1fr) auto}.npQueueThumb{width:42px;height:42px}
}
@media(max-width:380px){.npArtworkWrap{width:min(76vw,310px)}.npMain{gap:14px}.npMeta h2{font-size:22px}.npTimeline{margin-top:12px}.npVolume{display:none}}