/* NCSONZ / visual refinement. No animation changes playback state. */
:root{--ease:cubic-bezier(.22,1,.36,1)}
body{background:radial-gradient(ellipse at 85% 0,#1b24162b,transparent 60%),var(--bg)}
.icon{width:21px;height:21px;display:inline-block;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
button,a{transition:color .2s,background-color .2s,border-color .2s,box-shadow .25s,transform .25s var(--ease)}
button:active:not(:disabled){transform:scale(.96)}
.sidebar{background:linear-gradient(165deg,#10150d,#0b0e0b 60%)}
.sidebar nav a{position:relative;padding:14px 15px}
.sidebar nav a>span{display:flex;align-items:center;justify-content:center}
.sidebar nav a.active{background:linear-gradient(100deg,#2b3b1e,#1b2515);box-shadow:inset 0 0 0 1px #c2f7650b}
.sidebar nav a.active:before{content:'';position:absolute;left:-22px;height:18px;width:3px;border-radius:0 3px 3px 0;background:var(--green);box-shadow:0 0 18px #c2f76550}
.sidebar nav a:hover{transform:translateX(3px)}
.heart-tile{display:grid;place-items:center;width:39px;height:39px;padding:0;background:linear-gradient(135deg,#375027,#1b2914)}
.heart-tile .icon{width:20px;height:20px}.quiet{display:flex;align-items:center;gap:8px}.quiet>span{display:flex;margin-right:0}.quiet .icon{width:17px;height:17px}
.brand{transition:opacity .2s,transform .3s var(--ease)}.brand:hover{opacity:.8;transform:translateY(-1px)}
.hero{isolation:isolate;background:radial-gradient(ellipse at 85% 0%,#e0ff9c,transparent 65%),linear-gradient(120deg,#c2f765,#a8dd51);box-shadow:0 12px 60px #a2ed2510,inset 0 0 0 1px #eaffb066;border-radius:18px;min-height:330px}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#17200d03 3px,#17200d03 4px);z-index:-1}
.hero .eyebrow:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:9px}
.hero h1{letter-spacing:-4px}.hero-art{transition:transform 1.3s var(--ease);transform:rotate(-6deg);opacity:.9;pointer-events:none}.hero:hover .hero-art{transform:rotate(0deg) scale(1.04)}
.hero .button{padding:14px 22px;box-shadow:0 6px 18px #1d36041a}.hero .button:hover{background:#263a18;box-shadow:0 9px 22px #1d360430;transform:translateY(-2px)}
.hero .button .icon{width:18px;height:18px}.hero-index{font-size:8px;opacity:.7;letter-spacing:1.7px}
.section{margin-top:38px}.section-heading h2{font-weight:600;letter-spacing:-.65px}.text-link{display:inline-flex;gap:8px;align-items:center}.text-link .icon{width:14px;height:14px}.text-link:hover .icon{transform:translate(2px,-2px)}.text-link .icon{transition:transform .25s var(--ease)}
.mood-filters{display:flex;gap:9px;flex-wrap:wrap;margin:2px 0 22px}.mood-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #323e2a;border-radius:30px;background:#191f15;color:#99a88e;font-size:11px;white-space:nowrap}.mood-chip .icon{width:15px;height:15px}.mood-chip:hover{border-color:#647d4c;color:var(--text);transform:translateY(-1px)}.mood-chip[aria-pressed=true]{background:#c2f76514;border-color:#8eb446;color:var(--green)}
.music-card{padding:8px 8px 15px;margin:-8px -8px 0;border-radius:14px;transition:background .3s,transform .35s var(--ease),box-shadow .35s}.music-card:hover{background:#21291b;transform:translateY(-4px);box-shadow:0 12px 30px #0002}.music-card .cover-wrap{border-radius:11px;box-shadow:0 6px 20px #0002}.music-card h3,.music-card>p,.music-card>.card-label{padding-left:3px}.music-card h3{font-size:14px}.music-card .cover-wrap:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}.card-number{background:#0002;padding:5px 7px;border-radius:4px;backdrop-filter:blur(8px);font-size:8px}.card-play{display:grid;place-items:center;width:42px;height:42px;transform:translateY(4px);opacity:.9;transition:transform .3s var(--ease),box-shadow .3s,opacity .3s}.card-play .icon{width:22px;height:22px}.music-card:hover .card-play:not(:disabled){transform:translateY(0);opacity:1;box-shadow:0 6px 25px #0004}.card-play:disabled{background:#1b241a;color:#ccd6c6;opacity:.6}.card-play:disabled .icon{width:17px;height:17px}.card-label{font-size:7px;letter-spacing:1.3px;opacity:.8}
.track-row{transition:background .25s,box-shadow .25s;min-height:67px;border-bottom-color:#262e21}.track-row:hover{background:#20281b;box-shadow:inset 3px 0 #c2f7654d}.track-row .icon-button{display:grid;place-items:center}.track-row .icon-button .icon{width:17px;height:17px}.track-row:hover .track-name:not(:disabled){color:var(--green)}.track-row img{box-shadow:0 2px 9px #0002}.track-name{transition:color .2s}.track-name:disabled{opacity:.6}.is-liked .icon{fill:currentColor;stroke:currentColor}.artist-card{border-radius:10px;padding:9px;margin:-9px}.artist-card:hover{background:#222b1b;transform:translateY(-2px)}.artist-card img{box-shadow:0 0 0 3px #ffffff07}
.player{background:#171e13ed;backdrop-filter:blur(24px);border-top:1px solid #56694455;box-shadow:0 -12px 40px #0002}.play-main{display:grid;place-items:center;width:39px;height:39px;box-shadow:0 0 0 5px #c2f76507;transition:box-shadow .3s,transform .3s var(--ease)}.play-main:hover{box-shadow:0 0 0 7px #c2f76514,0 0 28px #c2f76520}.play-main .icon{width:22px;height:22px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:7px}.icon-button:hover{background:#ffffff08;color:var(--text)}.icon-button[aria-pressed=true]{color:var(--green)}.transport .icon-button .icon{width:18px;height:18px}.now-playing img{transition:box-shadow .4s,transform .4s var(--ease)}.now-playing:hover img{transform:scale(1.05);box-shadow:0 0 24px #c2f76515}.now-playing:hover strong{color:var(--green)}.volume .icon{width:18px;height:18px}.transport{gap:16px}.account{gap:9px;background:#1c2417;border-color:#46513b}.account>.icon{width:15px;height:15px;color:var(--green)}.account>span{font-size:12px;color:var(--text)}.account:hover{border-color:#89a45c;background:#27321e}.empty-symbol .icon{width:42px;height:42px}.close-dialog{display:grid;place-items:center;padding:8px;border-radius:50%;transition:background .2s}.close-dialog:hover{background:#ffffff0a}.close-dialog .icon{width:22px;height:22px}
.sleep-timer{display:flex;align-items:center;gap:7px;background:transparent;color:#859477;font-size:10px;padding:8px 10px;border-radius:30px;border:1px solid transparent}.sleep-timer .icon{width:15px;height:15px}.sleep-timer:hover{background:#202a19;border-color:#344329}.sleep-timer.active{color:var(--green);background:#c2f7650d;border-color:#c2f76526}.top-actions{gap:16px}.edition{font-size:8px;letter-spacing:1px}
.sound-indicator{position:absolute;left:17px;bottom:17px;display:none;height:12px;align-items:flex-end;gap:2px}.sound-indicator i{width:2px;height:5px;background:var(--green);animation:equalize .8s ease-in-out infinite alternate}.sound-indicator i:nth-child(2){animation-delay:-.35s}.sound-indicator i:nth-child(3){animation-delay:-.6s}.sound-indicator i:nth-child(4){animation-delay:-.15s}.is-playing .sound-indicator{display:flex}.is-playing .now-playing{padding-left:9px}.is-playing .hero-art{animation:vinyl-drift 12s ease-in-out infinite alternate}
@keyframes equalize{to{height:12px;opacity:.5}}@keyframes vinyl-drift{from{transform:rotate(-6deg) scale(1)}to{transform:rotate(5deg) scale(1.06)}}
dialog[open]{animation:dialog-in .35s var(--ease)}dialog[open]::backdrop{animation:backdrop-in .3s ease-out}.queue-panel:not([hidden]){animation:dialog-in .3s var(--ease)}#toast:not([hidden]){animation:toast-in .3s var(--ease)}
@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
input[type=range]{appearance:none;-webkit-appearance:none;border-radius:4px;background:#455139;outline-offset:7px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--green);transition:box-shadow .2s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #c2f76518}input[type=range]::-moz-range-thumb{border:0;width:10px;height:10px;border-radius:50%;background:var(--green)}
.mobile-nav .icon{width:21px;height:21px}.mobile-nav a{transition:color .2s,background .2s}.mobile-nav a.active{background:#c2f76505}
@media(max-width:1150px){.top-actions{gap:7px}.sound-indicator{left:8px}.hero h1{letter-spacing:-3px}}
@media(max-width:760px){.hero{min-height:350px;border-radius:15px}.hero h1{letter-spacing:-2.7px}.topbar{gap:8px}.top-actions{gap:3px}.sleep-timer{padding:8px}.sleep-timer #sleep-label{display:none}.sleep-timer.active #sleep-label{display:inline;font-size:9px}.account{padding:8px 11px}.account>span{font-size:10px}.mood-filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 7px;margin-bottom:16px;scrollbar-width:none}.mood-filters::-webkit-scrollbar{display:none}.mood-chip{padding:8px 12px;font-size:10px;flex-shrink:0}.music-card{padding:6px 6px 12px;margin:-6px -6px 0}.music-card h3{font-size:12px}.card-play{width:35px;height:35px;right:9px;bottom:9px}.card-play .icon{width:19px;height:19px}.section{margin-top:29px}.sound-indicator{left:6px;bottom:32px;gap:1px}.sound-indicator i{width:1.5px}.player{padding-left:17px}.transport{gap:9px}.play-main{width:35px;height:35px}.hero-art{opacity:.55}.sidebar nav a.active:before{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero:hover .hero-art,.music-card:hover,.artist-card:hover,.hero .button:hover,.sidebar nav a:hover{transform:none}.sound-indicator i{height:8px}.sound-indicator i:nth-child(2){height:12px}}