/* Clear glass, curved highlights and a cover-led now-playing stage. */
.player.glass{border-radius:34px;background:rgba(60,56,69,.28);backdrop-filter:blur(38px) saturate(180%);-webkit-backdrop-filter:blur(38px) saturate(180%);border:1px solid #ffffff26;box-shadow:0 14px 45px #0005,inset 0 1px 1px #ffffff29,inset 0 -1px 1px #ffffff0a;isolation:isolate;transition:background .35s,border-color .35s,box-shadow .35s}
.player.glass:before,.full-dock:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at var(--glass-x,20%) 0,#ffffff13,transparent 62%),linear-gradient(125deg,#ffffff0a,transparent 32%,transparent 70%,#ffffff05);transition:opacity .4s}
.player.glass:after,.full-dock:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff0b;mask-image:linear-gradient(110deg,#000,transparent 35%,transparent 65%,#000);-webkit-mask-image:linear-gradient(110deg,#000,transparent 35%,transparent 65%,#000)}
.player .now-art{border-radius:13px;box-shadow:0 2px 8px #0004}.player .play-button{background:#ffffff17;color:#f1ecfa;border:1px solid #ffffff17;box-shadow:inset 0 1px 1px #ffffff17,0 4px 10px #0002}.player .play-button:hover{background:#ffffff28}.player .icon-button:hover{background:#ffffff0d}.player .player-heart.active{color:var(--accent)}
.player.glass{background:linear-gradient(120deg,rgba(var(--now-color,80,72,96),.19),rgba(62,58,71,.23))}
button{transition:background .18s,color .18s,box-shadow .2s,transform .2s}.icon-button:active,.play-button:active,.primary-button:active,.mode-card:active,.palette-option:active{transform:scale(.94)}.iem-rating button:active{transform:scale(.8)}.album-card:active{transform:scale(.97)}.mode-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .35s}.nav-item{transition:background .25s,color .25s,transform .2s}.player [data-action=toggle] svg{animation:control-in .23s ease-out}@keyframes control-in{from{opacity:.4;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
.full-player{--art-accent:#e7dcef;--wave-base:#ffffff2c;--wave-played:#e7dcef;--wave-cursor:#fff;--art-size:min(58vw,calc(100dvh - 292px),820px);background:#19171e;display:none;isolation:isolate;padding:22px 4vw 26px;overflow:hidden;color:#f7f3fb}
.full-player[open]{display:grid;grid-template-rows:42px minmax(0,1fr) auto;gap:16px;animation:stage-in .38s cubic-bezier(.2,.8,.2,1)}
.full-player.closing{pointer-events:none}.art-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#19171e;overflow:hidden}.atmosphere-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.25s ease;overflow:hidden}.atmosphere-layer.visible{opacity:1}.atmosphere-layer img{position:absolute;inset:-15%;width:130%;height:130%;object-fit:cover;filter:blur(115px) saturate(125%);opacity:.14;transform:scale(1.05);animation:ambient-drift 22s ease-in-out infinite alternate}.atmosphere-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(#10101422,transparent 55%,#07070920)}
@keyframes ambient-drift{to{transform:translate(3%,-2%) scale(1.12)}}@keyframes stage-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.full-top{position:relative;width:100%;max-width:1440px;margin:0 auto;z-index:2}.full-top .brand{font-size:22px;color:#f7f3fb}.full-top>span:nth-child(2){color:#ffffff83;letter-spacing:2px}.full-top .icon-button{width:38px;height:38px;border-radius:50%;background:#ffffff09;border:1px solid #ffffff12;color:#fff;box-shadow:inset 0 1px 0 #ffffff0b}.full-top .icon-button:hover{background:#ffffff19}
.full-content{position:relative;display:grid;grid-template-columns:var(--art-size) minmax(0,410px);align-items:center;justify-content:center;gap:clamp(35px,5.5vw,95px);width:100%;max-width:1440px;margin:0 auto;padding:0;min-height:0;z-index:1}
.full-art-wrap{position:relative;width:var(--art-size);height:var(--art-size);aspect-ratio:1;flex-shrink:0;isolation:isolate}.full-art-wrap:before{inset:8%;background:var(--art-accent);opacity:.11;filter:blur(45px);border-radius:40px;transition:background 1s}.full-art-wrap img{width:100%;height:100%;display:block;object-fit:contain;background:#121014;border-radius:clamp(18px,2vw,30px);box-shadow:0 24px 70px #0006,0 2px 6px #0003;border:1px solid #ffffff12;transform-origin:center center}.full-art-wrap #full-art-prev{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none}
.full-info{min-width:0;max-width:none;text-align:left}.full-info .eyebrow{display:block;color:#ffffff73;font-size:9px;letter-spacing:2px;margin:0 0 24px}.full-info h1{font-size:clamp(29px,3.9vw,58px);font-weight:600;letter-spacing:-1.8px;line-height:1.12;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.full-info p{font-size:clamp(14px,1.4vw,20px);line-height:1.5;color:#ffffffb3;margin:0 0 6px}.full-album{font-size:12px;color:#ffffff75;line-height:1.6;margin-bottom:25px}.full-info .iem-rating{gap:8px;justify-content:flex-start}.full-info .iem-rating svg{width:27px;height:27px}.full-info .iem-rating button{color:#ffffff3b}.full-info .iem-rating button.selected{color:var(--art-accent)}.full-info .iem-rating button:hover{color:white}.full-info .reset-rating{color:#ffffff5c}.full-info .mood-label{color:#ffffff80;font-size:10px;margin-top:26px;justify-content:flex-start;gap:11px}.full-info .mood-label select{background:#ffffff09;border-color:#ffffff0e;color:#ffffffe3;backdrop-filter:blur(15px)}.full-info select option{background:#242028;color:white}.full-info .audio-quality{font-size:9px;color:#ffffff68;margin-top:21px;letter-spacing:1px}
.full-dock{position:relative;isolation:isolate;width:100%;max-width:1240px;justify-self:center;border-radius:30px;background:#ffffff09;border:1px solid #ffffff22;backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);box-shadow:0 15px 40px #0003,inset 0 1px 1px #ffffff20,inset 0 -1px 0 #ffffff09;padding:17px 27px 14px;z-index:3}
.full-dock .waveform-wrap{width:100%;max-width:none;margin:0}.full-dock .waveform-caption{font-size:7px;letter-spacing:1.3px;color:#ffffff72;margin-bottom:5px}.full-dock canvas{height:58px}.full-dock .waveform-wrap input{top:13px;height:58px}.full-dock .full-times{margin-top:2px;color:#ffffff9c;font-size:9px}.full-dock .full-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;margin:0;height:57px}.full-controls>.icon-button{color:#ffffffb3;width:34px;height:34px;border-radius:50%}.full-controls>.icon-button:hover{color:#fff;background:#ffffff0c}.full-controls>.icon-button.active{color:var(--art-accent);background:#ffffff0c}.full-controls>.play-button{width:46px;height:46px;background:#ffffff17;border:1px solid #ffffff26;color:white;box-shadow:inset 0 1px 1px #ffffff25,0 5px 18px #0002}.full-controls>.play-button:hover{background:#ffffff27}.full-controls>.play-button svg{width:19px;height:19px}.full-controls .full-volume{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:10px;margin:0;color:#ffffffa3}.full-volume input{background:#ffffff23;width:105px}.full-volume input::-webkit-slider-thumb{background:var(--art-accent)}.full-volume input::-moz-range-thumb{background:var(--art-accent)}
@media(min-width:1700px){.full-player{--art-size:min(58vw,calc(100dvh - 285px),1000px)}.full-content{max-width:1700px;grid-template-columns:var(--art-size) minmax(0,440px)}.full-dock{max-width:1480px}}
@media(max-height:700px) and (min-width:801px){.full-player{--art-size:min(55vw,calc(100dvh - 238px));padding-top:14px;padding-bottom:14px;gap:10px}.full-dock{padding-top:12px;padding-bottom:8px}.full-dock canvas,.full-dock .waveform-wrap input{height:42px}.full-info .eyebrow{margin-bottom:14px}.full-info h1{font-size:35px}.full-info .full-album{margin-bottom:17px}.full-info .mood-label{margin-top:18px}.full-info .audio-quality{margin-top:14px}}
@media(max-width:800px){.full-player{--art-size:min(64vw,calc(100dvh - 305px),600px);padding:16px 5vw 17px;gap:10px}.full-player[open]{grid-template-rows:34px minmax(0,1fr) auto}.full-content{display:flex;flex-direction:column;justify-content:center;gap:16px;margin:0;min-height:0}.full-art-wrap{width:var(--art-size);height:var(--art-size)}.full-info{width:100%;max-width:600px;text-align:left}.full-info .eyebrow{display:none}.full-info h1{font-size:25px;letter-spacing:-.8px;line-height:1.15;margin-bottom:6px;-webkit-line-clamp:1}.full-info p{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-album{display:none}.full-info .iem-rating{position:absolute;right:0;bottom:6px;gap:3px}.full-info{position:relative;padding-right:123px}.full-info .iem-rating svg{width:20px;height:20px}.full-info .mood-label,.full-info .audio-quality{display:none}.full-dock{border-radius:27px;padding:13px 18px 10px}.full-dock .full-controls{gap:23px;height:60px;justify-content:flex-start}.full-controls .full-volume{right:0}.full-volume input{width:73px}.full-top .brand{font-size:20px}.full-top>span:nth-child(2){font-size:8px}.full-top .icon-button{width:32px;height:32px}.full-dock .waveform-caption span:last-child{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:6px}}
@media(max-width:540px){.full-player{--art-size:min(88vw,calc(100dvh - 292px),540px);padding:14px 6vw 16px;gap:11px}.full-content{gap:24px}.full-art-wrap img{border-radius:18px}.full-info{padding-right:0}.full-info h1{font-size:24px;padding-right:0}.full-info p{font-size:13px}.full-info .iem-rating{position:static;margin-top:12px;justify-content:flex-start;gap:6px}.full-info .iem-rating svg{width:20px;height:20px}.full-top .brand{font-size:18px}.full-top>span:nth-child(2){letter-spacing:1.4px;font-size:7px}.full-dock{padding:12px 17px 12px;border-radius:28px}.full-dock canvas{height:48px}.full-dock .waveform-wrap input{height:48px}.full-dock .full-controls{gap:19px;justify-content:center;height:66px;flex-wrap:nowrap;padding-right:0}.full-controls>.icon-button{width:29px;height:29px}.full-controls>.icon-button svg{width:19px;height:19px}.full-controls .full-volume{position:static;display:none}.full-controls>.play-button{width:51px;height:51px}.player.glass{border-radius:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:540px){.full-dock{padding-bottom:28px}.full-controls .full-volume{position:absolute;top:auto;bottom:-14px;left:0;right:0;display:flex;justify-content:center}.full-controls .full-volume input{width:105px}.full-player{--art-size:min(88vw,calc(100dvh - 310px),540px)}}
@media(max-height:700px) and (min-width:801px){.full-player[open]{gap:10px}}