:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242426;background:#fff;font-synthesis:none;--accent:#d93650;--muted:#757579;--line:#e7e7ea;--side:246px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.fill{fill:currentColor;stroke:none}img{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b42544;outline-offset:4px;border-radius:5px}.skip{position:fixed;top:-60px;left:260px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 84px 0;width:var(--side);background:#f6f6f8;border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:block;width:107px;margin:0 10px 32px}.brand img{width:100%;height:35px;object-fit:contain}.primary-nav{display:grid;gap:5px}.primary-nav a{display:flex;align-items:center;gap:13px;font-size:15px;padding:11px 13px;border-radius:7px;transition:background .18s}.primary-nav a:hover{background:#eaeaec}.primary-nav a.current{background:#e6e6e9;font-weight:600}.primary-nav svg{width:21px;height:21px;color:var(--accent)}.sidebar-note{padding:30px 12px;color:#818185;font-size:12px;line-height:1.6}.sidebar-note p{font-weight:600;color:#55555a;margin-bottom:6px}.sidebar-bottom{margin-top:auto}.about-link{display:flex;justify-content:space-between;padding:18px 8px;border-top:1px solid #dedee2;font-size:13px}.signin{display:block;background:var(--accent);border-radius:7px;color:white;text-align:center;padding:10px;font-size:14px;font-weight:600}.sidebar-bottom p{font-size:10px;text-align:center;margin-top:12px;color:var(--muted)}#main{position:fixed;inset:0 0 84px var(--side);padding:34px 40px 140px;overflow:auto;scroll-behavior:smooth;scrollbar-width:thin}.page-heading{font-size:34px;line-height:1.15;letter-spacing:-1.1px;font-weight:750;margin-bottom:26px}.page-intro{color:var(--muted);margin-top:-13px;margin-bottom:28px;font-size:15px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:34px}.feature{min-width:0;display:block}.feature-caption{margin-bottom:13px}.feature-caption>span{font-size:12px;color:var(--muted)}.feature-caption h2{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:5px 0}.feature-caption p{color:var(--muted);font-size:14px}.feature-art{aspect-ratio:1.85;border-radius:12px;position:relative;overflow:hidden;isolation:isolate;background:#e2a17d;color:#41241f;transition:filter .3s,transform .3s}.dawn .feature-art{background:linear-gradient(130deg,#f2cfac,#dd8c75 60%,#c35c54)}.feature-word{position:absolute;left:7%;top:16%;font-size:clamp(28px,3.4vw,55px);font-weight:750;letter-spacing:-2px;line-height:1.02;z-index:2}.feature-tag{position:absolute;left:7%;bottom:9%;font-size:13px;font-weight:600}.feature-arrow{position:absolute;bottom:8%;right:6%;background:#ffffff30;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%}.sun-orbit{position:absolute;width:65%;aspect-ratio:1;border:1px solid #fbe0b866;border-radius:50%;right:-16%;top:-18%;box-shadow:0 0 0 28px #fbe0b81a,0 0 0 57px #fbe0b819,0 0 0 87px #fbe0b819;background:linear-gradient(145deg,#ffdc8b,#e7785b);transform:rotate(-25deg);transition:transform 1s}.blue .feature-art{color:#f1f0ff;background:linear-gradient(135deg,#252b59,#737cb6)}.blue-orbit{position:absolute;width:72%;aspect-ratio:1;right:-20%;bottom:-57%;border-radius:50%;background:linear-gradient(145deg,#b2bddc,#495583);box-shadow:0 0 0 28px #c5cfed15,0 0 0 57px #c5cfed18,0 0 0 88px #c5cfed15;transition:transform 1s}.feature:hover .feature-art{filter:brightness(1.04)}.feature:hover .sun-orbit,.feature:hover .blue-orbit{transform:translate(-6px,-6px)}.section{margin:30px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:20px}.section-head h2{font-size:20px;letter-spacing:-.4px;font-weight:700}.section-head>a{font-size:12px;color:var(--accent);white-space:nowrap}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:20px;overflow:auto;padding-bottom:13px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ddd transparent}.cards.grid{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.card{min-width:0;scroll-snap-align:start}.art-wrap{position:relative}.art{aspect-ratio:1;width:100%;object-fit:cover;border-radius:9px;box-shadow:0 3px 10px #0000000d;transition:filter .25s,transform .3s}.artist .art{border-radius:50%}.card:hover .art{filter:brightness(.94);transform:translateY(-2px)}.card-title{display:block;margin-top:9px;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-float{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:#fafafae8;color:var(--accent);display:grid;place-items:center;box-shadow:0 3px 15px #0002;transition:transform .2s,opacity .2s;opacity:0;transform:translateY(5px)}.play-float svg{width:18px;height:18px}.card:hover .play-float,.card:focus-within .play-float,.station:hover .play-float,.station:focus-within .play-float{opacity:1;transform:translateY(0)}.song-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px}.song{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:9px 0;min-width:0}.song-play{position:relative;width:43px;height:43px;padding:0;flex-shrink:0;border-radius:5px;overflow:hidden}.song-play span{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0005;opacity:0;transition:opacity .2s}.song-play:hover span,.song-play:focus-visible span{opacity:1}.song>a{min-width:0;flex:1}.song strong,.song small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:13px}.song small{color:var(--muted);font-size:12px;margin-top:4px}.song>.icon{color:var(--accent);width:26px}.song>.icon svg{width:16px}.icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;border-radius:50%;transition:background .2s}.icon:hover{background:#00000008}.active{color:var(--accent)!important}.editorial-strip{display:flex;align-items:center;justify-content:space-between;border-radius:12px;overflow:hidden;background:#ece8f0;color:#514561;margin:38px 0;min-height:180px;padding-left:32px}.editorial-strip>span{font-size:13px}.editorial-strip strong{display:block;font-size:30px;letter-spacing:-1px;margin:8px 0 15px}.editorial-strip small{font-size:13px}.editorial-strip img{width:190px;align-self:stretch;object-fit:cover;mix-blend-mode:multiply}.guest-banner{position:fixed;bottom:0;left:0;right:0;min-height:84px;padding:20px 30px;background:linear-gradient(105deg,#c72945,#df4056);color:#fff;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px}.guest-banner strong{font-size:17px;font-weight:650}.guest-banner p{font-size:12px;margin-top:5px;color:#ffebee}.guest-banner>a{background:#fff;color:#b5243d;font-size:13px;padding:11px 23px;border-radius:7px;font-weight:650;white-space:nowrap}.guest-banner>a:hover{background:#fff0f2}#player{position:fixed;bottom:105px;left:calc(var(--side) + (100% - var(--side))/2);transform:translateX(-50%);width:min(760px,calc(100% - var(--side) - 60px));min-height:76px;display:flex;align-items:center;gap:16px;padding:10px 16px;background:#f8f8faed;backdrop-filter:blur(24px);border:1px solid #dddde180;border-radius:15px;box-shadow:0 5px 30px #0002;z-index:30}.now{display:flex;align-items:center;gap:10px;flex:1;min-width:0;order:2}.now>a{flex-shrink:0}.now img{width:44px;height:44px;border-radius:5px}.now>div{min-width:0}.now strong{font-weight:550;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.preview-label{display:block;color:var(--muted);font-size:9px;margin-top:3px}.now>.icon{display:none}.controls{width:220px;order:1;flex-shrink:0}.transport{display:flex;justify-content:center;align-items:center;gap:5px}.transport .icon{width:29px;height:29px;color:#68686d}.transport .primary{color:#36363b;width:34px}.transport .primary svg{width:25px;height:25px}.transport svg{width:18px;height:18px}.transport button:first-child svg,.transport button:last-child svg{width:15px;height:15px}.progress{display:flex;align-items:center;gap:6px;font-size:9px;color:#838388;margin-top:3px}.progress input{width:100%;height:3px;accent-color:#7b7b80}.extras{display:flex;align-items:center;order:3;gap:2px}.extras input{width:56px;height:3px;accent-color:#777}.extras svg{width:18px;height:18px}.optional{display:none}#right-panel{position:fixed;right:16px;top:16px;bottom:200px;width:310px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 50px #0002;border-radius:12px;padding:20px;overflow:auto;z-index:50}#right-panel[hidden]{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{font-size:19px}#right-panel>img{border-radius:9px;margin-bottom:18px}.lib-row{display:flex;align-items:center;gap:12px;padding:9px 0;width:100%;text-align:left;font-size:14px}.lib-row img{width:44px;height:44px;border-radius:5px}.lib-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.site-footer{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#86868a;line-height:1.8}.site-footer p span{margin-left:16px}.site-footer nav{display:flex;gap:20px;margin-top:8px}.site-footer a:hover{color:var(--accent)}.hero{border-radius:14px;padding:32px;display:flex;align-items:center;gap:30px;color:white;margin-bottom:20px}.hero>img{width:200px;border-radius:9px;box-shadow:0 6px 20px #0002}.hero small{font-size:13px}.hero h1{font-size:clamp(30px,4vw,58px);line-height:1.08;letter-spacing:-1.7px;margin:12px 0}.hero p{font-size:14px;color:#ffffffb0}.artist-hero img{border-radius:50%}.actions{display:flex;align-items:center;gap:15px;margin:24px 0}.pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 19px;border-radius:7px;font-size:13px;font-weight:600;border:1px solid transparent}.green,.signin{background:var(--accent);color:white}.light{background:#f0f0f3;color:var(--accent)}.outline{border:1px solid #d8d8de}.large-play{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.track,.track-head{display:grid;grid-template-columns:28px minmax(0,1fr) 160px 45px 32px;gap:15px;align-items:center;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.track-head{color:var(--muted);font-size:11px}.track:hover{background:#f7f7f9}.track-name{display:flex;align-items:center;gap:12px;min-width:0}.track-name img{width:40px;height:40px;border-radius:4px}.track-name strong{font-weight:500}.track-name small{display:block;color:var(--muted);margin-top:4px}.number,.duration,.album{color:var(--muted);font-size:12px}.track>button{color:var(--accent)}.track>button svg{width:18px}.hint{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}.empty,.no-results{text-align:center;padding:60px 20px}.empty p,.no-results p{margin:14px 0 20px;color:var(--muted)}.search{display:flex;align-items:center;gap:12px;border:1px solid #dddde2;border-radius:8px;padding:11px 15px;max-width:540px;margin-bottom:30px;background:#f8f8fa}.search svg{color:var(--muted);width:20px}.search input{border:0;background:none;outline:0;width:100%;font-size:15px;color:inherit}.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.genre{height:150px;position:relative;overflow:hidden;border-radius:9px;color:#fff;padding:20px;font-size:21px;font-weight:650}.genre span{position:relative;z-index:1;display:block;max-width:65%}.genre img{position:absolute;right:-15px;bottom:-20px;transform:rotate(20deg);width:105px;box-shadow:0 0 20px #0002}.auth,.text-page{max-width:650px;margin:45px auto 70px}.auth{text-align:center}.auth img{width:120px;margin:0 auto 30px}.auth h1,.text-page h1{font-size:40px;letter-spacing:-1px}.auth p,.text-page p{font-size:16px;color:var(--muted);line-height:1.8;margin:24px 0}.text-page .pill{margin-top:15px}.chips{margin-bottom:20px}.chips button{background:var(--accent);color:white;border-radius:7px;padding:10px 16px}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px}.station-art{aspect-ratio:1.15;background:var(--station);border-radius:12px;color:white;padding:24px;position:relative;overflow:hidden;background-image:radial-gradient(circle at 110% 110%,#ffffff55 0,transparent 65%)}.station-art>span svg{width:40px;height:40px;margin-bottom:24px}.station-art h2{font-size:27px;letter-spacing:-.8px;max-width:150px}.station-art p{font-size:11px;margin-top:12px;color:#ffffffb0}.station>p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.5}.station .play-float{opacity:1}.mobile-nav,.mobile-header{display:none}dialog{border:1px solid var(--line);border-radius:16px;width:min(460px,calc(100% - 32px));padding:36px;background:#fff;color:#222;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#20202766;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:10px;top:10px}dialog h2{font-size:25px;margin:8px 0 15px;letter-spacing:-.6px}dialog p{color:var(--muted);line-height:1.6;font-size:14px;margin-bottom:20px}dialog label{display:block;font-size:13px;margin:12px 0}dialog input[type=text]{width:100%;padding:12px;border:1px solid #d9d9de;border-radius:6px;margin-bottom:20px}dialog input[type=checkbox]{accent-color:var(--accent)}dialog .pill{margin-top:14px}#toast{position:fixed;bottom:199px;left:50%;transform:translate(-50%,12px);background:#28282d;color:white;border-radius:9px;padding:13px 20px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;box-shadow:0 4px 20px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}.enter> :not(.site-footer){animation:reveal .35s ease both}@keyframes reveal{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){#main{padding-left:60px;padding-right:60px}.cards{grid-auto-columns:calc((100% - 100px)/6)}.feature-art{aspect-ratio:2.2}}
@media(max-width:1150px){:root{--side:210px}#main{padding:30px 28px 140px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,1fr);column-gap:22px}.cards{grid-auto-columns:calc((100% - 48px)/4);gap:16px}.cards.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.extras input{display:none}.controls{width:180px}.feature-word{font-size:34px}.hero>img{width:160px}.album{display:none}.track,.track-head{grid-template-columns:24px minmax(0,1fr) 40px 30px}.radio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){:root{--side:0px}.sidebar{display:none}.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:#f8f8faef;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:17px 20px;align-items:center;justify-content:space-between;z-index:25}.mobile-header img{width:86px;height:28px;object-fit:contain}.mobile-header>a:last-child{font-size:13px;color:var(--accent);font-weight:600}#main{inset:60px 0 62px;padding:25px 20px 160px}.page-heading{font-size:32px;margin-bottom:23px}.feature-grid{display:flex;overflow:auto;gap:15px;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.feature{flex:0 0 88%;scroll-snap-align:start}.feature-art{aspect-ratio:1.7}.feature-word{font-size:40px}.feature-caption h2{font-size:18px}.feature-caption p{font-size:13px}.feature-tag{font-size:12px}.section-head h2{font-size:19px}.song-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(4,1fr);grid-auto-columns:87%;overflow:auto;scroll-snap-type:x mandatory;column-gap:20px;scrollbar-width:thin}.song{scroll-snap-align:start}.song strong{font-size:14px}.cards{grid-auto-columns:42%;gap:15px}.cards.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin:27px 0}.guest-banner{bottom:62px;min-height:54px;padding:10px 16px;gap:12px}.guest-banner strong{font-size:12px;line-height:1.4;display:block;max-width:190px}.guest-banner p{display:none}.guest-banner>a{font-size:10px;padding:8px 11px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:62px;padding:7px 12px 6px;background:#f8f8faf5;backdrop-filter:blur(20px);display:flex;justify-content:space-around;z-index:45;border-top:1px solid var(--line)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:#77777d;min-width:48px}.mobile-nav svg{width:22px;height:22px}.mobile-nav .current{color:var(--accent)}#player{bottom:126px;width:calc(100% - 24px);min-height:62px;gap:5px;padding:8px 11px;border-radius:12px}.now{order:1}.now img{width:40px;height:40px}.controls{width:auto;order:2}.transport .icon:first-child,.transport .icon:last-child,.transport button[data-action=prev],.progress,.extras{display:none}.transport{gap:1px}.now strong{font-size:12px}.preview-label{font-size:8px}.hero{padding:22px;gap:18px}.hero>img{width:100px}.hero h1{font-size:28px;letter-spacing:-.7px}.hero p{font-size:11px;line-height:1.5}.hero small{font-size:11px}.browse-grid{grid-template-columns:repeat(2,1fr);gap:12px}.genre{font-size:17px;padding:15px;height:130px}.genre img{width:80px}.editorial-strip{padding-left:20px;min-height:150px}.editorial-strip strong{font-size:23px;max-width:200px}.editorial-strip img{width:110px}.editorial-strip small{font-size:11px}.station-art{padding:18px;aspect-ratio:1}.station-art h2{font-size:21px}.station-art>span svg{width:28px;height:28px;margin-bottom:16px}.station-art p{display:none}.station>p{font-size:12px}.play-float{opacity:1;transform:none;width:32px;height:32px}.site-footer p span{display:block;margin:5px 0}.site-footer nav{flex-wrap:wrap;gap:6px 17px}.auth,.text-page{margin:20px auto 40px}.auth h1,.text-page h1{font-size:32px}.auth p,.text-page p{font-size:14px}#right-panel{top:72px;bottom:200px;right:12px;width:calc(100% - 24px)}#toast{bottom:200px;width:max-content;max-width:90%;text-align:center}.skip{left:20px}.radio-grid{gap:22px 14px}.track,.track-head{gap:8px;padding:9px 0;grid-template-columns:18px minmax(0,1fr) 35px 26px}.track-name{gap:8px}.track-name strong{font-size:12px}.track-name small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact floating player: signed-out, selected-track and narrow-screen states. */
#player{width:min(668px,calc(100% - var(--side) - 40px));height:56px;min-height:56px;bottom:102px;padding:0 16px;gap:12px;border-radius:999px;background:rgba(250,250,252,.66);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #00000012,inset 0 1px 0 #ffffffba;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6)}
#player .controls{width:150px;flex:0 0 150px;order:1}#player .transport{height:54px;gap:8px}#player .transport .icon{padding:0;width:24px;height:28px;flex:0 0 24px;color:#4d4d50;border-radius:5px}#player .transport .icon:first-child,#player .transport .icon:last-child{width:16px;flex-basis:16px}#player .transport .icon:disabled{opacity:.42;background:none}#player .transport .primary{width:26px;flex-basis:26px}#player .transport svg{width:22px;height:22px}#player .transport .primary svg{width:25px;height:25px}#player .transport .icon:first-child svg,#player .transport .icon:last-child svg{width:15px;height:15px}.player-glyph{fill:currentColor;stroke:none}
#player .now{order:2;flex:1;min-width:0;height:54px;justify-content:center;gap:9px}#player .player-brand{width:64px;height:auto;max-height:22px;object-fit:contain;opacity:.44;border-radius:0}#player .player-art{padding:0;flex:0 0 38px;border-radius:4px}#player .player-art img{height:38px;width:38px;border-radius:4px}#player .player-song{width:100%;max-width:240px;min-width:0;text-align:center}#player .now strong{font-size:12px;font-weight:600;line-height:15px}#player .now small{font-size:10px;line-height:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player .progress{display:flex;margin-top:2px;gap:5px;line-height:8px;font-size:8px}#player .progress input{appearance:none;-webkit-appearance:none;min-width:0;margin:0;height:2px;background:#0002;border-radius:3px;cursor:pointer}#player .progress input::-webkit-slider-thumb{appearance:none;width:6px;height:6px;border-radius:50%;background:#7c7c80}#player .progress input::-moz-range-thumb{width:6px;height:6px;border:0;border-radius:50%;background:#7c7c80}
#player .extras{order:3;display:flex;gap:8px;flex:0 0 56px}#player .extras>.icon,#player .volume-control>.icon{width:24px;height:28px;padding:3px;border-radius:5px;color:#29292c}#player .extras svg{width:18px;height:18px}#player .volume-control{position:relative;display:flex;align-items:center}.volume-popover{position:absolute;bottom:28px;right:-12px;width:128px;padding:18px 14px 22px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}.volume-popover::before{content:"";position:absolute;inset:0 0 8px;background:#fafafaf5;box-shadow:0 4px 18px #0002;border:1px solid #0000000d;border-radius:12px;z-index:-1}.volume-control:hover .volume-popover,.volume-control:focus-within .volume-popover{visibility:visible;opacity:1;transform:translateY(0)}#player .extras input{display:block;width:100%;height:4px;margin:0;accent-color:#666;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){#player{bottom:126px;height:56px;min-height:56px;width:calc(100% - 24px);padding:0 13px;gap:10px}#player .controls{width:116px;flex-basis:116px}#player .transport{gap:4px}#player .transport .icon:first-child,#player .transport .icon:last-child,#player .transport button[data-action=prev]{display:inline-flex}#player .transport .icon{width:22px;flex-basis:22px}#player .transport .icon:first-child,#player .transport .icon:last-child{width:13px;flex-basis:13px}#player .transport .primary{width:26px;flex-basis:26px}#player .extras{gap:4px;flex-basis:52px}#player .player-brand{width:54px}#player .player-art{display:none}#player .now strong{font-size:11px}#player .now small{font-size:9px}#player .progress>span{display:none}#player .progress{margin-top:5px}#player .progress input{display:block}.volume-popover{right:-7px}}
/* Zamar black appearance. */
:root{color-scheme:dark;color:#f5f5f7;background:#000;--muted:#a1a1a8;--line:#27272b;--accent:#fa5874}body,#main{background:#000}.sidebar{background:#0b0b0d;border-color:#222225}.primary-nav a:hover{background:#202024}.primary-nav a.current{background:#29292e}.sidebar-note{color:#9999a1}.sidebar-note p{color:#c2c2c9}.about-link{border-color:#29292e}.signin,.green{background:#d93650;color:#fff}.mobile-header{background:#0c0c0ef0}.mobile-nav{background:#101013f5}.mobile-nav a{color:#aaaab2}.mobile-nav .current{color:var(--accent)}.search{background:#17171b;border-color:#303036}.search input{color:#f5f5f7}.light{background:#27272d;color:#ff8298}.outline{border-color:#494950}.icon:hover{background:#ffffff12}.track:hover{background:#17171b}.site-footer{color:#aaaab0}.editorial-strip{background:#25202e;color:#e7ddf5}.editorial-strip img{mix-blend-mode:normal}.cards{scrollbar-color:#414147 transparent}.play-float{background:#29292ee8;color:#fff}.hero{box-shadow:inset 0 0 0 1px #ffffff0a}#right-panel,dialog{background:#17171b;color:#f5f5f7;border-color:#35353d}dialog input[type=text]{background:#222228;border-color:#484850;color:#fff}.skip{background:#25252a;color:#fff}.auth p,.text-page p{color:#b4b4bd}#toast{background:#ededf1;color:#19191c}.guest-banner{background:linear-gradient(105deg,#b8223c,#d42e49)}.guest-banner>a{background:#fff;color:#a51d33}.genre,.station-art,.hero{color:white}
#player{background:rgba(32,32,35,.72);border-color:#ffffff20;box-shadow:0 8px 32px #0007,inset 0 1px 0 #ffffff0d}#player .transport .icon{color:#ededf0}#player .transport .icon:disabled{opacity:.36}#player .extras>.icon,#player .volume-control>.icon{color:#e7e7eb}#player .player-brand{opacity:.55}#player .progress{color:#b1b1b8}#player .progress input{background:#ffffff35}#player .progress input::-webkit-slider-thumb{background:#d8d8dd}#player .progress input::-moz-range-thumb{background:#d8d8dd}.volume-popover::before{background:#303035f5;border-color:#ffffff20;box-shadow:0 4px 18px #0007}#player .extras input{accent-color:#dddde5}
:root{--country-height:0px}body.country-visible{--country-height:74px}.country-banner[hidden]{display:none}.country-banner{position:fixed;inset:auto 0 0;z-index:60;min-height:74px;background:#343436;border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:16px 30px;color:#f5f5f7}.country-close{margin-right:auto;flex-shrink:0}.country-close svg{width:26px;height:26px}.country-banner p{font-size:13px;line-height:1.5}.country-banner select{width:280px;min-width:160px;height:36px;background:#48484a;color:#f5f5f7;border:1px solid #656568;border-radius:7px;padding:0 12px;font-size:13px}.country-continue{background:#d93650;color:#fff;border-radius:7px;padding:10px 24px;font-size:13px;font-weight:600}.guest-banner{bottom:var(--country-height)}.sidebar{bottom:calc(84px + var(--country-height))}#main{bottom:calc(84px + var(--country-height))}#player{bottom:calc(102px + var(--country-height))}#right-panel{bottom:calc(180px + var(--country-height))}#toast{bottom:calc(180px + var(--country-height))}.site-footer nav button{padding:0;color:inherit;font-size:inherit}.site-footer nav button:hover{color:var(--accent)}
#player .now{position:relative;justify-content:flex-start;gap:9px;padding-bottom:4px}#player:not(.has-track) .now{justify-content:center;padding:0}#player .player-song{text-align:left;max-width:none;flex:1;min-width:0}#player .player-song small{margin-top:2px}#player .progress{position:absolute;bottom:5px;left:0;right:0;margin:0;display:flex;height:3px}#player .progress>span{display:none}#player .progress input{height:2px;flex:1}#player .progress input::-webkit-slider-thumb{width:4px;height:4px}#player .preview-badge{font-size:9px;line-height:16px;padding:0 6px;background:#777076;color:#fff;border-radius:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;flex-shrink:0}#player .player-menu-wrap{position:relative;flex:0 0 24px}#player .player-menu-wrap>.icon{width:24px;padding:2px;height:28px}#player .player-menu-wrap>.icon svg{width:20px;height:20px}#player .player-art{flex-basis:34px}#player .player-art img{width:34px;height:34px}#player-menu[hidden]{display:none}#player-menu{position:absolute;right:-9px;bottom:39px;width:210px;padding:4px 0;border-radius:9px;background:rgba(52,48,53,.97);border:1px solid #ffffff20;box-shadow:0 8px 30px #0008;backdrop-filter:blur(24px);overflow:hidden;z-index:80}#player-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;text-align:left;font-size:13px;color:#f5f5f7;border-bottom:1px solid #ffffff12}#player-menu button:last-child{border-bottom:0}#player-menu button:hover,#player-menu button:focus-visible{background:#ffffff18;outline-offset:-3px}#player-menu svg{width:17px;height:17px}#player-menu span{font-size:18px}
@media(max-width:1000px) and (min-width:768px){.country-banner{gap:14px;padding:14px 20px}.country-banner p{max-width:250px}.country-banner select{width:220px}}
@media(max-width:767px){body.country-visible{--country-height:138px}.country-banner{height:138px;min-height:138px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px}.country-banner p{font-size:12px;grid-column:1;grid-row:1;padding-right:20px}.country-close{grid-row:1;grid-column:2;margin:0;justify-self:end}.country-banner select{grid-column:1;grid-row:2;width:100%;min-width:0}.country-continue{grid-column:2;grid-row:2;padding:10px 18px}.mobile-nav{bottom:var(--country-height)}.guest-banner{bottom:calc(62px + var(--country-height))}#main{bottom:calc(62px + var(--country-height))}#player{bottom:calc(126px + var(--country-height));gap:7px}#player .controls{flex-basis:82px;width:82px}#player .transport .icon:first-child,#player .transport .icon:last-child{display:none}#player .preview-badge{font-size:7px;line-height:13px;padding:0 4px;letter-spacing:.2px}#player .now{gap:5px}#player .extras{flex-basis:24px}#player .volume-control{display:none}#player .player-song strong{font-size:10px}#player .player-song small{font-size:9px}#player .progress{bottom:6px}#player-menu{right:-28px;width:195px}#toast{bottom:calc(195px + var(--country-height))}#right-panel{bottom:calc(195px + var(--country-height))}}
/* Zamar's own brand accents; approved layout remains unchanged. */
:root{--brand-primary:#8b9dff;--brand-secondary:#ffba92;--accent:var(--brand-primary);--muted:#a7a7b5;--line:#24242c}.sidebar{background:#0b0b0f}.primary-nav a.current{background:#8b9dff14;box-shadow:inset 2px 0 var(--brand-primary)}.primary-nav a.current svg{color:var(--brand-primary)}.primary-nav a:not(.current) svg{color:#a7a7b5}.sidebar-note p{color:#d4d4df}.signin,.green,.country-continue,.chips button{background:var(--brand-primary);color:#111427;font-weight:650}.signin:hover,.green:hover,.country-continue:hover{background:#a8b5ff}.light{color:#c2ccff;background:#8b9dff16}.active{color:var(--brand-primary)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--brand-primary)}.section-head>a{color:#a8b5ff}.guest-banner{background:#171923;border-top:1px solid #8b9dff2b}.guest-banner strong{color:#fff}.guest-banner p{color:#b4b8cf}.guest-banner>a{background:var(--brand-primary);color:#111427;border-radius:999px}.guest-banner>a:hover{background:#a8b5ff}.guest-banner strong::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand-secondary);margin-right:10px;vertical-align:2px}.country-banner{background:#222228}.country-banner select{background:#303039;border-color:#4a4a58}.play-float{background:var(--brand-primary);color:#141726;box-shadow:0 3px 12px #0005}.card:hover .art{transform:none;filter:brightness(1.06)}.card-title:hover{color:#c2ccff}.song-play span{color:#fff;background:#11142766}.song:has(.is-playing){background:#8b9dff0a}.artist .art{box-shadow:0 0 0 1px #ffffff0c}.artist .card-title{text-align:center;font-weight:600}.artist .card-desc{text-align:center}.photo-feature .feature-art{background:#29252e;color:#fff}.photo-feature .feature-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,19,.78),rgba(12,10,19,.15) 65%),linear-gradient(0deg,#0a0a12aa,transparent 50%);z-index:1}.feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .7s ease}.dawn .feature-photo{object-position:75% 38%}.blue .feature-photo{object-position:65% 35%}.photo-feature:hover .feature-photo{transform:scale(1.025)}.photo-feature .feature-word{font-size:clamp(26px,2.7vw,46px);letter-spacing:-1.5px;top:24%;line-height:1.04;max-width:65%}.photo-feature .feature-tag,.photo-feature .feature-arrow{z-index:2}.feature-logo{position:absolute;z-index:2;left:7%;top:9%;width:65px;height:auto}.feature-caption>span{color:var(--brand-secondary)}.feature-tag{font-weight:500!important}.playlist-cover{position:relative;aspect-ratio:1;width:100%;overflow:hidden;border-radius:9px;background:var(--cover-color);isolation:isolate}.playlist-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0003,transparent 30%,#07071144 50%,#070711e8 100%)}.cover-photo{width:100%;height:100%;object-fit:cover;object-position:center 30%}.cover-logo{position:absolute;left:9%;top:8%;width:25%;height:auto;z-index:2;filter:drop-shadow(0 1px 4px #0006)}.cover-title{position:absolute;left:9%;right:8%;bottom:16%;color:white;font-size:clamp(19px,1.8vw,30px);line-height:1.03;font-weight:750;letter-spacing:-.8px;z-index:2;text-wrap:balance}.cover-credit{position:absolute;bottom:7%;left:9%;right:7%;z-index:2;color:#d6d6e0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero>.hero-art{width:200px;flex:0 0 200px;border-radius:9px;box-shadow:0 6px 20px #0004}.hero>.playlist-cover .cover-title{font-size:27px}.hero>.playlist-cover .cover-photo{width:100%;height:100%}.editorial-strip{background:#1f1b27;color:#f3e9e1}.editorial-strip small{color:var(--brand-secondary)}.image-credits{display:grid;gap:0}.image-credits>a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.image-credits span{color:var(--brand-primary);font-size:12px}#player{border-color:#ffffff1c;background:rgba(29,29,36,.76)}#player .preview-badge{background:#ffffff18;color:#d9dbe9}#player-menu{background:rgba(38,38,48,.98)}#player .progress input{accent-color:var(--brand-primary)}#player .progress input::-webkit-slider-thumb{background:var(--brand-primary)}#player .progress input::-moz-range-thumb{background:var(--brand-primary)}
@media(max-width:1150px){.hero>.hero-art{width:160px;flex-basis:160px}.hero>.playlist-cover .cover-title{font-size:23px}}
@media(max-width:767px){.photo-feature .feature-word{font-size:32px;letter-spacing:-1px;top:25%}.feature-logo{width:55px}.feature-caption>span{font-size:11px}.cover-title{font-size:23px}.cover-credit{font-size:9px}.hero>.hero-art{width:100px;flex-basis:100px}.hero>.playlist-cover .cover-title{font-size:16px;letter-spacing:-.3px}.hero>.playlist-cover .cover-credit{font-size:6px}.guest-banner strong::before{display:none}.guest-banner strong{font-size:13px}.image-credits>a{display:block}.image-credits span{display:block;margin-top:5px}}
/* Editorial shelves: snap scrolling, clear category hierarchy and compact controls. */
.section-heading{display:flex;gap:14px;align-items:center;min-width:0}.view-all{font-size:12px;color:#c2c2ce;border:1px solid #393940;border-radius:999px;padding:6px 12px;white-space:nowrap}.view-all:hover{border-color:#8b9dff;color:#c2ccff}.shelf-controls{display:flex;gap:7px;align-items:center;flex-shrink:0}.shelf-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#eeeef4;padding:5px;transition:background .2s,color .2s}.shelf-arrow:hover:not(:disabled){background:#ffffff14;color:var(--brand-primary)}.shelf-arrow:disabled{opacity:.23;cursor:default}.shelf-arrow svg{width:18px;height:18px;stroke-width:1.8}.arrow-right{display:flex;transform:rotate(180deg)}.cards:not(.grid){scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:0;padding-bottom:4px}.cards:not(.grid)::-webkit-scrollbar,.feature-grid::-webkit-scrollbar{display:none}.cards:not(.grid):focus-visible,.feature-grid:focus-visible,.song-grid:focus-visible{outline:2px solid var(--brand-primary);outline-offset:5px;border-radius:8px}.featured-section{margin-bottom:34px}.featured-toolbar{display:flex;justify-content:space-between;align-items:center;margin:-9px 0 12px;gap:15px}.featured-toolbar>span{font-size:12px;color:var(--muted)}.featured-section .feature-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 42px)/2.12);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:0;margin:0}.feature-grid>.feature{scroll-snap-align:start;min-width:0}.featured-section .feature-caption{height:72px;margin:0 0 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.featured-section .feature-caption>span{font-size:10px;line-height:14px;letter-spacing:1.1px;font-weight:650;color:var(--brand-secondary)}.featured-section .feature-caption h2{font-size:19px;font-weight:550;letter-spacing:-.3px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.featured-section .feature-caption p{font-size:13px;line-height:18px;color:#a7a7b5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-section .feature-art{aspect-ratio:1.75;background:var(--story-color);border-radius:11px;overflow:hidden}.featured-section .feature-image-link{position:absolute;inset:0;display:block}.featured-section .feature-art::after{background:linear-gradient(180deg,#0003 0%,transparent 35%,#08080e66 63%,#08080ee8 100%);pointer-events:none}.featured-section .feature-photo{object-position:center 34%;transform:none}.featured-section .feature-logo{left:6%;top:8%;width:64px;pointer-events:none}.feature-story{position:absolute;left:6%;right:70px;bottom:8%;z-index:2;pointer-events:none}.feature-story a{pointer-events:auto}.feature-statement{font-size:clamp(21px,2.1vw,32px);font-weight:700;line-height:1.07;letter-spacing:-.8px;color:#fff;display:block;max-width:360px}.feature-story p{margin-top:9px;font-size:12px;line-height:1.45;color:#e0e0e8;max-width:340px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-play{position:absolute;bottom:8%;right:5%;z-index:3;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#ffffff28;backdrop-filter:blur(12px);border:1px solid #ffffff36;color:#fff;transition:background .2s}.feature-play:hover{background:var(--brand-primary);color:#111427}.feature-play svg{width:18px;height:18px}.playlist-card .card-title{font-size:15px;font-weight:650;letter-spacing:-.2px;line-height:21px;margin-top:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:21px}.playlist-card .card-desc{font-size:12px;line-height:18px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;min-height:36px}.playlist-meta{font-size:10px;color:#858593;line-height:15px;margin-top:5px}.playlist-meta span{padding:0 4px}.playlist-cover .cover-title{left:9%;right:9%;bottom:18%;font-size:clamp(22px,2vw,32px);letter-spacing:-1px;line-height:1.04;max-width:85%}.playlist-cover .cover-logo{width:26%;top:9%}.playlist-cover .cover-credit{bottom:8%;font-size:10px;letter-spacing:.1px}.song-shelf-actions{display:flex;align-items:center;gap:15px}.song-shelf-actions>a{font-size:12px;color:var(--brand-primary)}
@media(min-width:1600px){.featured-section .feature-grid{grid-auto-columns:calc((100% - 44px)/3)}.feature-statement{font-size:30px}}
@media(max-width:1000px){.featured-section .feature-grid{grid-auto-columns:66%;gap:18px}.feature-statement{font-size:27px}.section-heading{gap:10px}.section-head{gap:10px}}
@media(max-width:767px){.featured-section .feature-grid{grid-auto-columns:88%;gap:16px;margin-right:-20px;padding-right:20px}.featured-toolbar{margin-top:-8px;margin-bottom:5px}.featured-toolbar>span{font-size:11px}.featured-section .feature-caption{height:68px;margin-bottom:10px;gap:3px}.featured-section .feature-caption>span{font-size:9px;letter-spacing:1px}.featured-section .feature-caption h2{font-size:18px;line-height:23px}.featured-section .feature-caption p{font-size:12px}.featured-section .feature-art{aspect-ratio:1.4}.featured-section .feature-logo{width:55px}.feature-statement{font-size:26px;letter-spacing:-.6px}.feature-story{right:60px;bottom:9%}.feature-story p{font-size:11px;line-height:1.4;margin-top:7px}.feature-play{width:34px;height:34px;bottom:9%}.section-head h2{font-size:18px}.section-heading{align-items:flex-start;gap:7px;flex-direction:column}.view-all{padding:0;border:0;font-size:11px;color:var(--brand-primary)}.shelf-controls{gap:3px}.shelf-arrow{width:28px;height:28px}.playlist-card .card-title{font-size:14px;line-height:19px;margin-top:10px}.playlist-card .card-desc{font-size:11px;line-height:16px;min-height:32px}.playlist-meta{font-size:9px}.playlist-cover .cover-title{font-size:24px;letter-spacing:-.6px}.playlist-cover .cover-credit{font-size:9px}.song-shelf-actions{gap:5px}.song-shelf-actions>a{font-size:11px}}

/* Compact sidebar navigation with a clean, full-row selection. */
@media(min-width:768px){
:root{--side:260px}
.sidebar{padding:28px 12px 20px}
.sidebar .brand{width:107px;margin:0 16px 22px}
.sidebar .brand img{height:30px}
.primary-nav{gap:4px;margin-left:8px}
.primary-nav a{height:36px;padding:0 8px;gap:8px;font-size:14px;line-height:20px;font-weight:400;border:0;border-radius:6px;box-shadow:none;transition:background-color .16s ease,color .16s ease}
.primary-nav a>span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}
.primary-nav svg{display:block;width:18px;height:18px;stroke-width:1.65}
.primary-nav a:hover{background:#ffffff09}
.primary-nav a.current,.primary-nav a.current:hover{background:#ffffff0e;box-shadow:none;font-weight:600}
.primary-nav a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
.sidebar-note{padding:28px 16px}
.sidebar-bottom .signin{min-height:36px;padding:8px 16px;border-radius:999px;font-size:14px;line-height:20px}
.sidebar-bottom .about-link{padding:18px 8px}
}
/* Larger catalog, quieter cover typography, and video discovery. */
.playlist-cover .cover-title{left:9%;right:9%;bottom:16%;font-size:clamp(15px,1.15vw,20px);font-weight:600;letter-spacing:-.35px;line-height:1.16;max-width:82%;text-wrap:balance}
.hero>.playlist-cover .cover-title{font-size:19px}
.playlist-cover::after{background:linear-gradient(180deg,#0002,transparent 38%,#07071125 62%,#070711cc 100%)}
.playlist-cover .cover-logo{width:23%}
.playlist-cover .cover-credit{font-size:9px}
.playlist-card .card-title{font-size:14px;font-weight:550}
.artist-cards .card-title{font-size:13px}
.artist-cards .card-desc{font-size:11px}
.catalog-count{color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}
.catalog-source{display:inline-block;font-size:12px;color:var(--muted);margin:8px 0 12px}
.catalog-source:hover{color:var(--accent)}
.video-intro{font-size:13px;color:var(--muted);margin:-4px 0 18px;line-height:1.5}
.video-cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 0 12px}
.video-cards::-webkit-scrollbar{display:none}
.video-card{min-width:0;scroll-snap-align:start}
.video-art{display:block;aspect-ratio:16/9;position:relative;border-radius:9px;overflow:hidden;background:#18181d}
.video-art img{width:100%;height:100%;object-fit:cover;transition:filter .2s}
.video-art:hover img{filter:brightness(.8)}
.video-category{position:absolute;left:12px;bottom:12px;background:#111b;backdrop-filter:blur(10px);color:#fff;border-radius:5px;padding:5px 8px;font-size:10px;line-height:14px}
.video-play{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff55;background:#1119;color:#fff;border-radius:50%}
.video-play svg{width:16px;height:16px}
.video-grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px;overflow:visible}
.video-stage{aspect-ratio:16/9;width:100%;max-height:65vh;background:#111115;border-radius:12px;overflow:hidden;margin:8px 0 24px}
.video-stage iframe{width:100%;height:100%;border:0;display:block}
.video-poster{position:relative;display:block;width:100%;height:100%;padding:0;background:#101014}
.video-poster>img{width:100%;height:100%;object-fit:contain;opacity:.8}
.video-poster .video-play{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--brand-primary);color:#111427;border:0}
.video-poster .video-play svg{width:26px;height:26px}
.watch-label{position:absolute;top:calc(50% + 43px);left:0;right:0;font-size:13px;color:#fff}
.video-type{color:var(--brand-secondary);font-size:11px;margin-bottom:10px}
.video-title{font-size:30px;margin-bottom:10px}
.video-creator{font-size:15px;color:#d0d0d8}
.video-description{max-width:640px;font-size:14px;line-height:1.6;color:var(--muted);margin:15px 0 20px}
@media(min-width:1024px){.cards.artist-cards{grid-auto-columns:calc((100% - 120px)/7);gap:20px}.cards.artist-cards.grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:768px){.song-grid{grid-template-columns:none;grid-auto-columns:calc((100% - 60px)/3);overflow-x:auto;scroll-snap-type:x mandatory}}
@media(max-width:1023px) and (min-width:768px){.cards.artist-cards{grid-auto-columns:calc((100% - 60px)/4)}.cards.artist-cards.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-cards{grid-auto-columns:calc((100% - 20px)/2)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.playlist-cover .cover-title{font-size:16px}.video-cards{grid-auto-columns:85%;gap:15px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;grid-auto-columns:auto}.video-grid .video-category{display:none}.video-card .card-title{font-size:13px;white-space:normal;line-height:1.4}.video-card .card-desc{font-size:11px}.video-title{font-size:25px}.mobile-nav{padding-inline:6px}.mobile-nav a{min-width:42px}.video-stage{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.video-art img{transition:none}}
/* Song actions, collection views, and the animated queue drawer. */
.song{border-radius:5px;transition:background-color .16s ease}
.song:hover,.song:focus-within{background:#ffffff08}
.song:hover .song-play span,.song:focus-within .song-play span,.track:hover .song-play span,.track:focus-within .song-play span{opacity:1;background:#0008}
.song-play img{width:100%;height:100%;object-fit:cover}
.song-play span svg{width:19px;height:19px}
.song>.icon{flex:0 0 26px}
.song>.song-more{margin-left:-4px}
.song-more{color:var(--muted);width:28px;height:28px;padding:5px;flex-shrink:0}
.song-more svg{width:18px;height:18px}
.song-more:hover,.song-more[aria-expanded=true]{color:var(--accent);background:#ffffff12}
.card .art-wrap>.song-more{position:absolute;top:7px;right:7px;background:#15151dcc;color:white;opacity:0;transition:opacity .16s ease}
.card:hover .art-wrap>.song-more,.card:focus-within .art-wrap>.song-more{opacity:1}
.track,.track-head{grid-template-columns:28px minmax(0,1fr) minmax(100px,25%) 45px 64px}
.track-name>a{min-width:0;overflow:hidden}
.track-name strong,.track-name small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.track-name .song-play{width:40px;height:40px}
.track-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.track-actions .icon{width:29px;height:29px;padding:6px}
.track .album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-title{font-size:28px;line-height:1.2;letter-spacing:-.7px}
.view-switch{display:flex;gap:3px;padding:3px;background:#18181f;border:1px solid #ffffff0c;border-radius:8px;flex-shrink:0}
.view-switch button{padding:6px 13px;font-size:12px;color:var(--muted);border-radius:5px}
.view-switch button[aria-pressed=true]{background:#353541;color:#fff}
#song-menu[hidden]{display:none}
#song-menu{position:fixed;z-index:90;width:224px;padding:7px;background:#25252ef5;backdrop-filter:blur(24px);border:1px solid #ffffff19;border-radius:10px;box-shadow:0 12px 40px #0009}
#song-menu>p{padding:8px 10px 10px;font-size:12px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #ffffff12;margin-bottom:4px}
#song-menu button{display:block;width:100%;padding:10px;text-align:left;font-size:13px;border-radius:5px}
#song-menu button:hover,#song-menu button:focus-visible{background:#8b9dff25;outline:0;color:#fff}
#right-panel{transform:translateX(calc(100% + 32px));opacity:0;transition:transform .25s cubic-bezier(.22,.68,0,1),opacity .2s ease;will-change:transform,opacity}
#right-panel.panel-open{transform:translateX(0);opacity:1}
#right-panel .lib-row{border-radius:7px;padding:9px 5px}
#right-panel .lib-row:hover{background:#ffffff08}
#right-panel .lib-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1024px){.cards,.cards.artist-cards{grid-auto-columns:calc((100% - 120px)/7);gap:20px}.cards.grid,.cards.artist-cards.grid{grid-template-columns:repeat(7,minmax(0,1fr))}.card-title{font-size:13px}.playlist-card .card-title{font-size:13px}.playlist-cover .cover-title{font-size:clamp(13px,1vw,17px);white-space:normal}.playlist-cover .cover-credit{font-size:8px}.playlist-meta{font-size:9px}.card .play-float{width:32px;height:32px;right:8px;bottom:8px}}
@media(max-width:767px){.track,.track-head{grid-template-columns:18px minmax(0,1fr) 35px 58px}.track .album,.track-head .album{display:none}.collection-title{font-size:22px}.view-switch button{padding:6px 10px}.card .art-wrap>.song-more{opacity:1}}
@media(hover:none){.song-play span{opacity:1;background:#0004}.card .art-wrap>.song-more{opacity:1}}
@media(prefers-reduced-motion:reduce){#right-panel{transition:none}.song,.card .art-wrap>.song-more{transition:none}}
/* Artist worlds and Zamar Radio */
.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted,#a7a7b5)}
.artist-stage{height:420px;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#17171f;margin-bottom:24px}.artist-atmosphere{position:absolute;inset:-30%;background-size:cover;background-position:center;filter:blur(60px);opacity:.32}.artist-portrait{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:center 30%;mask-image:linear-gradient(90deg,transparent,#000 28%);animation:artist-arrive 1.5s ease-out both}.artist-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 65%);z-index:1;pointer-events:none}.artist-stage-copy{position:absolute;bottom:40px;left:36px;z-index:2;width:80%}.artist-stage-copy .eyebrow{color:#ddd}.artist-stage h1{font-size:clamp(42px,6.5vw,92px);line-height:1.03;letter-spacing:-3px;margin:18px 0;font-weight:800}.artist-stage-copy p{color:#ddd;font-size:15px}.artist-toolbar{display:flex;align-items:center;gap:22px;margin:0 0 32px}.artist-toolbar>span{margin-left:auto;color:#888;font-size:12px}.artist-overview{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;margin-bottom:44px}.artist-popular{min-width:0}.artist-popular h2,.artist-selection h3{margin:0 0 20px}.artist-popular .album{display:none}.artist-popular .track,.artist-popular .track-head{grid-template-columns:22px minmax(0,1fr) 40px 64px}.artist-selection{border-radius:12px;background:#131317;padding:20px}.artist-selection img{width:86px;height:86px;object-fit:cover;border-radius:7px;margin:18px 0}.artist-selection h3{font-size:16px;margin:0}.artist-selection p{font-size:12px;line-height:1.6;color:#a7a7b5}.text-action{display:inline-flex;align-items:center;gap:10px;color:#aab5ff;background:none;border:0;padding:6px 0;font-size:13px}.text-action svg{width:14px;height:14px}.more-tracks summary{cursor:pointer;font-size:12px;padding:18px;color:#aaa}.artist-about{display:flex;gap:30px;align-items:center;border-radius:12px;background:#111116;overflow:hidden;margin:40px 0}.artist-about>img{width:32%;height:260px;object-fit:cover;object-position:center 30%}.artist-about>div{padding:24px}.artist-about h2{font-size:26px;max-width:400px;line-height:1.2;margin:14px 0}.artist-about p{color:#a7a7b5;font-size:14px;max-width:380px;line-height:1.7}
.radio-heading{position:relative;border-bottom:1px solid #24242a;margin-bottom:24px;padding-bottom:20px}.radio-heading .page-heading{margin-bottom:8px}.radio-heading p{color:#a7a7b5;font-size:14px}.radio-preview-label{position:absolute;right:0;bottom:23px;font-size:10px;letter-spacing:1.5px;color:#ffba92}.radio-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.radio-feature{position:relative;height:390px;overflow:hidden;border-radius:12px;background:#222}.radio-feature>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.radio-feature:hover>img{transform:scale(1.035)}.radio-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,#0001 20%,#000e 100%);pointer-events:none}.radio-feature-top,.radio-feature-copy{position:absolute;z-index:1;left:24px;right:24px}.radio-feature-top{top:24px;display:flex;align-items:center;justify-content:space-between}.radio-feature-top img{width:76px}.radio-feature-top span{font-size:9px;letter-spacing:1px}.radio-feature-copy{bottom:26px}.radio-feature-copy .eyebrow{color:#ffba92}.radio-feature h2{font-size:32px;line-height:1.03;letter-spacing:-1px;margin:12px 0;max-width:210px}.radio-feature p{font-size:13px;color:#ddd;min-height:36px;line-height:1.5}.radio-feature .pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:10px 15px}.radio-feature .pill svg{width:13px;height:13px}.radio-editorial{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222;padding:36px 0}.radio-editorial h2{font-size:30px;letter-spacing:-.7px;margin:14px 0}.radio-editorial p{font-size:13px;color:#aaa}.radio-frequency{height:130px;display:flex;align-items:center;gap:5px;width:40%;opacity:.75}.radio-frequency i{height:var(--bar);flex:1;border-radius:8px;background:linear-gradient(#8b9dff,#ffba92);animation:frequency 3s ease-in-out var(--delay) infinite alternate}
#dialog.guest-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;padding:0;border-radius:18px;overflow:hidden;background:#19191f}#dialog.guest-dialog #dialog-body{display:grid;grid-template-columns:42% 58%}.guest-visual{position:relative;min-height:420px;overflow:hidden;background:#303044}.guest-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.48)}.guest-visual>div{position:relative;z-index:1;padding:35px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.guest-visual>div img{width:95px}.guest-visual span{font-size:32px;font-weight:750;line-height:1.05;letter-spacing:-1px}.guest-copy{padding:48px 34px 32px}.guest-copy h2{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:14px 0 20px}.guest-copy p{font-size:14px;line-height:1.6;color:#c2c2cd}.guest-availability{font-size:12px;line-height:1.6;color:#a7a7b5;margin:20px 0}.guest-copy .pill{width:100%;margin-bottom:14px}.guest-copy small{display:block;color:#94949f;font-size:10px;line-height:1.5;text-align:center}#dialog.guest-dialog .close{z-index:3;right:12px;top:12px}
@keyframes artist-arrive{from{transform:scale(1.045);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes frequency{to{transform:scaleY(.55);opacity:.55}}
@media(max-width:1100px){.artist-overview{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.radio-feature h2{font-size:26px}.radio-feature-top,.radio-feature-copy{left:18px;right:18px}.radio-features{gap:14px}}
@media(max-width:700px){.artist-stage{height:370px}.artist-portrait{width:100%;mask-image:linear-gradient(0deg,transparent,#000 45%)}.artist-stage-copy{bottom:24px;left:22px;width:90%}.artist-stage h1{font-size:48px;letter-spacing:-2px}.artist-toolbar{gap:14px}.artist-toolbar>span{display:none}.artist-overview{grid-template-columns:1fr}.artist-selection{display:none}.artist-about{gap:0}.artist-about>img{width:35%;height:230px}.artist-about h2{font-size:21px}.artist-about>div{padding:20px}.radio-features{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.radio-feature{flex:0 0 84%;height:380px;scroll-snap-align:start}.radio-feature h2{font-size:36px}.radio-preview-label{position:static;display:inline-block;margin-top:5px}.radio-editorial h2{font-size:25px}.radio-frequency{width:30%;gap:3px}.radio-frequency i:nth-child(2n){display:none}#dialog.guest-dialog #dialog-body{grid-template-columns:1fr}.guest-visual{display:none}.guest-copy{padding:44px 28px 30px}.guest-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.artist-portrait,.radio-frequency i{animation:none}.radio-feature>img{transition:none}}
/* Artist profile detail, motion and audience preview */
.motion-stage{height:480px}.motion-stage .artist-portrait{width:100%;object-position:center 27%;mask-image:linear-gradient(0deg,transparent,#000 65%)}.motion-stage:after{background:linear-gradient(0deg,#000e,transparent 75%)}.artist-motion{position:absolute;inset:0;opacity:0;transition:opacity .6s;background:#111}.artist-motion.is-playing{opacity:1}.artist-motion iframe{border:0;width:100%;height:100%}.motion-stage:has(.is-playing) .artist-stage-copy{pointer-events:none;bottom:32px}.motion-control{position:absolute;z-index:4;top:18px;right:18px;border:1px solid #ffffff40;border-radius:30px;background:#111c;color:#fff;display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11px}.motion-control svg{width:13px;height:13px}.artist-stage-copy .demo-inline{display:inline-block;margin-left:12px}.demo-inline{font-size:10px;color:#b5b5c2;letter-spacing:.4px}.artist-stats{display:flex;align-items:center;gap:34px;padding:22px 0;border-top:1px solid #24242a;border-bottom:1px solid #24242a;margin-bottom:24px}.artist-stats>div{display:flex;flex-direction:column;gap:7px}.artist-stats strong{font-size:23px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.artist-stats span{font-size:11px;color:#a7a7b5}.artist-stats>button{margin-left:auto;border:0;background:none;color:#a7a7b5;font-size:10px;cursor:pointer}.artist-jumps{display:flex;gap:26px;margin:0 0 32px}.artist-jumps button{border:0;background:none;color:#bcbcc6;font-size:13px;padding:8px 0;cursor:pointer}.artist-jumps button:hover{color:#8b9dff}.artist-song,.artist-track-head{display:grid;grid-template-columns:20px minmax(0,1fr) 100px 64px;align-items:center;gap:12px}.artist-song{padding:10px 0;border-bottom:1px solid #24242a;min-height:62px;border-radius:5px}.artist-song:hover,.artist-song:focus-within{background:#ffffff08}.artist-song:hover .song-play span,.artist-song:focus-within .song-play span{opacity:1;background:#0008}.artist-song .song-play{width:40px;height:40px;flex-shrink:0}.artist-song .song-play img{width:100%;height:100%}.artist-track-head{padding:14px 0;color:#888;font-size:11px}.stream-count{color:#a7a7b5;font-size:12px;font-variant-numeric:tabular-nums}.discography-tabs{display:flex;gap:8px;margin:0 0 22px}.discography-tabs button{border:1px solid #303038;background:#16161c;color:#ddd;padding:8px 16px;border-radius:24px;font-size:12px;cursor:pointer}.discography-tabs button[aria-pressed=true]{background:#eee;color:#111;border-color:#eee}.cards>[data-release-type]{min-width:0}.cards>[data-release-type][hidden]{display:none}.artist-extras{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.artist-extras section{background:#121217;padding:26px;border-radius:12px}.artist-extras h2{font-size:23px;margin:12px 0}.artist-extras p{font-size:13px;color:#a7a7b5;line-height:1.6}.artist-about .text-action{display:flex}.artist-popular,.section,#artist-fans,#artist-about{scroll-margin-top:24px}
@media(max-width:1100px){.artist-stats{gap:22px}.artist-stats strong{font-size:20px}.artist-song,.artist-track-head{grid-template-columns:18px minmax(0,1fr) 75px 60px;gap:8px}}
@media(max-width:700px){.motion-stage{height:390px}.artist-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}.artist-stats>button{margin-left:0;text-align:left;grid-column:1/-1}.artist-jumps{gap:22px;overflow:auto;white-space:nowrap}.artist-song,.artist-track-head{grid-template-columns:16px minmax(0,1fr) 66px 28px;gap:7px}.artist-song .track-actions>[data-save]{display:none}.stream-count{font-size:10px}.artist-extras{grid-template-columns:1fr}.motion-stage .artist-stage-copy{left:20px}.motion-stage h1{font-size:42px}.artist-stage-copy p{font-size:12px}.artist-stage-copy .demo-inline{margin-left:0;display:block;margin-top:8px}.artist-motion iframe{height:72%;position:absolute;top:0}.motion-control{top:10px;right:10px}.discography-tabs button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.artist-motion{transition:none}}
/* Edge-to-edge artist worlds: image first, optional native motion. */
.artist-world #main{--artist-gutter:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--artist-page-tone) 64%,#101016) 0px,color-mix(in srgb,var(--artist-page-tone) 38%,#08080d) 900px,#08080c 1800px);padding-top:0;padding-left:var(--artist-gutter);padding-right:var(--artist-gutter)}
.artist-world .sidebar{background:color-mix(in srgb,var(--artist-page-tone) 30%,#08080d);border-right-color:#ffffff10;transition:background .6s}
.artist-world .motion-stage{margin:0 calc(-1 * var(--artist-gutter)) 24px;width:calc(100% + 2 * var(--artist-gutter));height:clamp(490px,64vw,690px);border-radius:0;overflow:hidden;background:color-mix(in srgb,var(--artist-page-tone) 64%,#101016)}
.artist-world .artist-atmosphere{inset:-10%;filter:blur(48px);opacity:.5;background-position:center;background-size:cover}
.artist-world .motion-stage .artist-portrait{width:100%;height:100%;object-fit:contain;object-position:50% 20%;mask-image:linear-gradient(0deg,transparent,#000 44%);animation:none}
.artist-world .motion-stage:after{background:linear-gradient(0deg,color-mix(in srgb,var(--artist-page-tone) 64%,#101016) 0%,transparent 52%);z-index:2;pointer-events:none}
.artist-world .motion-stage .artist-stage-copy{inset:auto 20px 28px;width:auto;text-align:center;z-index:3;pointer-events:none}
.artist-world .motion-stage h1{font-size:clamp(30px,3.2vw,46px);font-weight:730;line-height:1.12;letter-spacing:-1.1px;margin:0 0 20px;text-shadow:0 1px 24px #0003}
.hero-center-controls{display:flex;align-items:center;justify-content:center;gap:18px;pointer-events:auto}.hero-center-controls button{display:grid;place-items:center;border:1px solid #ffffff26;border-radius:50%;color:#fff;background:#ffffff16;width:38px;height:38px;backdrop-filter:blur(12px);cursor:pointer}.hero-center-controls .hero-main-play{width:58px;height:58px;background:#fff;color:#232537;border:0}.hero-center-controls svg{width:19px;height:19px}.hero-main-play svg{width:27px;height:27px}.hero-info{font-family:Georgia,serif;font-size:21px;font-weight:600}
.artist-world .artist-toolbar>.large-play,.artist-world .artist-toolbar>[data-follow]{display:none}.artist-world .artist-toolbar{margin:0 0 18px;gap:18px}.artist-world .artist-stats{border-color:#ffffff18}.artist-world .artist-selection,.artist-world .artist-about,.artist-world .artist-extras section{background:#0002}.artist-world .artist-song{border-color:#ffffff16}.artist-world .artist-jumps button,.artist-world .stream-count,.artist-world .artist-stats span{color:#d6d4dc}.artist-world .discography-tabs button{background:#0002;border-color:#ffffff20}.artist-world .discography-tabs button[aria-pressed=true]{background:#f5f5f7;color:#19191f}
.artist-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.3s ease;z-index:1;pointer-events:none}.artist-hero-video.is-playing{opacity:1}.motion-demo-label{position:absolute;top:22px;left:24px;z-index:4;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#fff9;background:#0003;padding:6px 9px;border-radius:4px}.motion-pause{position:absolute;right:22px;bottom:28px;z-index:4;border:1px solid #ffffff30;border-radius:50%;background:#0003;color:#fff;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.motion-pause svg{width:12px;height:12px}.motion-pause[hidden],.motion-demo-label[hidden]{display:none}
@media(min-width:1600px){.artist-world #main{--artist-gutter:60px}.artist-world .motion-stage{height:730px}}
@media(max-width:1100px){.artist-world #main{--artist-gutter:28px}.artist-world .motion-stage{height:540px}}
@media(max-width:700px){.artist-world #main{--artist-gutter:20px}.artist-world .motion-stage{height:470px}.artist-world .motion-stage .artist-portrait{object-fit:cover;object-position:center 25%}.artist-world .motion-stage h1{font-size:32px}.artist-world .motion-stage .artist-stage-copy{bottom:24px}.hero-center-controls .hero-main-play{width:52px;height:52px}.motion-demo-label{left:15px;top:15px}.motion-pause{right:15px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.artist-hero-video,.artist-world .sidebar{transition:none}}

/* Continuous artist backdrop: no visible hero frame or lower seam. */
.artist-world #main{--artist-blend:color-mix(in srgb,var(--artist-page-tone) 64%,#101016);background:linear-gradient(180deg,var(--artist-blend) 0px,var(--artist-blend) 780px,color-mix(in srgb,var(--artist-page-tone) 38%,#08080d) 1250px,#08080c 2000px)}
.artist-world .motion-stage{background:transparent;border:0;box-shadow:none;border-radius:0;isolation:isolate}
.artist-world .motion-stage:after{background:linear-gradient(0deg,var(--artist-blend) 0%,color-mix(in srgb,var(--artist-blend) 94%,transparent) 8%,color-mix(in srgb,var(--artist-blend) 70%,transparent) 21%,color-mix(in srgb,var(--artist-blend) 25%,transparent) 39%,transparent 60%)}
.artist-world .motion-stage .artist-portrait{mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 48%);mask-composite:intersect;border-radius:0}
.artist-world .artist-atmosphere{mask-image:linear-gradient(0deg,transparent 0%,#000 55%)}
.artist-hero-video{border-radius:0;transition:opacity 1.8s ease-in-out;mask-image:linear-gradient(0deg,transparent 0%,#000 45%)}
@media(prefers-reduced-motion:reduce){.artist-hero-video{transition:none}}

.artist-world .artist-toolbar>.artist-radio-follow{display:inline-flex;align-items:center;justify-content:center}

/* Contrast-safe artist actions against the deliberately darkened artist theme. */
.artist-world .artist-toolbar>[data-action="artist-radio"]{border:1px solid #fff;background:transparent;color:#fff;font-weight:650;opacity:1;min-height:36px;box-shadow:none}
.artist-world .artist-toolbar>.artist-radio-follow{border:1px solid #fff;background:#fff;color:var(--artist-blend,#24212f);font-weight:700;opacity:1;min-height:36px;box-shadow:none}
.artist-world .artist-toolbar>[data-action="artist-radio"]:hover{background:#ffffff18;border-color:#fff;color:#fff}
.artist-world .artist-toolbar>.artist-radio-follow:hover{background:#f0f0f3;border-color:#f0f0f3;color:var(--artist-blend,#24212f)}
.artist-world .artist-toolbar>[data-action="artist-radio"]:focus-visible,.artist-world .artist-toolbar>.artist-radio-follow:focus-visible{outline:2px solid #fff;outline-offset:4px}

.artist-world .artist-toolbar>[data-action="artist-radio"]{border-width:.5px;border-color:#ffffff90}
.artist-world .artist-toolbar>[data-action="artist-radio"]:hover{border-width:.5px;border-color:#ffffffbd}
/* Signed-out membership surfaces. */
.member-welcome{position:relative;min-height:620px;isolation:isolate;overflow:hidden;border-radius:16px;background:#101015;display:grid;place-items:center;text-align:center}.member-art{position:absolute;inset:-70px -45px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;transform:rotate(-12deg) scale(1.08);z-index:-2}.member-art img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;opacity:.62}.member-welcome:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#08080de8 15%,#08080d9c 70%),linear-gradient(0deg,#101015,transparent 40%);z-index:-1}.member-welcome-copy{padding:60px 24px;max-width:650px}.member-logo{width:125px;display:block;margin:0 auto 32px}.member-welcome .eyebrow{display:block;color:#c0c7ff;font-size:10px;letter-spacing:2px}.member-welcome h1{font-size:clamp(35px,4.2vw,59px);line-height:1.07;letter-spacing:-2px;margin:16px 0 22px}.member-welcome p{max-width:430px;margin:0 auto 27px;font-size:15px;color:#c4c4ce;line-height:1.65}.member-welcome .pill{display:block;min-width:170px;margin:0 auto 18px;padding:13px 25px;font-weight:700}.member-browse{display:block;font-size:13px;color:#d8ddff}.member-welcome small{display:block;font-size:11px;color:#90909e;margin-top:25px}.member-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:45px 16px 10px}.member-benefits svg{width:25px;height:25px;color:#a7b5ff}.member-benefits h2{font-size:18px;margin:16px 0 10px}.member-benefits p{font-size:13px;line-height:1.7;color:#9999a7;max-width:280px}.guest-dismiss{display:block;margin:4px auto 0;background:none;border:0;color:#b3b3c0;font-size:12px;padding:8px;cursor:pointer}.guest-copy .guest-availability{font-size:12px}.artist-song,.artist-track-head{grid-template-columns:20px minmax(0,1fr) 64px}.hint:empty,.site-footer span:empty{display:none}.guest-visual span{line-height:1.1}
@media(max-width:700px){.member-welcome{min-height:540px;border-radius:10px}.member-welcome-copy{padding:40px 20px}.member-art{grid-template-columns:repeat(3,1fr);inset:-30px -70px;gap:10px}.member-welcome h1{letter-spacing:-1.3px}.member-welcome p{font-size:14px}.member-benefits{grid-template-columns:1fr;gap:25px;padding:32px 4px}.member-benefits h2{margin:10px 0 6px}.member-benefits p{max-width:100%}.artist-song,.artist-track-head{grid-template-columns:16px minmax(0,1fr) 28px}}

/* Zamar menu language: quiet surfaces, compact rhythm, clear selection. */
#song-menu,#player-menu,#country-popover{background:#17171ef5;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 18px 70px #0009;backdrop-filter:blur(28px);padding:8px;animation:zamar-menu-in .16s ease-out}
@keyframes zamar-menu-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#song-menu>p{font-size:11px;letter-spacing:.03em;padding:10px 12px;color:#b9bbce}
#song-menu button,#player-menu button{min-height:40px;border-radius:9px;padding:10px 12px;transition:background .16s,color .16s}
#song-menu button:hover,#song-menu button:focus-visible,#player-menu button:hover{background:#8b9dff18;color:#c9d1ff}
.song-label{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.song-label>a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-label small{color:var(--muted);font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-label small a{color:inherit}.song-label small a:hover{color:#fff}.song-label strong{font-size:13px;font-weight:500}.track-name>.song-label{flex:1}.song>.song-label{flex:1}.song-label small a{display:inline}
.edition-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-8px 0 26px}.edition-heading p{font-size:13px;color:var(--muted)}.edition-button{display:flex;gap:18px;align-items:center;padding:8px 12px;border:1px solid #ffffff20;border-radius:999px;font-size:12px;color:#d6daf4}.edition-button:hover{background:#8b9dff15}.edition-button span{color:var(--accent)}
.country-banner{background:#15151c;border-top:1px solid #ffffff18;gap:20px}.country-banner p{margin:0;font-size:13px;font-weight:550}.country-banner p span{font-size:12px;color:var(--muted);font-weight:400}.country-picker{position:relative;width:280px;min-width:0}.country-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 14px;background:#23232d;border:1px solid #ffffff20;border-radius:10px;font-size:13px;text-align:left}.country-trigger[aria-expanded=true]{border-color:#8b9dff90}.country-trigger span:last-child{color:var(--accent)}.country-continue{border-radius:999px;padding:11px 24px}
#country-popover[hidden]{display:none}#country-popover{position:absolute;bottom:calc(100% + 12px);right:0;width:320px;max-width:calc(100vw - 32px);z-index:100;text-align:left}#country-popover label{display:block;margin:10px 10px 12px;font-size:10px;letter-spacing:.16em;color:#b5b6c8}#country-search{width:calc(100% - 12px);margin:0 6px 8px;background:#ffffff08;border:1px solid #ffffff14;border-radius:9px;height:40px;padding:0 12px;color:#fff;font:inherit;font-size:13px}#country-options{max-height:min(320px,45dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}#country-options button{display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:9px 10px;border-radius:9px;text-align:left;font-size:13px}#country-options button:hover,#country-options button:focus-visible{background:#8b9dff15}#country-options button[aria-selected=true]{background:#8b9dff22;color:#c5ceff}.country-code{display:grid;place-items:center;width:30px;height:26px;border:1px solid #ffffff12;border-radius:6px;font-size:9px;letter-spacing:.08em;color:#b6b9d0;flex-shrink:0}.country-check{margin-left:auto;color:var(--accent)}.country-empty{padding:16px!important;font-size:12px!important}
@media(max-width:767px){.country-picker{width:100%;grid-column:1;grid-row:2}#country-popover{left:0;right:auto;width:min(320px,calc(100vw - 32px))}.edition-heading{align-items:flex-start}.edition-heading p{max-width:55%;line-height:1.5}.edition-button{white-space:nowrap;font-size:11px}.country-banner{gap:10px}.song-label small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#song-menu,#player-menu,#country-popover{animation:none}.name-link,.card-title,.feature-caption h2 a,.song-label>a{transition:none}}

#song-menu a[role=menuitem]{display:block;min-height:40px;border-radius:9px;padding:10px 12px;font-size:13px}#song-menu a[role=menuitem]:hover,#song-menu a[role=menuitem]:focus-visible{background:#8b9dff18;color:#c9d1ff}

/* Quiet text-only affordances. No drawing animation or card-wide rules. */
.name-link,.card:not(.artist)>.card-title{text-decoration-line:underline!important;text-decoration-color:transparent!important;text-decoration-thickness:1px!important;text-underline-offset:3px;text-decoration-skip-ink:auto;transition:text-decoration-color .18s ease;color:inherit;background-image:none!important}
.name-link:hover,.name-link:focus-visible,.card:not(.artist)>.card-title:hover,.card:not(.artist)>.card-title:focus-visible{text-decoration-color:currentColor!important}
.card.artist>.card-title,.feature-caption h2 a,.artist-selection h3{background-image:none!important;text-decoration:none!important}
.country-banner{background:#343436;padding:16px 30px;gap:22px}.country-banner p{font-size:13px;font-weight:400;line-height:1.5}.country-picker{width:300px}.country-trigger{height:34px;border-radius:6px;border-color:#ffffff16;background:#ffffff13;font-size:13px}.country-continue{height:34px;border-radius:6px;padding:0 26px;font-size:13px}.country-close svg{width:24px;height:24px}
#country-menu[hidden]{display:none}#country-menu{position:absolute;bottom:calc(100% + 5px);left:0;width:100%;padding:5px;background:#424244;border:1px solid #ffffff20;border-radius:7px;box-shadow:0 6px 24px #0006;z-index:100}#country-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;font-size:13px;text-align:left;border-radius:4px}#country-menu button span{width:13px;flex-shrink:0}#country-menu button:hover,#country-menu button:focus-visible{background:#8b9dff35;outline:none}
#country-dialog{position:fixed;inset:0;width:min(990px,calc(100vw - 48px));max-width:990px;height:min(780px,calc(100dvh - 80px));max-height:calc(100dvh - 80px);padding:0;border:0;border-radius:12px;background:#202022;color:#f5f5f7;overflow:hidden;margin:auto}#country-dialog::backdrop{background:#0008}.country-dialog-close{position:absolute;left:12px;top:12px;color:#aaa;z-index:1}#country-title{font-size:26px;font-weight:650;letter-spacing:-.6px;text-align:center;margin:0;padding:55px 32px 34px;line-height:1.25}.country-regions{height:calc(100% - 122px);overflow:auto;overscroll-behavior:contain;padding:0 48px 36px;scrollbar-width:thin}.country-regions section{border-top:1px solid #ffffff20;padding-top:16px;margin-bottom:30px}.country-regions h2{font-size:17px;font-weight:600;line-height:1.4;margin-bottom:14px}.country-grid{columns:4;column-gap:24px}.country-grid button{display:block;break-inside:avoid;min-height:43px;text-align:left;width:100%;padding:10px 0;font-size:12px;line-height:1.35;color:#dedee3}.country-grid button:hover,.country-grid button:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.country-grid button[aria-current=true]{color:var(--accent)}
@media(max-width:767px){.country-banner{padding:14px 16px;gap:12px}.country-picker{width:100%}.country-banner p{font-size:12px}.country-trigger{font-size:12px}.country-continue{padding:0 18px}#country-dialog{width:calc(100vw - 24px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}#country-title{font-size:21px;padding:54px 20px 28px}.country-regions{padding:0 24px 24px;height:calc(100% - 108px)}.country-grid{columns:2;column-gap:20px}.country-regions h2{font-size:15px}.country-grid button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.name-link,.card:not(.artist)>.card-title{transition:none}}

/* Artwork-derived artist palette. Both light and dark use the same contrast tokens. */
body.artist-world{--artist-muted:color-mix(in srgb,var(--artist-ink) 78%,var(--artist-page-tone));--artist-line:color-mix(in srgb,var(--artist-ink) 18%,transparent);--artist-surface:color-mix(in srgb,var(--artist-ink) 5%,var(--artist-page-tone));--muted:var(--artist-muted);--line:var(--artist-line);--accent:var(--artist-ink);color:var(--artist-ink);background:var(--artist-page-tone)}
body.artist-light{color-scheme:light}
.artist-world #main{--artist-blend:var(--artist-page-tone);background:var(--artist-page-tone);color:var(--artist-ink)}
.artist-world .sidebar,.artist-world .mobile-header,.artist-world .mobile-nav{background:var(--artist-surface);color:var(--artist-ink);border-color:var(--artist-line)}
.artist-world .motion-stage:after{background:linear-gradient(0deg,var(--artist-page-tone) 0%,color-mix(in srgb,var(--artist-page-tone) 97%,transparent) 27%,color-mix(in srgb,var(--artist-page-tone) 60%,transparent) 43%,transparent 65%)}
.artist-world .motion-stage h1{color:var(--artist-ink);text-shadow:none}
.artist-world .primary-nav a,.artist-world .primary-nav a svg,.artist-world .mobile-nav a,.artist-world .sidebar-note,.artist-world .sidebar-note p,.artist-world .about-link{color:var(--artist-ink);border-color:var(--artist-line)}
.artist-world .primary-nav a:hover,.artist-world .icon:hover,.artist-world .artist-song:hover{background:color-mix(in srgb,var(--artist-ink) 8%,transparent)}
.artist-world .primary-nav a.current{background:color-mix(in srgb,var(--artist-ink) 10%,transparent);color:var(--artist-ink)}
.artist-world .hero-center-controls button{color:var(--artist-ink);background:var(--artist-surface);border-color:var(--artist-line)}
.artist-world .hero-center-controls .hero-main-play,.artist-world .artist-toolbar>.artist-radio-follow,.artist-world .artist-toolbar>.artist-radio-follow:hover,.artist-world .signin{background:var(--artist-ink);color:var(--artist-page-tone);border-color:var(--artist-ink)}
.artist-world .artist-toolbar>[data-action="artist-radio"],.artist-world .artist-toolbar>[data-action="artist-radio"]:hover{color:var(--artist-ink);border:.5px solid var(--artist-ink);background:transparent}
.artist-world .artist-toolbar>[data-action="artist-radio"]:hover{background:color-mix(in srgb,var(--artist-ink) 6%,transparent)}
.artist-world .artist-toolbar>[data-action="artist-radio"]:focus-visible,.artist-world .artist-toolbar>.artist-radio-follow:focus-visible{outline-color:var(--artist-ink)}
.artist-world .artist-toolbar>span,.artist-world .artist-jumps button,.artist-world .card-desc,.artist-world .playlist-meta,.artist-world .hint,.artist-world .artist-about p,.artist-world .artist-extras p,.artist-world .artist-selection p,.artist-world .song-label small,.artist-world .number,.artist-world .artist-track-head,.artist-world .site-footer,.artist-world .eyebrow,.artist-world .video-intro{color:var(--artist-muted)}
.artist-world .card-title,.artist-world .card-title:hover,.artist-world .song-label small a:hover,.artist-world .text-action,.artist-world .site-footer nav button:hover,.artist-world .shelf-arrow{color:var(--artist-ink)}
.artist-world .artist-selection,.artist-world .artist-about,.artist-world .artist-extras section,.artist-world .discography-tabs button{background:var(--artist-surface);color:var(--artist-ink);border-color:var(--artist-line)}
.artist-world .discography-tabs button[aria-pressed=true]{background:var(--artist-ink);color:var(--artist-page-tone)}
.artist-world .artist-song,.artist-world .artist-track-head,.artist-world .site-footer{border-color:var(--artist-line)}
.artist-world #player{background:color-mix(in srgb,var(--artist-surface) 94%,transparent);color:var(--artist-ink);border-color:var(--artist-line)}
.artist-world #player .icon,.artist-world #player .icon.primary{color:var(--artist-ink)}
.artist-world .guest-banner{background:var(--artist-surface);border-color:var(--artist-line);color:var(--artist-ink)}
.artist-world .guest-banner strong,.artist-world .guest-banner p{color:var(--artist-ink)}
.artist-world .guest-banner>a{background:var(--artist-ink);color:var(--artist-page-tone)}
.artist-world .guest-banner strong:before{background:var(--artist-ink)}
.artist-world #right-panel{background:var(--artist-surface);color:var(--artist-ink);border-color:var(--artist-line)}
/* Context menus stay on an independent dark surface for reliable contrast. */
.artist-world #song-menu,.artist-world #player-menu,.artist-world #dialog,.artist-world #country-dialog{color:#f5f5f7;--muted:#a7a7b5;--accent:#8b9dff}

/* Subdue bright portraits and film without changing their artwork assets. */
.artist-world .motion-stage .artist-portrait,.artist-world .artist-hero-video{filter:brightness(var(--artist-media-brightness,.8))}
.artist-world .artist-atmosphere{filter:blur(48px) brightness(var(--artist-media-brightness,.8))}

/* Wide artist covers and complete catalog presentation. */
.artist-world .motion-stage .artist-portrait.has-landscape{object-fit:cover;mask-image:linear-gradient(0deg,transparent 0%,#000 40%);mask-composite:add}.artist-world .motion-stage:has(.has-landscape){height:clamp(470px,42vw,660px)}
.artist-world .motion-stage .portrait-fallback{object-fit:cover;object-position:center 25%;mask-image:linear-gradient(0deg,transparent 0%,#000 48%)}
.artist-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--artist-line,#ffffff20);border-bottom:1px solid var(--artist-line,#ffffff20);padding:24px 0;margin:24px 0 28px;gap:20px}.artist-numbers strong{display:block;font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.7px}.artist-numbers span{display:block;font-size:11px;margin-top:7px;color:var(--artist-muted,#b6b6c1)}
.artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:20px minmax(0,1fr) 110px 44px 64px;gap:14px}.artist-world .stream-count,.artist-world .artist-duration{font-size:12px;color:var(--artist-muted);font-variant-numeric:tabular-nums;text-align:right}.artist-world .artist-song{min-height:62px}.artist-world .artist-extras{grid-template-columns:1fr}.artist-world .artist-jumps{margin-bottom:25px}
.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.merch-card{text-align:left;padding:0;min-width:0}.merch-visual{height:280px;border-radius:10px;background:linear-gradient(135deg,#ffffff0e,#0002);display:grid;place-items:center;overflow:hidden;margin-bottom:14px}.merch-visual svg{width:90%;height:90%;stroke-width:1;transition:transform .35s ease}.merch-card:hover .merch-visual svg{transform:scale(1.025)}.merch-label{display:block;font-size:15px;font-weight:600}.merch-description{display:block;font-size:12px;color:var(--artist-muted,#aaa);margin-top:5px}.merch-price{display:block;font-size:12px;margin-top:9px}.merch-print>div{padding:9px;background:#ede9df;box-shadow:4px 8px 18px #0006;transform:rotate(-4deg);width:52%;color:#151515}.merch-print img{aspect-ratio:1;object-fit:cover}.merch-print span{display:block;font-size:10px;font-weight:600;padding:12px 2px 4px;text-align:center}
#dialog:has(.product-detail){width:min(820px,calc(100vw - 32px));max-width:820px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-detail h2{margin:12px 0}.product-detail p{font-size:13px;line-height:1.7;color:#c6c6ce}.product-detail .product-price{font-size:19px;color:#fff;margin:12px 0 18px}.product-detail .merch-visual{height:360px}.product-sizes{padding:0;border:0;margin:24px 0;display:flex;gap:8px;flex-wrap:wrap}.product-sizes legend{margin-bottom:12px;font-size:12px}.product-sizes input{position:absolute;opacity:0}.product-sizes span{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:6px;min-width:36px;height:36px;font-size:12px;cursor:pointer}.product-sizes input:checked+span{background:#ececf2;color:#15151b;border-color:#ececf2}.product-sizes input:focus-visible+span{outline:2px solid #8b9dff;outline-offset:3px}.bag-item{padding:18px 0;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff20}.bag-item strong{font-size:13px}.bag-item small{display:block;color:#b2b2bd;margin-top:6px}.bag-total{display:flex;justify-content:space-between;margin:24px 0}.artist-merch .section-head h2{margin-top:8px}
@media(max-width:1000px){.merch-visual{height:220px}.artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:18px minmax(0,1fr) 85px 32px 60px;gap:9px}}
@media(max-width:700px){.artist-numbers{grid-template-columns:1fr 1fr;gap:22px}.artist-numbers strong{font-size:23px}.artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:16px minmax(0,1fr) 28px}.artist-world .artist-song>.stream-count,.artist-world .artist-song>.artist-duration,.artist-world .artist-track-head>.stream-count,.artist-world .artist-track-head>.artist-duration{display:none}.merch-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:16px}.merch-card{flex:0 0 72%;scroll-snap-align:start}.merch-visual{height:240px}.product-detail{grid-template-columns:1fr;gap:12px}.product-detail .merch-visual{height:240px}.artist-world .motion-stage:has(.has-landscape){height:470px}}
@media(prefers-reduced-motion:reduce){.merch-visual svg{transition:none}}

/* Artist audience: a restrained editorial cluster, never a full-width dashboard. */
.artist-numbers{display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);box-sizing:border-box;gap:28px;padding:20px 24px;margin:12px 0 28px;border:1px solid color-mix(in srgb,var(--artist-ink,#eee) 9%,transparent);border-radius:14px;background:color-mix(in srgb,var(--artist-page-tone,#18181c) 84%,#000);box-shadow:0 8px 24px #00000008}
.artist-numbers .artist-audience{flex:1;min-width:0}.artist-numbers .audience-kicker{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--artist-muted,#aaa);margin:0 0 14px;line-height:1}
.audience-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.artist-numbers .audience-metrics strong{font-size:21px;line-height:1.15;letter-spacing:-.55px;font-weight:600;font-variant-numeric:tabular-nums}.artist-numbers .audience-metrics span{font-size:10px;line-height:1.4;margin-top:5px;white-space:nowrap}
.artist-numbers .artist-rank{display:flex;align-items:center;gap:12px;padding-left:25px;border-left:1px solid color-mix(in srgb,var(--artist-ink,#eee) 12%,transparent);flex-shrink:0}.rank-medallion{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--artist-ink,#eee) 20%,transparent);border-radius:50%;background:color-mix(in srgb,var(--artist-ink,#eee) 4%,transparent)}.artist-numbers .rank-medallion strong{font-size:15px;letter-spacing:-.5px;font-weight:600}.artist-numbers .rank-label{font-size:9px;font-weight:600;letter-spacing:1.3px;margin:0;color:var(--artist-ink,#eee)}.artist-numbers .rank-caption{font-size:10px;line-height:1.5;max-width:105px;margin-top:4px}
#dialog .artist-numbers{width:100%;flex-wrap:wrap;background:#18181d;color:#eee;--artist-muted:#b6b6c1;--artist-ink:#eee;gap:20px;padding:20px}#dialog .artist-numbers .artist-rank{border-left:0;padding-left:0}
.artist-world .motion-stage .artist-portrait.portrait-editorial{object-fit:contain;object-position:50% 15%;mask-image:linear-gradient(0deg,transparent,#000 35%);width:100%}
@media(max-width:850px){.artist-numbers{gap:18px;padding:18px}.audience-metrics{gap:16px}.artist-numbers .artist-rank{gap:9px;padding-left:18px}.artist-numbers .rank-caption{max-width:90px}}
@media(max-width:600px){.artist-numbers{display:flex;flex-direction:column;align-items:stretch;gap:17px;padding:18px;border-radius:12px;margin-top:12px}.audience-metrics{grid-template-columns:1.2fr 1fr 1fr;gap:12px}.artist-numbers .audience-metrics strong{font-size:20px}.artist-numbers .artist-rank{border-left:0;border-top:1px solid #ffffff12;padding:13px 0 0;gap:10px}.rank-medallion{width:36px;height:36px}.artist-numbers .rank-medallion strong{font-size:12px}.artist-numbers .artist-rank>div:last-child{display:flex;align-items:center;gap:10px}.artist-numbers .rank-caption{max-width:none;margin:0}.artist-numbers .audience-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}}

.artist-world .motion-stage .artist-portrait.portrait-editorial{object-fit:cover;object-position:50% 20%!important;mask-image:linear-gradient(0deg,transparent 0%,#000 45%)}.artist-world .motion-stage:has(.portrait-editorial){height:clamp(470px,42vw,660px)}

/* Face-led portraits retain their full headroom with a soft, wide backdrop. */
.artist-world .motion-stage .artist-portrait.portrait-editorial{object-fit:contain;object-position:50% 12%!important;width:min(100%,860px);left:50%;transform:translateX(-50%);mask-image:linear-gradient(0deg,transparent 0%,#000 42%),linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%);mask-composite:intersect}
.artist-world .motion-stage:has(.portrait-editorial){height:clamp(470px,40vw,600px)}
.artist-world .artist-atmosphere{opacity:.48}
@media(max-width:600px){.artist-world .motion-stage .artist-portrait.portrait-editorial{object-fit:cover;object-position:50% 18%!important;width:100%;mask-image:linear-gradient(0deg,transparent 0%,#000 44%)}.artist-world .motion-stage:has(.portrait-editorial){height:470px}}

.artist-world .motion-stage .artist-portrait.portrait-editorial{width:auto;max-width:100%;height:100%}@media(max-width:600px){.artist-world .motion-stage .artist-portrait.portrait-editorial{width:100%}}

/* Centered artwork-led membership invitation, shared across all guest entry points. */
#dialog.guest-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:12px;background:#1d1d1f;color:#f5f5f7;overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #0006;animation:membership-enter .23s cubic-bezier(.2,.75,.25,1)}
#dialog.guest-dialog::backdrop{background:#0009;backdrop-filter:none}#dialog.guest-dialog #dialog-body{display:block;padding:0}#dialog.guest-dialog>.close{position:absolute;left:22px;right:auto;top:22px;width:34px;height:34px;padding:8px;background:#333335;color:#a5a5a9;border-radius:50%;z-index:5}#dialog.guest-dialog>.close:hover{background:#424245;color:#fff}#dialog.guest-dialog>.close svg{width:20px;height:20px;stroke-width:1.8}
.membership-topbar{height:76px;display:flex;align-items:center;justify-content:flex-end;padding:0 26px}.membership-topbar img{width:58px;opacity:.55}.membership-art{height:312px;overflow:hidden;width:100%}.membership-art-track{display:flex;gap:10px;width:max-content;height:100%;position:relative;left:50%;transform:translateX(-50%)}.membership-art-stack{display:grid;grid-template-rows:1fr 1fr;gap:10px;width:151px;flex-shrink:0}.membership-art-stack img{width:151px;height:151px;object-fit:cover;border-radius:7px}.membership-feature{width:312px;height:312px;object-fit:cover;object-position:50% 27%;border-radius:7px;flex-shrink:0}
.membership-copy{padding:18px 28px 28px;text-align:center}.membership-logo{display:block;width:94px;height:auto;margin:0 auto 17px}.membership-copy h2{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.12;max-width:540px;margin:0 auto 20px;color:#f5f5f7}.membership-description{font-size:16px;line-height:1.5;max-width:530px;margin:0 auto 18px;color:#eeeef0}.membership-note{font-size:11px;line-height:1.5;color:#96969c;margin:0 0 12px}.membership-primary{display:block;width:min(100%,268px);min-height:38px;margin:0 auto;padding:10px 18px;border:0;border-radius:7px;background:#8b9dff;color:#111322;font-size:13px;font-weight:600;transition:background .15s}.membership-primary:hover{background:#a1afff}.membership-primary:focus-visible,.membership-switch button:focus-visible{outline:2px solid #c9d0ff;outline-offset:4px}.membership-switch{margin:13px 0 0;font-size:11px;color:#96969c;line-height:1.5}.membership-switch button{font-size:inherit;color:#b7c1ff;padding:0 0 0 3px;border:0;background:none}.membership-switch button:hover{text-decoration:underline;text-underline-offset:3px}.membership-status:empty{display:none}.membership-status{font-size:12px;line-height:1.5;color:#c6c6cc;max-width:360px;margin:15px auto 0}
@keyframes membership-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-height:800px) and (min-width:601px){.membership-topbar{height:64px}.membership-art{height:250px}.membership-feature{width:250px;height:250px}.membership-art-stack,.membership-art-stack img{width:120px}.membership-art-stack img{height:120px}.membership-copy{padding-top:16px;padding-bottom:22px}.membership-logo{width:82px;margin-bottom:14px}.membership-copy h2{font-size:29px;margin-bottom:16px}.membership-description{font-size:14px;margin-bottom:14px}}
@media(max-width:600px){#dialog.guest-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.membership-topbar{height:60px;padding:0 20px}.membership-topbar img{width:50px}#dialog.guest-dialog>.close{top:15px;left:15px;width:30px;height:30px;padding:5px}.membership-art{height:220px}.membership-feature{width:220px;height:220px}.membership-art-stack,.membership-art-stack img{width:105px}.membership-art-stack img{height:105px}.membership-copy{padding:20px 22px 24px}.membership-logo{width:82px;margin-bottom:16px}.membership-copy h2{font-size:27px;letter-spacing:-.7px;margin-bottom:17px}.membership-description{font-size:14px;line-height:1.5;margin-bottom:18px}.membership-note{font-size:10px}.membership-primary{min-height:42px}.membership-switch{font-size:11px}}
@media(prefers-reduced-motion:reduce){#dialog.guest-dialog{animation:none}.membership-primary{transition:none}}

/* Three automatic artist-header treatments: portrait, landscape and artist film. */
.artist-world .adaptive-artist.motion-stage{height:clamp(480px,40.5vw,650px);margin-bottom:22px;border-radius:0;isolation:isolate;background:var(--artist-page-tone)}
.artist-world .adaptive-artist.motion-stage .artist-portrait{position:absolute;inset:0;left:0;transform:none;width:100%;max-width:none;height:100%;object-fit:cover;mask-image:linear-gradient(0deg,transparent 0%,#000 43%);mask-composite:add;animation:none;filter:brightness(var(--artist-media-brightness,.9))}
.artist-world .adaptive-artist.motion-stage .artist-hero-video{inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(0deg,transparent 0%,#000 40%);opacity:0;transition:opacity 1.4s ease;filter:brightness(.86);z-index:1}.artist-world .adaptive-artist.motion-stage .artist-hero-video.is-playing{opacity:1}
.artist-world .adaptive-artist.motion-stage:after{z-index:2;background:linear-gradient(0deg,var(--artist-page-tone) 0%,color-mix(in srgb,var(--artist-page-tone) 92%,transparent) 8%,color-mix(in srgb,var(--artist-page-tone) 25%,transparent) 30%,transparent 56%)}
.artist-world .adaptive-artist.motion-stage .artist-stage-copy{inset:auto 24px 25px;width:auto;pointer-events:none;text-align:center}.artist-world .adaptive-artist.motion-stage h1{font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.12;letter-spacing:-1.1px;margin:0 0 18px}
.artist-world .adaptive-artist.motion-stage .artist-atmosphere{inset:-10%;opacity:.18;filter:blur(60px) brightness(.45);mask-image:linear-gradient(0deg,transparent,#000 80%)}
.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait]{height:470px;display:flex;align-items:flex-start;justify-content:center;padding-top:86px}
.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait] .artist-portrait{position:relative;inset:auto;width:190px;height:190px;max-width:190px;object-fit:cover;border-radius:50%;mask-image:none;filter:none;transform:none;z-index:2}
.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait] .artist-stage-copy{bottom:25px}.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait]:after{background:linear-gradient(0deg,var(--artist-page-tone),transparent 65%)}
.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait] .artist-atmosphere{opacity:.22;filter:blur(85px) brightness(.42)}
.artist-world .sidebar{isolation:isolate;overflow:hidden;background:color-mix(in srgb,var(--artist-page-tone) 86%,#111);border-right:1px solid #ffffff08;backdrop-filter:blur(32px)}
.artist-sidebar-ambient{position:absolute;inset:-35px;width:calc(100% + 70px);height:min(85vh,780px);z-index:-1;pointer-events:none;filter:blur(34px) brightness(.36) saturate(.8);mask-image:linear-gradient(0deg,transparent 0%,#000 68%);transition:opacity .6s;opacity:1}
.artist-world .sidebar .primary-nav a.current{background:#ffffff0c}.artist-world .sidebar .primary-nav a:hover{background:#ffffff10}
@media(max-width:700px){.artist-world .adaptive-artist.motion-stage{height:460px}.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait]{height:390px;padding-top:48px}.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait] .artist-portrait{width:160px;height:160px;max-width:160px}.artist-world .adaptive-artist.motion-stage h1{font-size:31px}.artist-world .adaptive-artist.motion-stage .artist-stage-copy{bottom:24px;left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.artist-world .adaptive-artist.motion-stage .artist-hero-video,.artist-sidebar-ambient{transition:none}}

/* Retain the full portrait on playlist covers, with a soft artwork backdrop. */
.playlist-cover .cover-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.45);transform:scale(1.12);z-index:0}
.playlist-cover .cover-photo,.hero>.playlist-cover .cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;z-index:1}
.playlist-cover::after{z-index:2;background:linear-gradient(180deg,#0002,transparent 20%,transparent 62%,#08090d88 78%,#08090dea 100%)}
.playlist-cover .cover-logo{z-index:3;top:6%;left:7%;width:21%}
.playlist-cover .cover-title{z-index:3;bottom:12%;left:7%;right:7%;max-width:86%;font-size:clamp(12px,.95vw,16px);line-height:1.16}
.playlist-cover .cover-credit{z-index:3;bottom:5%;left:7%;font-size:8px}

/* Once film is playing, remove both static artwork layers from the header. */
.artist-world .adaptive-artist.motion-stage .artist-portrait,.artist-world .adaptive-artist.motion-stage .artist-atmosphere{transition:opacity 1.4s ease,visibility 0s;visibility:visible}
.artist-world .adaptive-artist.motion-stage[data-motion=playing] .artist-portrait,.artist-world .adaptive-artist.motion-stage[data-motion=playing] .artist-atmosphere{opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 0s 1.4s}
@media(prefers-reduced-motion:reduce){.artist-world .adaptive-artist.motion-stage .artist-portrait,.artist-world .adaptive-artist.motion-stage .artist-atmosphere{transition:none}}

/* Optional official wordmark; retain a readable artist name if unavailable. */
.artist-world .adaptive-artist.motion-stage h1.artist-name.has-logo{display:grid;place-items:center;width:min(300px,75%);height:80px;margin:0 auto 20px;position:relative}
.artist-name.has-logo .artist-name-text{grid-area:1/1}.artist-name-logo{grid-area:1/1;width:100%;height:100%;max-height:80px;object-fit:contain;opacity:0;filter:drop-shadow(0 2px 8px #0002)}
.artist-name.logo-ready .artist-name-logo{opacity:1}.artist-name.logo-ready .artist-name-text{visibility:hidden}
.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait]:has(.artist-name.has-logo){height:490px}
@media(max-width:700px){.artist-world .adaptive-artist.motion-stage h1.artist-name.has-logo{width:min(250px,75%);height:67px;margin-bottom:18px}.artist-world .adaptive-artist.motion-stage[data-media-layout=portrait]:has(.artist-name.has-logo){height:410px}}

/* Ospo sign-in: keep the surrounding Zamar page mounted. */
/* Ospo sign-in: quiet surfaces, clear focus, consistent field geometry. */
#dialog:has(.zamar-auth){width:min(480px,calc(100vw - 32px));max-width:480px;max-height:calc(100dvh - 32px);padding:0;border:0;outline:none;border-radius:20px;background:#1c1c1e;color:#f5f5f7;box-shadow:0 24px 90px #0008;overflow:auto;overscroll-behavior:contain;color-scheme:dark;animation:membership-enter .22s ease-out}
#dialog:has(.zamar-auth)::backdrop{background:#0009;backdrop-filter:blur(8px)}
#dialog:has(.zamar-auth) #dialog-body{display:block;padding:0}
#dialog:has(.zamar-auth)>.close{top:16px;left:16px;right:auto;width:30px;height:30px;padding:6px;border-radius:50%;background:#ffffff0c;color:#a9a9ae;transition:background .18s,color .18s}
#dialog:has(.zamar-auth)>.close:hover{background:#ffffff18;color:#fff}
#dialog:has(.zamar-auth)>.close svg{width:18px;height:18px;stroke-width:1.6}
.zamar-auth{width:100%;margin:0;padding:56px 48px 36px;text-align:center}
.zamar-auth>img{width:92px;height:34px;object-fit:contain;margin:0 auto 28px}
#dialog .zamar-auth h2{font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.8px;margin:0 0 12px}
#dialog .zamar-auth>p{max-width:310px;margin:0 auto;color:#a9a9b0;font-size:14px;line-height:1.55;letter-spacing:-.1px}
.zamar-auth form{text-align:left;margin-top:30px}
.zamar-auth fieldset{border:0;padding:0;margin:0;min-width:0;transition:opacity .18s}
#dialog .zamar-auth label{display:block;color:#d6d6dc;font-size:12px;line-height:1.4;font-weight:500;margin:18px 0 8px}
#dialog .zamar-auth label:first-child{margin-top:0}
#dialog .zamar-auth input,#dialog .zamar-auth select{appearance:none;box-sizing:border-box;width:100%;height:50px;margin:0;padding:0 15px;border:1px solid #ffffff29;border-radius:10px;background:#242426;color:#f5f5f7;font:inherit;font-size:16px;letter-spacing:-.2px;outline:none;box-shadow:none;transition:border-color .18s,box-shadow .18s,background .18s}
#dialog .zamar-auth input:hover,#dialog .zamar-auth select:hover{border-color:#ffffff45}
#dialog .zamar-auth input:focus,#dialog .zamar-auth select:focus{border-color:#8b9dff;outline:none;box-shadow:0 0 0 3px #8b9dff26;background:#27272b}
#dialog .zamar-auth input:autofill{box-shadow:0 0 0 100px #242426 inset;-webkit-text-fill-color:#f5f5f7;caret-color:#f5f5f7}
#dialog .zamar-auth input[name=code]{text-align:center;font-size:24px;letter-spacing:8px;padding-left:23px;font-variant-numeric:tabular-nums}
#dialog .zamar-auth #auth-status{color:#ffb0b5;font-size:12px;line-height:1.5;min-height:0;margin:0}
#dialog .zamar-auth #auth-status:not(:empty){margin:14px 0 0}
#dialog .zamar-auth .membership-primary{width:100%;min-height:46px;border:0;border-radius:10px;margin:24px 0 0;font-size:14px;font-weight:600;letter-spacing:-.1px;background:#8b9dff;color:#111322;transition:background .18s}
#dialog .zamar-auth .membership-primary:hover{background:#a1afff}
#dialog .zamar-auth .membership-primary:focus-visible,#dialog:has(.zamar-auth)>.close:focus-visible,#dialog .zamar-auth .auth-recovery:focus-visible{outline:2px solid #aab7ff;outline-offset:4px}
.zamar-auth fieldset:disabled{opacity:.55}
#dialog .zamar-auth .auth-recovery{display:inline-block;margin:24px 0 0;color:#adbaff;font-size:12px;line-height:1.5;text-decoration:none}
#dialog .zamar-auth .auth-recovery:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.zamar-auth{padding:54px 26px 30px}#dialog .zamar-auth h2{font-size:25px}#dialog:has(.zamar-auth){border-radius:16px}}
@media(prefers-reduced-motion:reduce){#dialog:has(.zamar-auth){animation:none}.zamar-auth *{transition:none!important}}

/* Reclaim the guest invitation area after authentication. */
body.signed-in .guest-banner{display:none}
body.signed-in .sidebar,body.signed-in #main{bottom:var(--country-height)}
body.signed-in #player{bottom:calc(18px + var(--country-height))}
body.signed-in #right-panel{bottom:calc(96px + var(--country-height))}
@media(max-width:767px){body.signed-in #main{bottom:calc(62px + var(--country-height))}body.signed-in #player{bottom:calc(72px + var(--country-height))}body.signed-in #right-panel{bottom:calc(141px + var(--country-height))}}

/* Compact Ospo profile control and anchored account menu. */
.sidebar-bottom .signin.profile-trigger,.mobile-header>a.profile-trigger{position:relative;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:6px;margin-top:8px;background:transparent;border-radius:50%;color:#8b9dff;overflow:hidden}
.profile-trigger>svg{width:25px;height:25px;stroke-width:1.5}
.profile-trigger>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.sidebar-bottom .signin.profile-trigger:hover,.mobile-header>a.profile-trigger:hover{background:#ffffff0e}
.profile-trigger[aria-expanded=true]{box-shadow:0 0 0 2px #8b9dff50}
.profile-menu{position:fixed;inset:auto;margin:0;width:220px;padding:4px;border:1px solid #ffffff24;border-radius:9px;background:#29292ced;color:#eeeef2;box-shadow:0 8px 32px #0005;backdrop-filter:blur(24px);overflow:hidden}
.profile-menu:popover-open{display:block;animation:membership-enter .15s ease-out}
.profile-menu>a,.profile-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:37px;padding:8px 10px;border-radius:5px;text-align:left;font-size:13px;font-weight:400;color:inherit}
.profile-menu>a:hover,.profile-menu>button:hover{background:#ffffff0c}
.profile-menu>button+button{border-top:1px solid #ffffff12;border-radius:0 0 5px 5px}
.profile-menu span{font-size:17px;color:#b9b9c1}
.site-footer button[data-action=country-open]:disabled{cursor:default;color:var(--muted);text-decoration:none}
@media(max-width:767px){.mobile-header>a.profile-trigger{margin-top:0}}
@media(prefers-reduced-motion:reduce){.profile-menu:popover-open{animation:none}}

body.signed-in .sidebar-bottom{display:flex;flex-direction:column}
body.signed-in .sidebar-bottom .profile-trigger{order:-1;margin:0 8px 16px}

.guest-banner strong::before{display:none;content:none}

.listener-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.listener-heading .page-heading{margin-bottom:9px}.listener-heading p{color:var(--muted);font-size:14px}.listener-heading .pill{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.listener-heading .pill svg{width:17px;height:17px}
.listener-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 36px}.listener-shortcuts>a{display:flex;align-items:center;gap:14px;min-width:0;background:#ffffff09;border-radius:10px;padding:12px;transition:background .18s}.listener-shortcuts>a:hover{background:#ffffff10}.listener-shortcuts img,.shortcut-icon{width:54px;height:54px;border-radius:7px;flex-shrink:0}.shortcut-icon{display:grid;place-items:center;background:#8b9dff12;color:#b4bfff}.listener-shortcuts a>span:not(.shortcut-icon){flex:1;font-size:14px;font-weight:600}.listener-shortcuts small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:var(--muted)}.listener-shortcuts a>svg{width:16px;color:var(--muted)}
.library-tabs{display:flex;gap:8px;margin-bottom:28px;overflow:auto}.library-tabs button{padding:9px 20px;border-radius:999px;background:#ffffff08;color:#bbbcc8;font-size:13px}.library-tabs button[aria-pressed=true]{background:#e9ecff;color:#181b2b}.listener-library-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:28px 18px;min-height:220px}.library-empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px 20px}.library-empty>span{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#8b9dff12;color:#aab7ff}.library-empty>span svg{width:29px;height:29px}.library-empty h2{font-size:23px;letter-spacing:-.5px}.library-empty p{font-size:14px;line-height:1.6;color:var(--muted);max-width:330px}.library-empty .pill{margin-top:6px}
@media(max-width:1100px){.listener-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.listener-shortcuts{grid-template-columns:1fr}.listener-shortcuts>a{padding:10px}}
@media(max-width:767px){.listener-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.listener-heading .pill{font-size:12px}.listener-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.library-tabs button{padding:9px 17px}.library-empty h2{font-size:21px}}

/* Temporary plan preview: free members retain the invitation strip. */
body.signed-in.zamar-free .guest-banner{display:flex;background:#d60025;color:#fff;border:0}
body.zamar-free .guest-banner strong,body.zamar-free .guest-banner p{color:#fff}
body.zamar-free .guest-banner>button{flex-shrink:0;min-height:36px;padding:9px 24px;border-radius:6px;background:#fff;color:#1d1d1f;font-size:13px;font-weight:600}
body.zamar-free .sidebar,body.zamar-free #main{bottom:calc(84px + var(--country-height))}
body.zamar-free #player{bottom:calc(102px + var(--country-height))}
body.zamar-free #right-panel{bottom:calc(180px + var(--country-height))}
#development-plan-switch{margin-top:4px;border-top:1px solid #ffffff18;border-radius:0;gap:16px;min-height:58px}
#development-plan-switch .development-plan-copy{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#eee}
#development-plan-switch .development-plan-name{font-size:13px;color:#eee}
#development-plan-switch small{font-size:10px;color:#a9a9b5}
#development-plan-switch .development-plan-track{position:relative;width:32px;height:19px;border-radius:20px;background:#62626a;flex-shrink:0;transition:background .2s}
#development-plan-switch .development-plan-track:after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;transition:transform .2s}
#development-plan-switch[aria-checked=true] .development-plan-track{background:#8b9dff}
#development-plan-switch[aria-checked=true] .development-plan-track:after{transform:translateX(13px)}
@media(max-width:767px){body.zamar-free #main{bottom:calc(62px + var(--country-height))}body.zamar-free #player{bottom:calc(126px + var(--country-height))}body.zamar-free #right-panel{bottom:calc(195px + var(--country-height))}body.zamar-free .guest-banner>button{padding:8px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#development-plan-switch .development-plan-track,#development-plan-switch .development-plan-track:after{transition:none}}

html.restoring-session .guest-banner,html.restoring-session .sidebar-bottom .signin{visibility:hidden}
.upgrade-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 20px}.upgrade-brand img{width:90px}.upgrade-brand span{font-size:12px;font-weight:600;color:#bac6ff;border:1px solid #bac6ff50;padding:3px 6px;border-radius:5px}.upgrade-prompt .upgrade-local-price{font-size:23px;font-weight:650;letter-spacing:-.4px;color:#fff;margin:16px 0 8px}.upgrade-local-price span{font-size:13px;font-weight:400;color:#b8b8c3}.upgrade-prompt .membership-note{margin-bottom:16px}.upgrade-prompt .membership-description{margin-bottom:12px}.upgrade-prompt #upgrade-status:empty{display:none}.upgrade-prompt #upgrade-status{max-width:330px;margin:16px auto 0;line-height:1.5}

/* Active playback retains the button's contrast, independently of track highlighting. */
.play-float.is-playing{opacity:1;transform:none;color:#111427;background:var(--brand-primary)}
.song-play.is-playing>span{opacity:1;color:#fff;background:#0009}
.feature-play.is-playing{color:#fff;background:#17171bcc}
.hero-main-play.is-playing svg,.large-play.is-playing svg,.play-float.is-playing svg,.song-play.is-playing svg{color:inherit}
.hero-center-controls{pointer-events:auto}
/* Home is a full-width destination; the upgrade dialog keeps its own sizing. */
#main:has(.upgrade-home){padding-top:0;padding-left:0;padding-right:0}
#main:has(.upgrade-home)>.site-footer{margin-left:40px;margin-right:40px}
.upgrade-home{width:100%;margin:0 0 40px;overflow:hidden;background:linear-gradient(180deg,#1d1d23 0%,#111116 70%,#000 100%);color:#f5f5f7;container-type:inline-size}
.upgrade-home .membership-prompt{min-height:calc(100dvh - 84px)}
.upgrade-home .membership-topbar{height:64px;padding:0 40px}
.upgrade-home .membership-art{--art-size:clamp(260px,34cqw,540px);height:var(--art-size)}
.upgrade-home .membership-art-track{gap:12px}
.upgrade-home .membership-feature{width:var(--art-size);height:var(--art-size)}
.upgrade-home .membership-art-stack{width:calc((var(--art-size) - 12px)/2);gap:12px}
.upgrade-home .membership-art-stack img{width:100%;height:calc((var(--art-size) - 12px)/2)}
.upgrade-home .membership-copy{padding:40px 32px 64px;text-align:center}
.upgrade-home .membership-copy h2{font-size:clamp(34px,4cqw,56px);line-height:1.08;letter-spacing:-1.5px;max-width:760px;margin-bottom:22px}
.upgrade-home .membership-description{font-size:17px;max-width:560px;margin-left:auto;margin-right:auto}
.upgrade-home .membership-primary{min-height:46px;margin-left:auto;margin-right:auto}
@media(max-width:767px){
 #main:has(.upgrade-home)>.site-footer{margin-left:20px;margin-right:20px}
 .upgrade-home{margin-bottom:24px}
 .upgrade-home .membership-topbar{height:48px;padding:0 20px}
 .upgrade-home .membership-art{--art-size:clamp(220px,56cqw,360px)}
 .upgrade-home .membership-copy{padding:30px 20px 44px}
 .upgrade-home .membership-copy h2{font-size:34px;letter-spacing:-1px}
 .upgrade-home .membership-description{font-size:15px}
}

/* Library view preference applies to every filter. */
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.library-toolbar .library-tabs{margin-bottom:0}
.library-toolbar .view-switch{flex-shrink:0}
.listener-library-list{display:flex;flex-direction:column;gap:0}
.listener-library-list>.card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-content:center;padding:12px 104px 12px 8px;min-height:80px;border-bottom:1px solid var(--line);border-radius:6px;transition:background .15s}
.listener-library-list>.card:hover{background:#ffffff08}
.listener-library-list .art-wrap{grid-row:1/3;position:static;width:56px;height:56px}
.listener-library-list .art{width:56px;height:56px;transform:none}
.listener-library-list .card-title{grid-column:2;align-self:end;margin:0 0 4px;font-size:14px;width:fit-content;max-width:100%}
.listener-library-list .card-desc{grid-column:2;align-self:start;margin:0;font-size:12px}
.listener-library-list .play-float{right:48px;bottom:50%;transform:translateY(50%);width:34px;height:34px}
.listener-library-list .card:hover .play-float,.listener-library-list .card:focus-within .play-float,.listener-library-list .play-float.is-playing{transform:translateY(50%)}
.listener-library-list .song-more{position:absolute;right:10px;top:50%;bottom:auto;transform:translateY(-50%);opacity:1}
@media(hover:none){.listener-library-list .play-float{opacity:1}}
@media(max-width:767px){.library-toolbar{gap:14px}.listener-library-list>.card{column-gap:12px;padding-right:92px}.library-toolbar .library-tabs{max-width:100%}}

/* Copyright and links on the left; country aligned to the far right. */
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:8px;padding:24px 0;font-size:12px;line-height:1.6}
.site-footer .footer-copyright{grid-column:1;grid-row:1;margin:0}
.site-footer .footer-country{grid-column:2;grid-row:1;align-self:start;justify-self:end;padding:0;border:0;border-radius:0;background:none;font-size:inherit;line-height:inherit;color:inherit;text-align:right;max-width:280px}
.site-footer .footer-country:hover:not(:disabled){color:var(--accent)}
.site-footer nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px 0;margin:0}
.site-footer nav a{padding:0 14px;border-right:1px solid var(--line);line-height:1.2;margin:3px 0}
.site-footer nav a:first-child{padding-left:0}
.site-footer nav a:last-child{border-right:0;padding-right:0}
@media(max-width:600px){.site-footer{grid-template-columns:minmax(0,1fr);gap:12px}.site-footer .footer-country{grid-column:1;grid-row:3;justify-self:start;text-align:left}.site-footer nav a{padding:0 10px}}

.view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.view-switch button svg{width:16px;height:16px}
#player .icon:hover,#player .transport button:hover,#player .extras>button:hover{background:transparent}

/* Zamar Videos: editorial film discovery. */
.cinema-page{max-width:1600px;margin:0 auto;color:#f5f5f7}
.cinema-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.cinema-eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.5;color:#b3bffe;text-transform:uppercase}
.cinema-heading h1{font-size:40px;letter-spacing:-1.5px;line-height:1.1;margin-top:8px}
.cinema-heading>p{font-size:13px;line-height:1.7;color:#a6a6b1;text-align:right}
.cinema-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);background:#15151c;border:1px solid #ffffff0b;border-radius:16px;overflow:hidden;margin-bottom:52px}
.cinema-hero-art{position:relative;display:block;min-height:360px;background:#22222c;overflow:hidden}
.cinema-hero-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 30%;transition:filter .3s}
.cinema-hero-art:hover>img{filter:brightness(.9)}
.cinema-feature-label{position:absolute;left:22px;top:22px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff25;border-radius:6px;background:#111118b3;backdrop-filter:blur(12px);font-size:9px;font-weight:650;letter-spacing:1.3px}
.cinema-feature-label svg{width:15px;height:15px}
.cinema-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px clamp(24px,3vw,48px);background:radial-gradient(ellipse at top right,#8b9dff16,transparent 75%)}
.cinema-feature-artist{font-size:14px;color:#c2c2cb;margin:24px 0 8px}
.cinema-hero h2{font-size:clamp(27px,2.8vw,44px);line-height:1.12;font-weight:700;letter-spacing:-1px;max-width:440px;text-wrap:balance}
.cinema-hero-description{font-size:13px;line-height:1.7;color:#a6a6b4;margin:18px 0 26px;max-width:370px}
.cinema-primary{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:7px;background:var(--brand-primary);color:#111427;font-weight:650;font-size:13px;transition:filter .2s}
.cinema-primary:hover{filter:brightness(1.1)}
.cinema-primary svg{width:17px;height:17px}
.cinema-signoff{font-size:10px;color:#83838f;margin-top:23px}
.cinema-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.cinema-section-heading h2{font-size:25px;letter-spacing:-.7px;margin-top:6px}
.cinema-count{font-size:12px;color:#8e8e9d}
.cinema-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:20px;scrollbar-width:thin}
.cinema-filters button{flex-shrink:0;border:1px solid #ffffff14;border-radius:6px;padding:9px 14px;font-size:12px;color:#aaaab7;transition:background .2s,color .2s}
.cinema-filters button:hover{background:#ffffff0a;color:#fff}
.cinema-filters button[aria-pressed=true]{background:#e7ebff;color:#191c2c;border-color:transparent}
.cinema-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.cinema-card{min-width:0}
.cinema-art{position:relative;display:block;aspect-ratio:16/9;background:#18181e;border-radius:10px;overflow:hidden}
.cinema-art img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:filter .25s}
.cinema-art:hover img,.cinema-art:focus-visible img{filter:brightness(.72)}
.cinema-watch{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;background:#eeeef5;color:#14141d;padding:8px 11px;border-radius:5px;font-size:11px;font-weight:650;opacity:0;transition:opacity .2s}
.cinema-watch svg{width:13px;height:13px}
.cinema-art:hover .cinema-watch,.cinema-art:focus-visible .cinema-watch{opacity:1}
.cinema-meta{display:flex;align-items:center;justify-content:space-between;margin:13px 0 8px;color:#a8b5ef;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.cinema-meta svg{width:15px;height:15px;color:#767684}
.cinema-card h3{font-size:16px;line-height:1.4;letter-spacing:-.25px;font-weight:600}
.cinema-card h3 a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cinema-artist{font-size:12px;color:#c1c1ca;margin-top:5px}
.cinema-description{font-size:12px;color:#81818e;line-height:1.6;margin-top:9px;max-width:390px}
@media(min-width:1700px){.cinema-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cinema-hero-art{min-height:440px}}
@media(max-width:1100px){.cinema-hero{grid-template-columns:1.2fr 1fr}.cinema-hero-copy{padding:28px}.cinema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cinema-heading h1{font-size:34px}.cinema-heading>p{font-size:11px}.cinema-hero{grid-template-columns:1fr;margin-bottom:36px;border-radius:12px}.cinema-hero-art{min-height:0;aspect-ratio:16/10}.cinema-hero-copy{padding:26px}.cinema-feature-artist{margin-top:16px}.cinema-hero h2{font-size:30px}.cinema-grid{gap:28px 14px}.cinema-card h3{font-size:14px}.cinema-description{display:none}.cinema-meta{font-size:8px;letter-spacing:.5px}.cinema-section-heading h2{font-size:22px}}
@media(max-width:420px){.cinema-grid{grid-template-columns:1fr}.cinema-description{display:block}.cinema-heading>p{max-width:130px}}
@media(hover:none){.cinema-watch{opacity:1}}
@media(prefers-reduced-motion:reduce){.cinema-page *{transition:none!important}}

.cinema-hero-art iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.cinema-heading h1{margin-top:0}

.zamar-video{display:flex;flex-direction:column;width:100%;height:100%;background:#08080c}
.zamar-video-screen{position:relative;flex:1;min-height:200px}
.zamar-video-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.zamar-video-controls{display:flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:6px 16px;background:#111117}
.zamar-video-controls button{width:36px;height:36px;padding:8px;display:grid;place-items:center;color:#eeeef5}
.zamar-video-controls button:hover{color:#b7c3ff;background:transparent}
.zamar-video-controls button:disabled{opacity:.35}
.zamar-video-controls svg{width:19px;height:19px}
.zamar-video-controls button:last-child{margin-left:auto}
.zamar-video-controls button:first-child{margin-left:auto}
.zamar-video-status{font-size:11px;color:#c1c1cd;text-align:center;padding:8px 12px;background:#111117}
.zamar-video-status:empty{display:none}
.cinema-hero-art>.zamar-video{position:absolute;inset:0}
#video-stage:has(.zamar-video){aspect-ratio:auto;height:min(70vh,680px);max-height:none}
@media(max-width:767px){.cinema-hero-art:has(.zamar-video){aspect-ratio:16/11;min-height:260px}#video-stage:has(.zamar-video){height:calc(56.25vw + 50px);min-height:260px}}

.native-video{width:100%;height:100%;display:flex;flex-direction:column;background:#08090f;color:#f4f4fa;overflow:hidden}
.native-screen{position:relative;min-height:0;flex:1;background:#08090f}
.native-screen video{display:block;width:100%;height:100%;object-fit:contain}
.native-watermark{position:absolute;right:18px;top:18px;width:54px;opacity:.55;pointer-events:none}
.native-controls{padding:0 16px 8px;background:#11121a}
.native-seek{display:block;width:100%;height:3px;margin:0 0 9px;accent-color:var(--brand-primary);cursor:pointer}
.native-control-row{display:flex;align-items:center;gap:8px;min-height:36px}
.native-control-row button{width:32px;height:32px;padding:6px;display:grid;place-items:center;flex-shrink:0;color:#e6e8f2;background:transparent}
.native-control-row button:hover{color:var(--brand-primary)}
.native-control-row svg{width:18px;height:18px}
.native-control-row [data-native=toggle] svg{width:22px;height:22px}
.native-time{font-size:10px;font-variant-numeric:tabular-nums;color:#a5a7b8;margin-left:5px;white-space:nowrap}
.native-volume{display:flex;align-items:center;gap:3px;margin-left:auto}
.native-volume input{width:60px;height:3px;accent-color:var(--brand-primary)}
.native-status{font-size:11px;line-height:1.4;text-align:center;background:#11121a;padding:8px 12px;color:#bfc5dd}
.native-status:empty{display:none}
.cinema-hero-art>.native-video{position:absolute;inset:0}
#video-stage:has(.native-video){aspect-ratio:auto;height:min(70vh,680px);max-height:none}
.native-video:fullscreen{width:100vw;height:100dvh}
@media(max-width:767px){.cinema-hero-art:has(.native-video){aspect-ratio:16/11;min-height:260px}#video-stage:has(.native-video){height:calc(56.25vw + 60px);min-height:260px}.native-controls{padding-left:10px;padding-right:10px}.native-control-row{gap:3px}.native-volume input{display:none}.native-time{font-size:9px;margin-left:0}}

/* Floating controls stay within the picture, with space for the film to breathe. */
.native-video{position:relative;isolation:isolate;display:block}
.native-screen{position:absolute;inset:0}
.native-screen video{width:100%;height:100%}
.native-controls{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;padding:13px 15px 9px;border:1px solid #ffffff16;border-radius:13px;background:linear-gradient(145deg,#242733c9,#0b0d14dc);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 8px 28px #0005;transition:opacity .25s,transform .25s}
.native-seek{height:3px;margin:0 0 7px;accent-color:#d8deff}
.native-control-row{gap:10px}
.native-control-row [data-native=toggle]{width:36px;height:36px;border-radius:50%;background:#f3f5ff;color:#151725}
.native-control-row [data-native=toggle]:hover{background:#fff;color:#151725}
.native-control-row [data-native=toggle] svg{width:19px;height:19px}
.native-control-row button{transition:color .18s,opacity .18s}
.native-volume input{accent-color:#d8deff}
.native-time{color:#d1d3df;font-size:10px;letter-spacing:.2px}
.native-watermark{width:48px;right:22px;top:20px;opacity:.65}
.native-status{position:absolute;left:50%;top:20px;transform:translateX(-50%);max-width:80%;border-radius:8px;padding:9px 14px;background:#10121bdc;backdrop-filter:blur(16px);z-index:3}
.native-video.controls-idle:not(.is-paused):not(:focus-within) .native-controls{opacity:0;transform:translateY(5px);pointer-events:none}
.native-video:fullscreen .native-controls{max-width:980px;left:50%;right:auto;width:calc(100% - 48px);bottom:30px;transform:translateX(-50%)}
.native-video:fullscreen.controls-idle:not(.is-paused):not(:focus-within) .native-controls{transform:translate(-50%,5px)}
@media(max-width:767px){.native-controls{left:10px;right:10px;bottom:10px;padding:11px 10px 7px;border-radius:10px}.native-control-row{gap:4px}.native-time{font-size:9px}.native-watermark{right:16px;top:16px;width:42px}}
@media(prefers-reduced-motion:reduce){.native-controls{transition:none}}

.primary-nav .nav-solid,.mobile-nav .nav-solid{fill:currentColor;stroke:none}
/* Cinema controls: title, edge-to-edge timeline, centered transport. */
.native-controls{left:0;right:0;bottom:0;padding:72px 24px 16px;border:0;border-radius:0;background:linear-gradient(transparent,#0007 35%,#000b);backdrop-filter:none;box-shadow:none}
.native-caption{margin-bottom:24px;text-shadow:0 1px 8px #0008}
.native-caption p{font-size:12px;line-height:1.4;font-weight:600;color:#e0e0e5}
.native-caption strong{display:block;font-size:20px;line-height:1.3;margin-top:3px;letter-spacing:-.4px}
.native-timeline{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.native-elapsed,.native-remaining{font-size:10px;font-variant-numeric:tabular-nums;color:#dedee4;min-width:29px}
.native-remaining{text-align:right}
.native-seek{flex:1;min-width:0;width:auto;margin:0;height:3px;appearance:none;-webkit-appearance:none;border-radius:5px;background:linear-gradient(to right,#f5f5f7 var(--played,0%),#ffffff40 var(--played,0%))}
.native-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#fff}
.native-seek::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}
.native-control-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}
.native-transport,.native-utilities{display:flex;align-items:center;gap:8px}
.native-utilities{justify-content:flex-end}
.native-volume{margin:0;justify-content:flex-start}
.native-control-row [data-native=toggle],.native-control-row [data-native=toggle]:hover{background:none;color:#fff;border-radius:0;width:34px;height:34px}
.native-control-row [data-native=toggle] svg{width:26px;height:26px}
.native-transport button:not([data-native=toggle]) svg{width:25px;height:25px}
.native-control-row button{color:#e5e5ea}
.native-control-row button:hover{color:#fff;opacity:.8}
.native-close{display:none;position:absolute;top:18px;left:18px;z-index:3;width:26px;height:26px;padding:5px;border-radius:50%;background:#eeeeeedd;color:#141417}
.native-close svg{width:16px;height:16px}
.native-video:fullscreen .native-close{display:grid;place-items:center}
.native-video:fullscreen .native-controls{max-width:none;width:auto;left:0;right:0;bottom:0;transform:none;padding:100px 32px 22px}
.native-video:fullscreen .native-caption p{font-size:16px}
.native-video:fullscreen .native-caption strong{font-size:26px}
.native-video:fullscreen.controls-idle:not(.is-paused):not(:focus-within) .native-controls{transform:translateY(5px)}
@media(max-width:767px){.native-controls{padding:45px 12px 10px}.native-caption{margin-bottom:16px}.native-caption p{font-size:10px}.native-caption strong{font-size:16px}.native-control-row{gap:4px}.native-transport,.native-utilities{gap:2px}.native-control-row button{width:28px}.native-volume input{display:none}}

.charts-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.charts-heading .page-heading{margin-bottom:10px}.charts-heading p{color:var(--muted);font-size:14px}.charts-editorial{font-size:11px;color:#aebcff;white-space:nowrap}
.chart-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.chart-card{min-width:0}.chart-card-art{position:relative}.chart-card-art:hover .play-float,.chart-card-art:focus-within .play-float{opacity:1;transform:none}
.chart-art{--chart-color:#b4a0f5;position:relative;isolation:isolate;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#27213e;color:#f9f7ff;padding:22px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 0 0 0 1px #ffffff10}
.chart-art>img{width:72px;height:auto;position:relative;z-index:2}.chart-art-label{font-size:8px;letter-spacing:1.8px;margin-top:22px;position:relative;z-index:2}.chart-art>strong{font-size:clamp(65px,8vw,140px);line-height:1;letter-spacing:-8px;font-weight:800;position:relative;z-index:2}.chart-art-region{font-size:17px;font-weight:650;line-height:1.2;margin-top:auto;max-width:90%;position:relative;z-index:2}
.chart-art i{position:absolute;z-index:0;width:110%;height:110%;border:28px solid var(--chart-color);border-radius:50%;top:12%;left:48%;opacity:.34;box-shadow:0 0 0 14px #ffffff09,0 0 0 38px #ffffff08;transform:rotate(-25deg)}
.chart-blue{background:#152d4a;--chart-color:#6dbde8}.chart-blue i{border-radius:22%;transform:rotate(35deg);left:40%;top:27%}
.chart-amber{background:#462a20;--chart-color:#f1b17b}.chart-amber i{border-radius:0;transform:rotate(-35deg);border-width:40px;left:50%}
.chart-green{background:#173c32;--chart-color:#7cceb0}.chart-green i{width:95%;height:95%;left:55%;top:40%;border-width:45px}
.charts-feature{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:36px;align-items:center;margin:24px 0 38px}.charts-feature .chart-art>strong{font-size:120px}.charts-feature-copy h1,.charts-feature-copy h2{font-size:clamp(30px,4vw,50px);letter-spacing:-1.5px;line-height:1.1;margin:12px 0 18px}.charts-feature-copy>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:540px}.charts-feature-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.charts-meta{display:block;color:#9a9aaa;font-size:12px;margin-top:14px}.charts-note{font-size:11px;color:#92929e;line-height:1.6;margin:34px 0}
@media(min-width:1600px){.chart-cards{grid-template-columns:repeat(7,minmax(0,1fr))}.chart-art{padding:18px}.chart-art>strong{font-size:90px}}
@media(max-width:1100px){.chart-art{padding:17px}.chart-art-label{margin-top:16px;letter-spacing:1px}.chart-art-region{font-size:14px}.chart-art>strong{letter-spacing:-4px}}
@media(max-width:767px){.chart-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.charts-heading{align-items:flex-start;flex-direction:column;gap:12px}.charts-feature{grid-template-columns:145px minmax(0,1fr);gap:18px}.charts-feature .chart-art>strong{font-size:64px;letter-spacing:-4px}.charts-feature .chart-art{padding:13px}.charts-feature .chart-art-label{font-size:6px;margin-top:10px}.charts-feature .chart-art>img{width:48px}.charts-feature-copy h1,.charts-feature-copy h2{font-size:27px;letter-spacing:-.7px;margin:8px 0 12px}.charts-feature-copy>p{font-size:12px}.charts-feature-actions{gap:8px;margin-top:16px}.charts-feature-actions .pill{font-size:11px;padding:9px 12px}.charts-feature .chart-art-region{font-size:12px}.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav a{font-size:9px}}
@media(max-width:450px){.charts-feature{grid-template-columns:1fr}.charts-feature>.chart-art,.charts-feature>div:first-child,.charts-feature>a:first-child{max-width:210px}.charts-feature .chart-art>strong{font-size:96px}}

/* Chart covers use their own dimensions, so no text can fall below the artwork. */
.chart-art{container-type:inline-size;display:grid;grid-template-rows:auto minmax(0,1fr) 42%;gap:0;width:100%;aspect-ratio:1;padding:7%;background:#231b3b;--chart-color:#b39aff;color:#fff;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff12}
.chart-cover-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.chart-cover-top>span{font-size:clamp(6px,3.5cqw,10px);font-weight:650;letter-spacing:1.4px;line-height:1;color:#f1eaff}
.chart-cover-top>img{width:30%;height:auto;flex-shrink:0}
.chart-cover-type{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:0;padding:8px 0}
.chart-cover-type>strong{font-size:clamp(15px,12cqw,36px);line-height:1.06;letter-spacing:-.7px;font-weight:750}
.chart-cover-type>span{display:block;color:#fff;font-size:clamp(11px,8cqw,23px);font-weight:550;line-height:1.12;letter-spacing:-.3px;overflow-wrap:anywhere;text-wrap:balance}
.chart-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden;background:#ffffff08;border-radius:3px;min-height:0}
.chart-art .chart-mosaic i{position:static;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;transform:none;background:var(--chart-color);opacity:var(--tile)}
.chart-blue{background:#152d48;--chart-color:#89caff}.chart-amber{background:#422918;--chart-color:#f7bd79}.chart-green{background:#16382e;--chart-color:#88dfb8}.chart-rose{background:#421d33;--chart-color:#fba6cf}.chart-teal{background:#153b40;--chart-color:#85dce1}
.chart-card .card-title{font-size:14px;font-weight:550;white-space:normal;line-height:1.4;margin-top:10px;overflow:visible;text-overflow:clip;color:#f5f5f7}
.chart-card .card-desc{font-size:11px;line-height:1.5;white-space:normal;color:#b5b5c0;margin-top:4px}
.chart-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 18px}
.charts-country-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#dadbed;padding-bottom:4px}.charts-country-label svg{width:16px;height:16px}
.charts-section-description{font-size:12px;line-height:1.5;color:#b1b1bd;margin-top:7px}.charts-country-section{margin-top:36px}.charts-heading{border-bottom:1px solid var(--line);padding-bottom:26px}.charts-note{color:#ababba}
.charts-feature .chart-art{padding:7%}.charts-feature .chart-cover-type>strong{font-size:clamp(15px,12cqw,36px)}
@media(max-width:1400px){.chart-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.chart-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.chart-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.chart-art{padding:7%}.chart-card .card-title{font-size:13px}.chart-card .card-desc{font-size:11px}.charts-heading{gap:16px}}

/* Photography-led City Charts. The light artwork stays within the dark catalog. */
.city-chart-art{padding:0;grid-template-rows:38% 62%;background:#f1efea;color:#171719;overflow:hidden;border:1px solid #ffffff0d}
.city-chart-heading{padding:7% 8% 5%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5%}
.city-chart-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.city-chart-top strong{font-size:clamp(18px,12cqw,38px);font-weight:750;letter-spacing:-.055em;line-height:1.05;white-space:nowrap}
.city-chart-top img{width:27%;height:auto;object-fit:contain}
.city-chart-heading>span{font-size:clamp(13px,8.2cqw,27px);font-weight:650;letter-spacing:-.035em;line-height:1.15;overflow-wrap:normal}
.city-chart-photo{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.city-charts-section .chart-card .card-title{line-height:1.4;margin-top:10px}

/* Shared playlist logo placement, with an inset landscape city photograph. */
.chart-art{position:relative}
.chart-cover-top{flex-direction:row-reverse}
.chart-cover-top>img{position:absolute;left:7%;top:6%;width:21%;height:auto}
.city-chart-art{grid-template-rows:34% 66%;padding:0 4% 4%;border:0}
.city-chart-logo{position:absolute;z-index:2;left:7%;top:6%;width:21%;height:auto}
.city-chart-heading{padding:5% 3% 5%;justify-content:space-between;gap:0}
.city-chart-top{justify-content:flex-end;min-height:40%}
.city-chart-top strong{font-size:clamp(15px,9cqw,30px);letter-spacing:-.055em}
.city-chart-heading>span{font-size:clamp(13px,9cqw,30px);line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.city-chart-photo{aspect-ratio:1.5;object-position:center;border-radius:0}

/* City chart artwork uses typography only. */
.city-chart-art{grid-template-rows:1fr;padding:0 4% 4%}
.city-chart-heading{padding:5% 3% 7%;justify-content:space-between}
.city-chart-top{min-height:18%}
.city-chart-heading>span{white-space:normal;font-size:clamp(20px,15cqw,48px);line-height:1.04;max-width:95%}

/* One editorial alignment system across all chart covers. */
.chart-art,.charts-feature .chart-art{display:block;position:relative;padding:0;overflow:hidden;text-align:left}
.chart-cover-top{position:static}
.chart-cover-top>img,.city-chart-logo{left:7%;top:7%;width:21%}
.chart-cover-type{position:absolute;left:7%;right:7%;top:24%;padding:0;gap:5cqw;justify-content:flex-start;align-items:flex-start}
.chart-cover-type>strong,.charts-feature .chart-cover-type>strong{font-size:clamp(16px,12cqw,40px);font-weight:750;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.chart-cover-type>span{font-size:clamp(11px,7.5cqw,25px);font-weight:550;line-height:1.18;letter-spacing:-.02em;text-wrap:pretty;overflow-wrap:normal;max-width:100%;color:#ffffffd9}
.chart-mosaic{position:absolute;left:7%;right:7%;bottom:7%;height:32%;border-radius:2px}
.city-chart-heading{position:absolute;left:7%;right:7%;top:28%;bottom:auto;padding:0;gap:7cqw;align-items:flex-start;justify-content:flex-start}
.city-chart-top{min-height:0;justify-content:flex-start;gap:0}
.city-chart-top strong{font-size:clamp(23px,19cqw,64px);line-height:1;letter-spacing:-.06em;font-weight:750}
.city-chart-heading>span{font-size:clamp(15px,10.5cqw,36px);font-weight:550;line-height:1.12;letter-spacing:-.03em;max-width:100%;white-space:normal;text-wrap:pretty;color:#28282b}

/* Override legacy direct-image sizing in both city tiles and detail covers. */
.chart-art>img.city-chart-logo,.charts-feature .chart-art>img.city-chart-logo{position:absolute;left:7%;top:7%;width:21%;height:auto;max-width:none;object-fit:contain}

/* Shared artwork branding size across collections. */
:root{--artwork-logo-width:28%}
.playlist-cover .cover-logo,.chart-cover-top>img,.chart-art>img.city-chart-logo,.charts-feature .chart-art>img.city-chart-logo{width:var(--artwork-logo-width);height:auto}
.feature-logo,.featured-section .feature-logo{width:82px;height:auto}
@media(max-width:767px){.feature-logo,.featured-section .feature-logo{width:70px}}

/* City typography follows the same scale and rhythm as other chart covers. */
.city-chart-heading{top:24%;gap:5cqw}
.city-chart-top strong{font-size:clamp(16px,12cqw,40px);font-weight:750;line-height:1.03;letter-spacing:-.045em}
.city-chart-heading>span{font-size:clamp(11px,7.5cqw,25px);font-weight:550;line-height:1.18;letter-spacing:-.02em}

/* City Rhythm: architectural silhouettes meet the rhythm of an equalizer. */
.city-chart-art{--city-ink:#266d77;--city-soft:#dbe8e4}
.city-chart-art[data-city="chart-city-nairobi"]{--city-ink:#526f3c;--city-soft:#e2e7d9}
.city-chart-art[data-city="chart-city-kampala"]{--city-ink:#a36542;--city-soft:#eee0d5}
.city-chart-art[data-city="chart-city-kigali"]{--city-ink:#6d5a91;--city-soft:#e4deed}
.city-chart-art[data-city="chart-city-new-york"]{--city-ink:#426285;--city-soft:#dde4ed}
.city-rhythm{position:absolute;left:7%;right:7%;bottom:7%;height:32%;display:flex;align-items:flex-end;gap:2.3%;overflow:hidden;background:var(--city-soft);border-radius:2px;padding:0 4%;isolation:isolate}
.city-rhythm::before{content:"";position:absolute;left:-5%;right:-5%;top:46%;height:34%;border-top:1px solid #ffffffaa;border-bottom:1px solid #ffffffaa;transform:rotate(-18deg);z-index:2;pointer-events:none}
.city-rhythm i{display:block;flex:1;height:var(--rise);background:var(--city-ink);opacity:var(--shade);border-radius:20px 20px 0 0;position:relative}
.city-rhythm i:nth-child(3n){border-radius:1px}
.city-rhythm i:nth-child(4n)::after{content:"";position:absolute;inset:15% 35% 0;background:repeating-linear-gradient(to bottom,#ffffff70 0 2px,transparent 2px 9px)}

/* Rank movement sits directly beneath the position, as a compact secondary cue. */
.chart-position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;line-height:1}
.chart-movement{height:9px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;line-height:1}
.chart-movement svg{width:10px;height:7px;fill:currentColor}
.chart-movement.up{color:#2ed47a}.chart-movement.down{color:#f35b68}.chart-movement.same{color:#9a9aa7}.chart-movement.new{color:#a7b3ff}
.chart-track-list .track-head>span:first-child{text-align:center}

/* Personal Home uses the existing Zamar catalog and playback controls. */
.home-filters{position:sticky;top:0;z-index:5;display:flex;gap:8px;padding:14px 0 18px;background:#000;overflow-x:auto;margin-bottom:6px}
.home-filters button{background:#202026;color:#eeeef3;border-radius:24px;padding:9px 17px;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}
.home-filters button[aria-pressed="true"]{background:#f5f5f7;color:#141418}.home-filters button:hover{background:#37373e}.home-filters button[aria-pressed="true"]:hover{background:#fff}
.home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 34px}
.home-quick{position:relative;min-width:0;border-radius:6px;background:#1c1c22;overflow:hidden;transition:background .2s}
.home-quick:hover,.home-quick:focus-within{background:#2a2a33}.home-quick>a{display:flex;align-items:center;gap:12px;min-height:64px;padding-right:45px}
.home-quick img{width:64px;height:64px;object-fit:cover;flex-shrink:0}.home-quick strong{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-quick-play{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:30px;width:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand-primary);color:#111427;opacity:0;transition:opacity .2s}.home-quick-play svg{height:15px;width:15px}
.home-quick:hover .home-quick-play,.home-quick:focus-within .home-quick-play,.home-quick-play.is-playing{opacity:1}
.listener-home .section{margin-top:36px}.listener-home .section-head h2{font-size:22px;letter-spacing:-.5px}.listener-home .section-head{gap:16px}
@media(max-width:1100px){.home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-quick-grid{gap:8px}.home-quick>a{gap:8px;min-height:54px;padding-right:29px}.home-quick img{width:48px;height:54px}.home-quick strong{font-size:11px}.home-quick-play{right:5px;width:24px;height:24px;opacity:1}.listener-home .section-head h2{font-size:19px}.home-filters{padding-top:10px}.home-filters button{padding:8px 14px}}
@media(hover:none){.home-quick-play{opacity:1}}

/* Plain searchable country picker. */
.country-search-field{max-width:480px;margin:24px auto 0;text-align:left}
.country-search-field label{display:block;font-size:12px;color:#b8b8c3;margin-bottom:8px}
#country-dialog #country-search{box-sizing:border-box;width:100%;height:44px;padding:0 14px;background:#151519;border:1px solid #555560;border-radius:7px;color:#f5f5f7;font:inherit;font-size:14px;outline:none}
#country-dialog #country-search:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #8b9dff24}
#country-dialog #country-search::placeholder{color:#a5a5b2}
.country-search-status{max-width:480px;margin:10px auto 0;color:#b8b8c3;font-size:12px;min-height:16px}
#country-dialog [hidden]{display:none!important}
/* All follow controls clearly communicate their saved state. */
button[data-follow].is-following{background:var(--brand-primary)!important;color:#111427!important;border-color:var(--brand-primary)!important;transition:background .2s,color .2s}
button[data-follow].is-following:hover{background:#a8b5ff!important;color:#111427!important}
button[data-follow].is-following svg{color:inherit}
.membership-feature[hidden]{display:none}

/* Artist information sheet: readable at every width, independent of page metrics. */
#dialog.artist-info-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:18px;overflow:auto;background:#202024;color:#f5f5f7;box-shadow:0 28px 100px #0008;animation:artist-info-in .24s cubic-bezier(.2,.8,.2,1) both}
#dialog.artist-info-dialog::backdrop{background:#0008;backdrop-filter:blur(12px);animation:artist-backdrop-in .24s ease both}
#dialog.artist-info-dialog>.close{position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:50%;background:#ffffff14;color:#dddde5;z-index:2}
#dialog.artist-info-dialog>.close:hover{background:#ffffff25}
#dialog.artist-info-dialog .artist-info-header{text-align:center;padding:36px 32px 24px;background:#ffffff03;border-bottom:1px solid #ffffff0d}
.artist-info-portrait{width:104px;height:104px;object-fit:cover;object-position:center 30%;border-radius:50%;display:block;margin:0 auto 18px}
#dialog.artist-info-dialog h2{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.65px;margin:0 28px 8px;text-wrap:balance}
#dialog.artist-info-dialog .artist-info-header p{font-size:13px;margin:0;color:#b3b3be}
.artist-info-body{padding:26px 32px 30px}.artist-info-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:0}
.artist-info-metrics>div{padding:16px 12px 18px;min-width:0;display:flex;flex-direction:column-reverse;gap:7px;text-align:center}
.artist-info-metrics>div:nth-child(odd){border-right:1px solid #ffffff10}.artist-info-metrics>div:nth-child(-n+2){border-bottom:1px solid #ffffff10}
.artist-info-metrics dt{font-size:12px;line-height:1.4;color:#b9b9c5}.artist-info-metrics dd{margin:0;font-size:26px;font-weight:650;letter-spacing:-.6px;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#dialog.artist-info-dialog .artist-info-description{font-size:13px;line-height:1.6;color:#b9b9c5;text-align:center;margin:24px 0 0}
.artist-info-actions{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}
#dialog.artist-info-dialog .artist-info-actions .pill{margin:0;min-height:42px;flex:1;justify-content:center;font-size:13px;border-radius:9px;white-space:nowrap}.artist-info-actions svg{width:16px;height:16px}
#dialog.artist-info-dialog.is-closing{animation:artist-info-out .18s ease both;pointer-events:none}
#dialog.artist-info-dialog.is-closing::backdrop{animation:artist-backdrop-out .18s ease both}
@keyframes artist-info-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes artist-info-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes artist-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes artist-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:480px){.artist-info-body{padding:20px}.artist-info-portrait{width:88px;height:88px}#dialog.artist-info-dialog .artist-info-header{padding:32px 20px 22px}.artist-info-metrics dd{font-size:24px}}
@media(prefers-reduced-motion:reduce){#dialog.artist-info-dialog,#dialog.artist-info-dialog::backdrop{animation:none!important}}

/* Compact audience strip lets the artist story lead. */
#dialog.artist-info-dialog{width:min(620px,calc(100vw - 32px))}
#dialog.artist-info-dialog .artist-info-header{padding:28px 28px 22px}.artist-info-portrait{width:80px;height:80px;margin-bottom:14px}
#dialog.artist-info-dialog h2{font-size:24px}.artist-info-body{padding:22px 28px 26px}
.artist-info-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 0;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e}
.artist-info-metrics>div{padding:4px 8px;gap:6px;border:0!important}.artist-info-metrics>div+div{border-left:1px solid #ffffff12!important}
.artist-info-metrics dd{font-size:18px;line-height:1.2;font-weight:650;letter-spacing:-.3px}.artist-info-metrics dt{font-size:10px;line-height:1.35;letter-spacing:0;color:#aaaab8}
.artist-info-biography{margin-top:24px}.artist-info-biography h3{font-size:15px;line-height:1.3;letter-spacing:-.2px;margin:0 0 10px;font-weight:650}
#dialog.artist-info-dialog .artist-info-biography p{font-size:13px;line-height:1.75;color:#d1d1da;margin:0;text-align:left}
.artist-info-biography>a{display:inline-block;font-size:11px;line-height:1.4;color:var(--brand-primary);margin-top:12px}.artist-info-biography>a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.artist-info-body{padding:18px 20px 24px}.artist-info-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.artist-info-metrics>div:nth-child(3){border-left:0!important}.artist-info-metrics dt{font-size:11px}.artist-info-metrics dd{font-size:18px}}

/* Artist About: generous sheet width and one clear world-rank badge. */
#dialog.artist-info-dialog{width:min(480px,calc(100vw - 32px))}
#dialog.artist-info-dialog .artist-info-header{position:relative;padding:36px 148px 28px;min-height:200px}
.artist-world-rank{position:absolute;right:36px;top:62px;width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0874ed;color:#fff;text-align:center}
.artist-world-rank strong{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums}
.artist-world-rank span{font-size:11px;line-height:1.25;font-weight:500;color:#fff}
#dialog.artist-info-dialog .artist-info-body{padding:28px 40px 32px}
.artist-info-biography{margin-top:0}
#dialog.artist-info-dialog .artist-info-biography p{font-size:14px;line-height:1.8}
#dialog.artist-info-dialog .artist-info-actions{justify-content:flex-start;margin-top:26px}
#dialog.artist-info-dialog .artist-info-actions .pill{flex:0 1 180px}
@media(max-width:540px){
 #dialog.artist-info-dialog .artist-info-header{padding:32px 76px 24px;min-height:0}
 #dialog.artist-info-dialog h2{font-size:21px;margin-left:0;margin-right:0}
 .artist-world-rank{width:68px;height:68px;right:16px;top:58px;gap:3px}
 .artist-world-rank strong{font-size:22px}.artist-world-rank span{font-size:9px}
 #dialog.artist-info-dialog .artist-info-body{padding:24px}
 #dialog.artist-info-dialog .artist-info-actions .pill{flex:1}
}

/* Compact artist sheet proportions, matching the narrow reference modal. */
#dialog.artist-info-dialog .artist-info-header{padding:32px 28px 24px}
#dialog.artist-info-dialog h2{margin-left:0;margin-right:0}
#dialog.artist-info-dialog .artist-info-body{padding:24px 28px 28px}
.artist-world-rank{width:72px;height:72px;right:24px;top:48px}
.artist-world-rank strong{font-size:23px}.artist-world-rank span{font-size:9px}
@media(max-width:360px){.artist-world-rank{right:16px;width:64px;height:64px}.artist-world-rank strong{font-size:21px}#dialog.artist-info-dialog .artist-info-body{padding:22px 20px 24px}}

/* Full-width artist portrait with a continuous fade into the biography. */
#dialog.artist-info-dialog .artist-info-header{background:transparent;border-bottom:0;text-align:left;isolation:isolate}
#dialog.artist-info-dialog .artist-info-header.has-portrait{padding:clamp(240px,68vw,340px) 28px 18px;overflow:hidden}
#dialog.artist-info-dialog .artist-info-portrait{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:0;object-fit:cover;object-position:center 25%;margin:0;z-index:-2;mask-image:linear-gradient(to bottom,#000 48%,#000b 66%,transparent 100%)}
#dialog.artist-info-dialog .artist-info-header h2{position:relative;font-size:26px;line-height:1.15;margin:0 0 8px;text-shadow:0 2px 12px #0006}
#dialog.artist-info-dialog .artist-info-header p{position:relative}
#dialog.artist-info-dialog .artist-world-rank{top:60px;right:24px;box-shadow:0 4px 24px #0002}
#dialog.artist-info-dialog>.close{background:#0006;color:#fff;backdrop-filter:blur(8px)}
#dialog.artist-info-dialog .artist-info-body{padding-top:14px}
#dialog.artist-info-dialog .artist-info-header:not(.has-portrait){padding-top:142px}
@media(max-width:360px){#dialog.artist-info-dialog .artist-info-header.has-portrait{padding-left:20px;padding-right:20px}}

/* Quiet brand signature beneath the artist story. */
#dialog.artist-info-dialog .artist-info-brand{display:flex;justify-content:center;align-items:center;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #ffffff0d;background:transparent}
#dialog.artist-info-dialog .artist-info-brand img{display:block;width:72px;height:auto;max-height:28px;object-fit:contain;opacity:.7}

/* Responsive shell: touch navigation, safe areas, and content-sized tablet grids. */
html,body{max-width:100%;overscroll-behavior:none}#main{overscroll-behavior:contain;overflow-x:hidden}
.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:20px}.sidebar-note{flex-shrink:1}
.track-name>div,.artist-song>div,.hero>div,.charts-feature-copy,.cinema-hero-copy{min-width:0}
.track-name strong,.track-name small,.artist-song strong,.artist-song small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.section-heading{flex-wrap:wrap;row-gap:8px}.collection-head,.actions,.artist-toolbar,.artist-jumps{flex-wrap:wrap}
.discography-tabs,.home-filters,.library-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.discography-tabs button,.home-filters button,.library-tabs button{flex-shrink:0;white-space:nowrap}
.search-destinations{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.search-destinations a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;font-size:13px}
.search-destinations svg{width:18px;height:18px}.search-destinations a:hover{background:#ffffff12}
#dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:768px) and (max-width:1199px){
 :root{--side:200px}#main{padding-inline:24px}.sidebar{padding-inline:14px}
 .cards:not(.grid),.cards.artist-cards:not(.grid){grid-auto-columns:calc((100% - 48px)/4);gap:16px}
 .cards.grid,.cards.artist-cards.grid,.listener-library-grid,.chart-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
 .song-grid{grid-auto-columns:calc((100% - 20px)/2);column-gap:20px}
 .track,.track-head{grid-template-columns:24px minmax(0,1fr) 40px 64px}.track .album,.track-head .album{display:none}
 .artist-numbers{flex-wrap:wrap}.artist-numbers .artist-rank{border:0;padding-left:0}
 .artist-overview{grid-template-columns:1fr}.cinema-hero{grid-template-columns:1fr}.cinema-hero-art{min-height:0;aspect-ratio:16/9}
 .hero h1{overflow-wrap:anywhere}.hero{padding:24px;gap:22px}.merch-visual{height:180px}
 .artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:18px minmax(0,1fr) 70px 60px;gap:8px}.artist-world .artist-duration{display:none}
}
@media(min-width:768px) and (max-width:900px){
 .cards:not(.grid),.cards.artist-cards:not(.grid){grid-auto-columns:calc((100% - 32px)/3)}
 .cards.grid,.cards.artist-cards.grid,.listener-library-grid,.chart-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero>.hero-art,.hero>img{width:130px;flex-basis:130px}.hero h1{font-size:30px}
 .audience-metrics{gap:12px}.artist-numbers .audience-metrics strong{font-size:19px}
}
@media(hover:none) and (pointer:coarse){
 .play-float,.feature-play,.song-more{opacity:1;transform:none}
 .song>.icon,.track-actions button,.artist-track-actions button,.shelf-arrow{min-width:40px;min-height:40px}
 .primary-nav a{min-height:44px}.card:hover .art{filter:none}
}
@media(max-width:767px){
 :root{--bottom-safe:env(safe-area-inset-bottom,0px);--nav-height:calc(62px + var(--bottom-safe));--mobile-promo:54px}
 body.zamar-pro{--mobile-promo:0px}body.country-visible{--bottom-safe:0px;--country-height:calc(138px + env(safe-area-inset-bottom,0px))}
 .country-banner{height:var(--country-height);min-height:var(--country-height);padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .mobile-header{height:calc(60px + env(safe-area-inset-top,0px));padding-top:calc(17px + env(safe-area-inset-top,0px));padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
 #main,body.signed-in #main,body.zamar-free #main{top:calc(60px + env(safe-area-inset-top,0px));bottom:calc(var(--nav-height) + var(--country-height));padding-bottom:calc(96px + var(--mobile-promo));scroll-padding-bottom:calc(96px + var(--mobile-promo))}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--nav-height);padding:6px max(12px,env(safe-area-inset-right,0px)) calc(6px + var(--bottom-safe)) max(12px,env(safe-area-inset-left,0px));bottom:var(--country-height);background:#101013f5}
 .mobile-nav a{min-width:0;min-height:48px;justify-content:center;gap:4px;font-size:11px;line-height:1.2;border-radius:12px;color:#a7a7b5}
 .mobile-nav svg{width:24px;height:24px}.mobile-nav a.current,.artist-world .mobile-nav a.current{color:var(--brand-primary);background:#8b9dff12}
 .guest-banner{bottom:calc(var(--nav-height) + var(--country-height));height:54px;min-height:54px}.guest-banner strong{font-size:12px}
 #player,body.signed-in #player,body.zamar-free #player{left:12px;right:12px;transform:none;width:auto;bottom:calc(var(--nav-height) + var(--country-height) + var(--mobile-promo) + 10px);height:62px;min-height:62px;padding:0 10px;gap:6px;border-radius:12px}
 #player .now{order:1;flex:1;gap:8px;min-width:0;height:60px;padding-bottom:3px}
 #player .player-art{display:block;flex:0 0 38px}#player .player-art img{width:38px;height:38px}
 #player .player-song strong{font-size:12px;line-height:16px}#player .player-song small{font-size:10px;line-height:14px}
 #player .controls{order:2;flex:0 0 72px;width:72px}#player .transport{gap:0;height:60px}
 #player .transport button[data-action=prev],#player .transport .icon:first-child,#player .transport .icon:last-child{display:none}
 #player .transport .primary,#player .transport button[data-action=next]{width:36px;height:44px;flex:0 0 36px}
 #player .transport .primary svg{width:26px;height:26px}#player .extras{order:3;flex:0 0 32px;gap:0}#player .extras>.icon{width:32px;height:44px}
 #player .player-menu-wrap{flex-basis:26px}#player .player-menu-wrap>.icon{width:26px;height:44px}
 #player .preview-badge{position:absolute;left:46px;top:2px;font-size:6px;line-height:9px;letter-spacing:.2px;padding:0 4px}
 #player:has(.preview-badge) .player-song{padding-top:7px}#player .progress{bottom:3px;left:46px;right:0;height:5px}
 #player .progress input{height:3px}#player-menu{right:-70px;max-width:calc(100vw - 32px)}
 #right-panel,body.signed-in #right-panel,body.zamar-free #right-panel{top:calc(72px + env(safe-area-inset-top,0px));bottom:calc(var(--nav-height) + var(--country-height) + 12px);max-height:none;right:12px;width:calc(100% - 24px)}
 #toast{bottom:calc(var(--nav-height) + var(--country-height) + var(--mobile-promo) + 84px)}
 .section-head{gap:10px}.section-heading{gap:8px;flex:1}.section-head h2{font-size:19px;overflow-wrap:anywhere}.shelf-controls{display:none}
 .hero{align-items:flex-start}.hero h1{font-size:26px;overflow-wrap:anywhere}.hero>div{min-width:0}
 .collection-head{gap:14px}.artist-jumps{gap:8px 20px}.artist-toolbar{gap:10px}.artist-toolbar .pill{min-height:44px}
 .track,.track-head{grid-template-columns:18px minmax(0,1fr) 30px 64px;gap:6px}.track-name img{flex-shrink:0}
 .artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:16px minmax(0,1fr) 64px;gap:8px}.artist-world .artist-song>.stream-count,.artist-world .artist-song>.artist-duration,.artist-world .artist-track-head>.stream-count,.artist-world .artist-track-head>.artist-duration{display:none}
 .artist-overview{grid-template-columns:1fr}.artist-selection{display:none}.artist-numbers{flex-wrap:wrap}
 input[type=text],input[type=search],input[type=email],input[type=password],input[type=tel],select,#country-dialog #country-search{font-size:16px}
 #country-dialog{display:flex;flex-direction:column}#country-dialog:not([open]){display:none}.country-regions{min-height:0;flex:1;height:auto}.country-search-wrap{flex-shrink:0}
 .native-controls{max-width:100%}.native-caption strong{font-size:14px}.native-control-row{gap:0}.native-transport,.native-utilities{gap:0}
 .native-control-row button{width:28px;min-width:28px}.native-caption{pointer-events:none}
 .site-footer{overflow-wrap:anywhere}.search-destinations{gap:8px}.search-destinations a{flex:1 1 calc(33.333% - 8px);justify-content:center;padding:10px;font-size:12px}
}
@media(max-width:380px){
 #main{padding-inline:16px}.hero{flex-direction:column}.hero>.hero-art,.hero>img{width:140px;flex-basis:auto}
 .artist-numbers .audience-metrics strong{font-size:17px}.artist-numbers .audience-metrics span{white-space:normal}
 .country-grid{columns:1}.listener-heading h1{font-size:28px}.native-controls{padding-inline:6px}.native-control-row button{width:25px;min-width:25px}
 #player .extras{display:none}#player .player-menu-wrap{flex-basis:28px}
}
@media(max-height:600px) and (orientation:landscape){.sidebar-note{display:none}#dialog,#dialog.guest-dialog,#dialog.artist-info-dialog,#dialog:has(.zamar-auth){max-height:calc(100dvh - 20px)}.membership-art{height:160px}.membership-feature{height:160px;width:160px}.membership-art-stack{width:75px}.membership-art-stack img{height:75px;width:75px}}

#player-menu .mobile-player-action{display:none}
@media(max-width:767px){#player-menu .mobile-player-action{display:flex}.artist-world #main{--artist-gutter:20px}.section-head:has(.collection-title){flex-wrap:wrap}.country-search-field{flex-shrink:0}}
@media(min-width:768px) and (max-width:1199px){.artist-world #main{--artist-gutter:24px}}
@media(hover:none) and (pointer:coarse) and (max-width:767px){.track,.track-head{grid-template-columns:18px minmax(0,1fr) 30px 84px}.artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:16px minmax(0,1fr) 84px}}
@media(hover:none) and (pointer:coarse) and (min-width:768px) and (max-width:1199px){.track,.track-head{grid-template-columns:24px minmax(0,1fr) 40px 84px}.artist-world .artist-song,.artist-world .artist-track-head{grid-template-columns:18px minmax(0,1fr) 70px 84px}}

/* Direct New destination in the mobile tab bar. */
@media(max-width:767px){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav a{font-size:10px;min-width:0}}
/* Zamar Home: personal listening with a distinct editorial rhythm. */
.home-kicker{display:block;font-size:10px;font-weight:650;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.home-promotion{display:grid;grid-template-columns:1.2fr 1fr;min-height:330px;overflow:hidden;border-radius:16px;margin:0 0 40px;background:#252436;color:#fff;isolation:isolate}
.home-promotion-art{display:block;position:relative;overflow:hidden;min-height:330px;background:#282635;isolation:isolate}
.promotion-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-2}
.home-promotion-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11101888,transparent 70%),linear-gradient(0deg,#15121dc9,transparent 70%)}
.promotion-logo{position:absolute;left:28px;top:26px;width:78px;filter:drop-shadow(0 2px 5px #0005)}
.promotion-art-caption{position:absolute;bottom:26px;left:28px;font-size:clamp(26px,2.7vw,42px);font-weight:700;line-height:1.08;letter-spacing:-1.3px;color:#fff}
.home-promotion-copy{padding:32px clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at top right,#665a8b66,transparent 75%)}
.home-promotion-copy .home-kicker{color:#c2b9dc;font-size:9px;letter-spacing:1.4px}
.home-promotion-copy h2{font-size:clamp(28px,3vw,45px);line-height:1.06;letter-spacing:-1.4px;margin:0 0 16px;text-wrap:balance}
.home-promotion-copy p{font-size:13px;line-height:1.65;color:#d0cadc;max-width:340px;margin-bottom:24px}
.promotion-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;align-self:flex-start;padding:12px 20px;min-height:44px;border-radius:999px;background:#ffba92;color:#302119;font-size:13px;font-weight:650;transition:background .18s}
.promotion-cta:hover{background:#ffceaF}.promotion-credit{font-size:9px;color:#aba2bc;letter-spacing:.3px;margin-top:16px}
.zamar-home-heading{margin:0 0 12px;align-items:flex-end}.zamar-home-heading .home-kicker{color:var(--brand-secondary);margin-bottom:10px}
.zamar-home-heading .page-heading{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.5px;margin-bottom:10px;line-height:1.12}.zamar-home-heading p{font-size:13px;line-height:1.6;color:var(--muted)}
.zamar-home .home-filters{gap:24px;padding:14px 0 0;margin-bottom:30px;border-bottom:1px solid var(--line)}
.zamar-home .home-filters button{position:relative;padding:12px 0 15px;background:transparent!important;color:var(--muted)!important;border:0;border-radius:0;font-size:13px}
.zamar-home .home-filters button[aria-pressed=true]{color:inherit!important}.zamar-home .home-filters button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px;background:var(--brand-primary)}
.zamar-home .section{margin:38px 0}.home-return h2{font-size:17px}.home-return .home-quick-grid{margin-bottom:24px}
.home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:42px 0}
.home-path{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:214px;padding:24px;overflow:hidden;border-radius:12px;isolation:isolate;color:#242330;background:#c9c4e7}
.home-path:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid currentColor;right:-55px;top:30px;opacity:.12;box-shadow:0 0 0 16px,0 0 0 32px,0 0 0 48px;z-index:-1}
.home-path-radio{background:#efbd9e}.home-path-film{background:#b8cec9}.home-path-number{font-size:9px;letter-spacing:.7px;margin-bottom:22px}.home-path strong{font-size:clamp(20px,1.9vw,27px);letter-spacing:-.7px;line-height:1.15}.home-path>span:last-child{font-size:11px;margin-top:auto;padding-top:22px}.home-path:hover>span:last-child{text-decoration:underline;text-underline-offset:4px}
.home-discovery{display:grid;grid-template-columns:1fr minmax(180px,.75fr) 1.15fr;align-items:center;gap:30px;padding:32px;background:#16161d;border:1px solid var(--line);border-radius:14px}
.home-discovery-copy h2{font-size:clamp(25px,2.4vw,36px);line-height:1.1;letter-spacing:-1px;margin-bottom:14px}.home-discovery-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:20px}
.home-discovery-art{min-width:0}.home-discovery-art .playlist-cover{aspect-ratio:1}.home-discovery-tracks{min-width:0}.home-discovery-tracks .song{padding:13px 0;gap:10px}.home-discovery-tracks .song-play img{width:100%;height:100%;object-fit:cover}.home-discovery-tracks .song strong{font-size:12px}.home-discovery-tracks .song small{font-size:11px}
.home-free-promotion{padding:30px 40px 0}.home-free-promotion .home-promotion{margin-bottom:28px}
html[data-theme=light] .home-discovery{background:#f6f5f9}html[data-theme=light] .zamar-home-heading .home-kicker{color:#8f512f}
@media(min-width:768px) and (max-width:1199px){.home-promotion{grid-template-columns:1fr 1fr}.home-promotion-copy{padding:26px}.home-promotion-copy h2{font-size:30px}.home-paths{gap:12px}.home-path{padding:20px;min-height:210px}.home-path strong{font-size:21px}.home-discovery{grid-template-columns:1fr 1fr;padding:24px;gap:24px}.home-discovery-tracks{grid-column:1/-1}.home-free-promotion{padding-inline:24px}}
@media(max-width:767px){.home-promotion{grid-template-columns:1fr;margin-bottom:30px;border-radius:12px;min-height:0}.home-promotion-art{min-height:0;aspect-ratio:1.6}.home-promotion-copy{padding:25px}.home-promotion-copy h2{font-size:30px}.home-promotion-copy h2 br{display:none}.home-promotion-copy p{margin-bottom:18px;font-size:13px;max-width:none}.home-promotion-copy .home-kicker{font-size:9px}.promotion-logo{left:22px;top:20px;width:64px}.promotion-art-caption{left:22px;bottom:20px;font-size:29px}.promotion-credit{margin-top:14px}.zamar-home-heading{gap:14px;align-items:flex-start}.zamar-home-heading .page-heading{font-size:32px}.zamar-home-heading>.pill{font-size:11px;padding:9px 12px}.zamar-home .home-filters{gap:22px}.zamar-home .home-filters button{font-size:12px}.home-paths{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:32px 0}.home-path{scroll-snap-align:start;min-height:200px;padding:22px}.home-path strong{font-size:25px}.home-discovery{grid-template-columns:minmax(0,1fr) 42%;gap:18px;padding:22px}.home-discovery-copy h2{font-size:25px}.home-discovery-copy p{font-size:12px}.home-discovery-copy .pill{font-size:11px;padding:9px 12px}.home-discovery-tracks{grid-column:1/-1}.home-discovery .home-kicker{font-size:8px;letter-spacing:1px}.home-free-promotion{padding:20px 20px 0}}
@media(max-width:360px){.home-discovery{grid-template-columns:1fr}.home-discovery-art{max-width:200px}.home-discovery-tracks{grid-column:auto}.home-paths{grid-auto-columns:90%}}

/* Quiet cinematic artist promotion. Preserve the photograph beneath failed autoplay. */
.home-promotion.home-cinema-promotion{display:grid;place-items:center;position:relative;isolation:isolate;min-height:0;aspect-ratio:2.65;border-radius:14px;background:#15151b;overflow:hidden}
.home-cinema-promotion:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0003,#0005 50%,#0003),linear-gradient(0deg,#0005,transparent 45%);pointer-events:none}
.promotion-poster,.promotion-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;transition:opacity .8s ease}
.promotion-film{opacity:0;object-position:center 35%}.film-playing .promotion-film{opacity:1}.film-playing .promotion-poster{opacity:0}
.promotion-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px;color:#fff;max-width:100%}
.promotion-center>img{width:86px;height:auto;margin-bottom:18px;filter:drop-shadow(0 2px 10px #0005)}
.promotion-center p{font-size:15px;line-height:1.5;font-weight:500;letter-spacing:-.2px;margin:0 0 18px;text-shadow:0 2px 14px #0009}
.promotion-center .promotion-cta{align-self:center;background:#fffffff0;color:#202026;border:1px solid #ffffff40;min-height:40px;padding:10px 19px;font-size:12px;gap:20px}
.promotion-center .promotion-cta:hover{background:#fff}
@media(max-width:767px){.home-promotion.home-cinema-promotion{aspect-ratio:1.65;min-height:220px;border-radius:12px}.promotion-center{padding:22px}.promotion-center>img{width:68px;margin-bottom:14px}.promotion-center p{font-size:13px;margin-bottom:14px}.promotion-center .promotion-cta{font-size:11px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.promotion-poster,.promotion-film{transition:none}}

/* Center the promotion across the whole banner, not an inherited split column. */
.home-promotion.home-cinema-promotion{grid-template-columns:minmax(0,1fr)}
.home-cinema-promotion .promotion-center{width:100%;transform:translateY(clamp(18px,3vw,42px));padding:22px;gap:0}
.home-cinema-promotion .promotion-center>img{width:112px;margin-bottom:14px}
.home-cinema-promotion .promotion-center p{font-size:17px;margin-bottom:16px;line-height:1.4}
.home-cinema-promotion .promotion-center .promotion-cta{font-size:13px;min-height:42px;padding:10px 21px}
/* Keep Home navigation flush to the top of its scroll viewport. */
#main:has(.zamar-home){padding-top:0}
.zamar-home>.home-filters{position:sticky;top:0;z-index:15;margin-top:0;margin-bottom:24px;padding-top:10px;background:#000}
html[data-theme=light] .zamar-home>.home-filters{background:#fff}
@media(max-width:767px){.home-cinema-promotion .promotion-center{transform:translateY(16px);padding:16px}.home-cinema-promotion .promotion-center>img{width:86px;margin-bottom:10px}.home-cinema-promotion .promotion-center p{font-size:14px;margin-bottom:12px}.home-cinema-promotion .promotion-center .promotion-cta{font-size:12px;min-height:40px;padding:9px 18px}.zamar-home>.home-filters{margin-bottom:20px;padding-top:6px}}

/* Artwork left, six selection tracks in two balanced columns. */
.home-discovery{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}
.home-discovery-selection{min-width:0}
.home-discovery-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-discovery-tracks{grid-column:auto}
@media(min-width:768px) and (max-width:1199px){.home-discovery{grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:20px}.home-discovery-columns{gap:16px}}
@media(max-width:767px){.home-discovery{grid-template-columns:minmax(0,1fr)}.home-discovery-art{width:100%;max-width:280px}.home-discovery-columns{grid-template-columns:minmax(0,1fr);gap:0}.home-discovery-tracks{grid-column:auto}}

/* Open charts inherit the cover hue and artist-view dark shell. */
body.chart-world #main{padding-top:30px;background:linear-gradient(180deg,var(--artist-page-tone),color-mix(in srgb,var(--artist-page-tone) 65%,#08080c) 900px)}
.chart-world :is(.charts-meta,.charts-note,.charts-feature-copy>p,.track-head,.track .album,.track .duration){color:var(--artist-muted)}
.chart-world .charts-feature-actions .green{background:var(--artist-ink);color:var(--artist-page-tone)}
.chart-world .charts-feature-actions .outline{color:var(--artist-ink);border-color:#ffffff70;background:transparent}
.chart-world .charts-feature-actions>.icon{color:var(--artist-ink)}
.chart-world .track:hover{background:#ffffff08}
@media(max-width:767px){body.chart-world #main{padding-top:20px}}

/* Editorial playlist invitation follows Zamar's compact card rhythm. */
.editorial-feature{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px;margin:40px 0;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(110deg,#24202f,#15151c);color:#f5f5f7}
.editorial-feature-art{width:140px;min-width:0;box-shadow:0 8px 24px #0003;border-radius:9px;overflow:hidden}
.editorial-feature-copy{min-width:0}.editorial-feature-copy>span{display:block;font-size:12px;font-weight:600;color:#b9acd5;margin-bottom:10px}.editorial-feature-copy h2{font-size:clamp(22px,2vw,30px);line-height:1.18;letter-spacing:-.65px;margin:0 0 10px}.editorial-feature-copy p{font-size:13px;line-height:1.6;color:#b6b3c1}
.editorial-feature-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;background:#f2eff8;color:#282333;font-size:12px;font-weight:650;white-space:nowrap;transition:background .2s}.editorial-feature-cta svg{width:16px;height:16px}.editorial-feature:hover .editorial-feature-cta{background:#fff}
html[data-theme=light] .editorial-feature{background:linear-gradient(110deg,#eee9f5,#f7f6f9);color:#292532;border-color:#ded8e8}html[data-theme=light] .editorial-feature-copy>span{color:#725695}html[data-theme=light] .editorial-feature-copy p{color:#6a6474}html[data-theme=light] .editorial-feature-cta{background:#30263f;color:#fff}
@media(max-width:1100px){.editorial-feature{grid-template-columns:120px minmax(0,1fr);gap:14px 22px}.editorial-feature-art{width:120px;grid-row:1/3}.editorial-feature-cta{grid-column:2;justify-self:start}.editorial-feature-copy h2{font-size:24px}}
@media(max-width:600px){.editorial-feature{padding:18px;gap:16px;grid-template-columns:88px minmax(0,1fr);margin:30px 0}.editorial-feature-art{width:88px;grid-row:auto}.editorial-feature-copy>span{font-size:11px;margin-bottom:7px}.editorial-feature-copy h2{font-size:20px;margin-bottom:7px}.editorial-feature-copy p{font-size:12px}.editorial-feature-cta{grid-column:1/-1;justify-self:stretch}}