: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}.is-playing{color:var(--brand-primary)}.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}}