.immersive-player{--player-accent:#fa975b;--player-glass:rgba(255,255,255,.36);--player-border:rgba(255,255,255,.66);--player-control:rgba(255,255,255,.62);width:calc(100% - 40px);height:calc(100dvh - 40px);max-width:1440px;max-height:1000px;padding:24px 32px 22px;border:1px solid var(--player-border);border-radius:32px;background:linear-gradient(140deg,#e7f0f8ed,#f1e9e4e8 55%,#d5e8faed);box-shadow:inset 0 1px #fff9,0 40px 120px #05183366;backdrop-filter:blur(45px) saturate(1.3);-webkit-backdrop-filter:blur(45px) saturate(1.3)}.immersive-player[open]{display:flex;flex-direction:column;animation:listening-enter .55s cubic-bezier(.2,.8,.2,1) both}.immersive-player::backdrop{background:#040c20aa;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}html[data-theme=dark] .immersive-player{--player-glass:rgba(205,226,255,.055);--player-border:rgba(219,234,255,.2);--player-control:rgba(198,224,255,.07);background:linear-gradient(145deg,#0c1a2aed,#1b1c28eb 55%,#0a182aed);box-shadow:inset 0 1px #fff2,0 40px 120px #000a}.immersive-player:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 20%,color-mix(in srgb,var(--player-accent) 17%,transparent),transparent 50%),radial-gradient(ellipse at 90% 80%,#68a7f524,transparent 55%)}.player-wash{inset:-25%;opacity:.26;filter:blur(90px) saturate(1.3);transform:scale(1.15);animation:listening-aura 22s ease-in-out infinite alternate}.player-wash img{width:100%;height:100%;object-fit:cover}html[data-theme=dark] .player-wash{opacity:.21}.immersive-header{position:static;display:flex;align-items:center;gap:12px;padding:0;background:none;backdrop-filter:none;margin-bottom:20px;min-height:36px;flex-shrink:0}.player-brand{display:flex;align-items:center;gap:12px;font:700 15px Manrope,sans-serif;letter-spacing:.13em;color:var(--ink)}.player-brand>svg{width:20px;height:20px;color:var(--orange)}.player-brand>span{display:flex;flex-direction:column;gap:3px}.player-brand small{font:500 8px Manrope,sans-serif;letter-spacing:.23em;color:var(--muted)}.player-focus-title{display:none;min-width:0;font-size:14px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.immersive-header .demo-label{font-size:11px;margin-left:auto;padding:6px 11px;border:1px solid var(--player-border);border-radius:100px;background:var(--player-glass);color:var(--muted)}.player-focus{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;font-size:12px;border:1px solid var(--player-border);border-radius:100px;background:var(--player-glass);color:var(--muted);transition:background .25s,color .25s}.player-focus svg{width:14px;height:14px}.player-focus[aria-pressed=true]{background:var(--soft-blue);color:var(--blue)}.immersive-header #close-player{border:1px solid var(--player-border);border-radius:50%;background:var(--player-glass);width:36px;height:36px}.immersive-body{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.25fr);gap:clamp(32px,6vw,96px);padding:0 5%;flex:1;min-height:0}.immersive-art-column{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;max-width:370px;width:100%;margin:auto;min-height:0;padding:0}.immersive-art{width:100%;max-width:min(370px,43dvh);aspect-ratio:1;margin-inline:auto;border-radius:25px;border:1px solid #ffffff99;box-shadow:0 35px 75px -25px #09214677,0 0 0 7px #ffffff14,0 0 0 8px #ffffff1a;flex-shrink:0;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.immersive-art .cover-lettering{padding:28px}.immersive-art .cover-lettering>span{font-size:clamp(36px,4.8vw,64px);font-weight:500;letter-spacing:-.045em}.immersive-art .cover-lettering small{font-size:8px;letter-spacing:.22em}.playing .immersive-art{transform:translateY(-3px)}.art-edge{box-shadow:inset 0 1px 12px #ffffff3b}.listening-state{width:100%;max-width:none;margin:21px 0 12px;gap:8px;font-size:11px}.listening-state small{display:inline;font-size:8px;letter-spacing:.16em;color:var(--muted)}.equalizer{height:14px;gap:2px}.equalizer i{width:2px;background:var(--orange);max-height:13px}.immersive-title-row{gap:5px;margin:0}.immersive-title-row h2{flex:1;flex-basis:0;margin:0;font-size:clamp(24px,2.8vw,37px);letter-spacing:-.045em;font-weight:600;line-height:1.18}.immersive-title-row .icon-button{width:34px;height:34px;border-radius:50%}.player-creator{margin:13px 0 0;gap:9px}.player-creator .creator-avatar{width:26px;height:26px;font-size:12px}.player-creator strong{font-size:12px;color:var(--muted)}.player-creator .follow-button{font-size:10px;padding:5px 11px;border-radius:100px}.immersive-detail{display:flex;min-height:0;flex-direction:column;padding:0}.player-tabs{display:flex;flex-shrink:0;width:fit-content;max-width:100%;gap:3px;border:1px solid var(--player-border);padding:5px;border-radius:100px;background:var(--player-glass);box-shadow:inset 0 1px #fff2;margin:0 0 20px;align-self:flex-start}.player-tabs button{padding:8px 15px;border-radius:100px;font-size:12px;line-height:1.4;color:var(--muted);transition:background .25s,color .25s,box-shadow .25s}.player-tabs button[aria-selected=true]{background:var(--player-control);color:var(--ink);box-shadow:0 3px 12px #08234512,inset 0 1px #fff3;font-weight:600}.player-tabs button[aria-selected=true]:after{display:none}.player-tabs button span{font-size:10px;padding-left:2px}.player-pane{min-height:0;max-height:none;flex:1;padding:0 8px 0 0;overflow:auto;scrollbar-width:thin}#player-lyrics-view{display:flex;flex-direction:column;overflow:hidden;padding:0;min-height:0}#player-lyrics-view[hidden]{display:none}.lyrics-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.08em;padding:3px 7px 0}.lyrics-topline>span:first-child{display:flex;align-items:center;gap:7px}.lyrics-topline svg{width:13px;height:13px;color:var(--orange)}#immersive-line-count{font:500 9px Manrope,sans-serif;letter-spacing:.16em;font-variant-numeric:tabular-nums}.immersive-lyrics-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.immersive-lyrics-scroll::-webkit-scrollbar{display:none}.immersive-lyric-lines{position:relative;padding:clamp(55px,15dvh,140px) 0}.immersive-lyric-line{display:block;width:100%;padding:12px 8px;text-align:left;font-size:clamp(22px,2.7vw,39px);font-weight:600;line-height:1.65;letter-spacing:-.04em;color:var(--ink);opacity:.22;transform:scale(.985);transform-origin:left center;filter:blur(.3px);transition:opacity .45s,filter .45s,transform .45s}.immersive-lyric-line.is-past{opacity:.36}.immersive-lyric-line.is-active{opacity:1;filter:none;transform:scale(1);text-shadow:0 2px 24px color-mix(in srgb,var(--player-accent) 18%,transparent)}.immersive-lyric-line:hover,.immersive-lyric-line:focus-visible{opacity:.85;filter:none}.immersive-lyric-line:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:12px}.immersive-lyrics-note{font-size:10px;line-height:1.7;color:var(--muted);padding:10px 7px 0;flex-shrink:0}.immersive-lyrics-empty{display:flex;min-height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;text-align:center}.immersive-lyrics-empty>svg{width:52px;height:52px;stroke-width:1;color:var(--blue);opacity:.7;margin-bottom:9px}.immersive-lyrics-empty small{font:500 9px Manrope,sans-serif;letter-spacing:.22em;color:var(--muted)}.immersive-lyrics-empty h3{font-size:26px;font-weight:500;letter-spacing:-.04em;line-height:1.6}.immersive-lyrics-empty p{font-size:12px;color:var(--muted)}.immersive-lyrics-empty[hidden],.immersive-lyric-lines[hidden]{display:none}.about-copy{font-size:clamp(20px,2vw,28px);line-height:1.9;font-weight:500;margin:8px 0 24px}.about-tags span{border-radius:100px;padding:7px 13px;background:var(--player-glass);border-color:var(--player-border);font-size:11px}.about-details{flex-wrap:wrap;gap:18px;font-size:10px}.about-details strong{font-size:12px;margin-top:7px}.about-note{font-size:10px;line-height:1.8}.immersive-controls{flex-shrink:0;margin-top:20px;padding:15px 23px 12px;background:var(--player-glass);border:1px solid var(--player-border);border-radius:24px;box-shadow:inset 0 1px #ffffff30,0 9px 30px #11365a0a;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}.immersive-controls .progress-row{gap:14px;font-size:10px}.immersive-controls .progress{height:3px;--blue:var(--ink);opacity:.85}.immersive-controls .progress::-webkit-slider-thumb{width:9px;height:9px;opacity:0;transition:opacity .2s}.immersive-controls .progress:hover::-webkit-slider-thumb,.immersive-controls .progress:focus-visible::-webkit-slider-thumb{opacity:1}.immersive-transport{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:5px}.immersive-transport .transport{gap:20px}.immersive-controls .play-button{width:49px;height:49px;border:1px solid #ffffffa3;background:linear-gradient(140deg,#ffffffdb,#e5efffd9);color:#1d304a;box-shadow:0 7px 20px #12315618,inset 0 1px #ffffffc4}html[data-theme=dark] .immersive-controls .play-button{background:linear-gradient(145deg,#f4f8ff,#ccdff4);color:#13263e}.immersive-controls .transport .icon-button{width:32px;height:32px}.immersive-controls .transport svg{width:20px;height:20px}.immersive-extra,.immersive-volume{width:190px}.immersive-extra .soft-button{font-size:11px;padding:8px 12px;border:1px solid var(--player-border);border-radius:100px;background:var(--player-glass)}.immersive-volume{display:flex;gap:4px;align-items:center;justify-content:flex-end}.immersive-volume .volume{max-width:90px;height:3px}.immersive-player :is(button,input,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.immersive-player .queue-track{padding:12px 10px;border:1px solid transparent;border-radius:16px;transition:background .2s,border-color .2s}.immersive-player .queue-track:hover,.immersive-player .queue-track.is-current{background:var(--player-glass);border-color:var(--player-border)}.queue-track.is-current strong{color:var(--ink)}.queue-track .queue-info{min-width:0}.queue-track strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-track small{font-size:11px}.queue-track .queue-time{font-size:10px}.comment{padding:15px;border:1px solid var(--player-border);border-radius:18px;background:var(--player-glass);grid-template-columns:28px 1fr}.comment-avatar{width:28px;height:28px;background:var(--player-control)}.comment-author{flex-wrap:wrap;gap:4px 8px}.comment-author strong{font-size:12px}.comment-author small{font-size:9px}.comment p{font-size:12px;line-height:1.9}.comment-form{padding-top:15px}.comment-form label{font-size:12px}.comment-form textarea{background:var(--player-glass);border-color:var(--player-border);border-radius:16px;font-size:12px;line-height:1.7}.comment-form small{font-size:9px}.comment-form .primary-button{font-size:11px;border-radius:100px;padding:9px 14px}.player-empty{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:28px 8px 24px}.player-empty svg{width:30px;height:30px;color:var(--blue);stroke-width:1.2;margin-bottom:4px}.player-empty h3{font-size:19px;font-weight:500}.player-empty p{font-size:12px;color:var(--muted);line-height:1.8}.immersive-player.is-focused .immersive-body{display:flex;justify-content:center;padding:0 6%}.immersive-player.is-focused .immersive-art-column{display:none}.immersive-player.is-focused .player-focus-title{display:block}.immersive-player.is-focused .immersive-detail{width:min(840px,100%)}.immersive-player.is-focused .immersive-lyric-line{font-size:clamp(26px,4vw,52px)}@media(max-width:1000px){.immersive-player{padding:20px 26px}.immersive-body{padding:0 1%;gap:34px;grid-template-columns:minmax(210px,.85fr) minmax(0,1.1fr)}.immersive-art{max-width:min(315px,40dvh)}.player-tabs button{padding:8px 12px}.immersive-extra,.immersive-volume{width:145px}.immersive-lyric-line{font-size:clamp(22px,3.1vw,32px)}}@media(max-width:650px){.immersive-player{width:calc(100% - 16px);height:calc(100dvh - 16px);padding:15px 18px;border-radius:26px;overflow:hidden}.immersive-header{margin-bottom:15px;gap:8px}.player-brand{font-size:12px;gap:8px}.player-brand small{font-size:6px}.player-brand>svg{width:17px;height:17px}.immersive-header .demo-label{display:none}.player-focus{margin-left:auto;padding:8px 10px;font-size:10px;gap:5px}.immersive-header #close-player{width:31px;height:31px}.immersive-body{display:flex;flex-direction:column;gap:18px;padding:0;overflow:auto;scrollbar-width:none}.immersive-art-column{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:17px;max-width:none;align-items:center;margin:0}.immersive-art{grid-column:1;grid-row:1/4;width:94px;max-width:none;border-radius:17px;box-shadow:0 14px 28px -12px #09214666,0 0 0 3px #ffffff14}.immersive-art .cover-lettering{padding:10px}.immersive-art .cover-lettering small{display:none}.immersive-art .cover-lettering>span{font-size:20px}.listening-state{grid-column:2;grid-row:1;font-size:9px;margin:1px 0 4px;gap:5px}.listening-state small{display:none}.equalizer{height:10px}.immersive-title-row{grid-column:2;grid-row:2;flex-wrap:nowrap;gap:1px}.immersive-title-row h2{font-size:21px;flex-basis:0;line-height:1.2}.immersive-title-row .icon-button{width:27px;height:27px;padding:6px;flex-shrink:0}.immersive-title-row .icon-button svg{width:15px;height:15px}.player-creator{grid-column:2;grid-row:3;margin:6px 0 0;gap:6px}.player-creator .creator-avatar{display:none}.player-creator strong{font-size:10px}.player-creator .follow-button{font-size:9px;padding:4px 8px}.immersive-detail{flex:1;min-height:240px;overflow:hidden}.player-tabs{align-self:stretch;justify-content:center;margin-bottom:13px;padding:4px}.player-tabs button{flex:1;padding:8px 7px;font-size:11px}.player-pane{max-height:none;min-height:0;padding-right:0}.lyrics-topline{font-size:9px;padding:1px 5px 0}.immersive-lyric-line{font-size:clamp(19px,5.8vw,25px);padding:10px 5px;line-height:1.8}.immersive-lyric-lines{padding:65px 0}.immersive-lyrics-note{font-size:8px;padding:7px 5px 0}.immersive-lyrics-empty{padding:20px;gap:8px}.immersive-lyrics-empty h3{font-size:22px}.immersive-lyrics-empty>svg{width:35px;height:35px}.immersive-controls{position:static;margin:15px 0 0;padding:11px 13px 10px;border-radius:20px;z-index:1}.immersive-controls .progress-row{font-size:9px;gap:8px}.immersive-transport{justify-content:center;margin-top:4px}.immersive-extra,.immersive-volume{display:none}.immersive-controls .transport{gap:20px}.immersive-controls .play-button{width:43px;height:43px}.immersive-controls .transport .icon-button{width:27px;height:27px}.immersive-controls .transport svg{width:17px;height:17px}.about-copy{font-size:19px;line-height:1.8;margin-top:0}.about-tags{margin-bottom:18px;gap:6px}.about-tags span{font-size:10px;padding:6px 10px}.about-note{font-size:9px}.queue-track img{width:34px;height:34px}.queue-track strong{font-size:12px}.queue-track small{font-size:9px}.comment{padding:11px}.comment-form>div{flex-wrap:nowrap}.comment-form textarea{font-size:16px}.comment-form .primary-button{font-size:10px;padding:8px 11px}.immersive-player.is-focused .immersive-body{display:flex;flex-direction:column;padding:0}.immersive-player.is-focused .player-brand{display:none}.immersive-player.is-focused .player-focus-title{flex:1;font-size:15px}.immersive-player.is-focused .immersive-detail{min-height:0;width:100%}.immersive-player.is-focused .immersive-lyric-line{font-size:clamp(22px,6.3vw,30px)}}@media(max-height:570px)and (min-width:651px){.immersive-header{margin-bottom:12px}.immersive-player{padding:17px 25px}.immersive-art{max-width:28dvh}.listening-state{margin-top:12px;margin-bottom:8px}.immersive-title-row h2{font-size:25px}.player-creator{margin-top:8px}.immersive-controls{margin-top:14px;padding-top:10px;padding-bottom:9px}.player-tabs{margin-bottom:10px}}@keyframes listening-enter{0%{opacity:0;transform:translateY(18px) scale(.975);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes listening-aura{0%{transform:translate(-3%,-2%) scale(1.1) rotate(-3deg)}to{transform:translate(3%,2%) scale(1.17) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.immersive-player[open],.player-wash{animation:none}.immersive-player,.immersive-lyric-line,.immersive-art,.player-focus{transition:none}}.immersive-player{overflow:clip;isolation:isolate}.immersive-art{max-width:min(330px,max(110px,calc(100dvh - 510px)))}.listening-state{margin-top:15px;margin-bottom:9px}.player-creator{margin-top:10px}.player-style{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.player-style span{padding:5px 10px;border-radius:100px;border:1px solid var(--player-border);background:var(--player-glass);font-size:12px;line-height:1.4;color:var(--muted)}.player-style .main-style{color:var(--blue);background:var(--soft-blue);border-color:color-mix(in srgb,var(--blue) 22%,transparent)}.player-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.player-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:55px;padding:9px 6px;border:1px solid var(--player-border);border-radius:15px;background:var(--player-glass);color:var(--ink);font-size:13px;font-weight:500;box-shadow:inset 0 1px #ffffff25;transition:background .25s,transform .25s,border-color .25s}.player-action>svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.5}.player-action>span{min-width:0}.player-action small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px;white-space:nowrap}.player-action.album-action{background:color-mix(in srgb,var(--soft-blue) 65%,var(--player-glass));border-color:color-mix(in srgb,var(--blue) 25%,var(--player-border));color:var(--blue)}.player-action:hover:not(:disabled){background:var(--player-control);transform:translateY(-2px);border-color:color-mix(in srgb,var(--orange) 50%,var(--player-border))}.player-action:disabled{opacity:.5;cursor:default}.player-action[aria-busy=true]{opacity:.7}.lyrics-follow{margin-left:auto;border:1px solid var(--player-border);background:var(--player-glass);border-radius:100px;padding:5px 9px;font-size:11px;letter-spacing:0;color:var(--muted)}.lyrics-follow[aria-pressed=true]{color:var(--blue);background:var(--soft-blue);border-color:color-mix(in srgb,var(--blue) 20%,transparent)}.immersive-lyric-line{opacity:.42;filter:none}.immersive-lyric-line.is-past{opacity:.48}.immersive-lyrics-note{font-size:11px}.album-dialog{background:var(--surface);border:1px solid var(--line);border-radius:27px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:inset 0 1px #ffffff30,0 28px 80px #07182b55}.album-dialog::backdrop{background:#05132966;backdrop-filter:blur(7px)}.album-empty{padding:23px 18px;margin:15px 0;border-radius:18px;background:var(--soft-blue);text-align:center}.album-empty svg{width:29px;height:29px;color:var(--blue);margin-bottom:10px}.album-empty h3{font-size:17px;font-weight:500;line-height:1.6}.album-empty p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:7px}.album-empty[hidden]{display:none}.new-album-form button{white-space:nowrap;font-size:13px}.album-dialog .primary-button:disabled{opacity:.4;cursor:default}@media(max-width:650px){.immersive-body{gap:14px}.immersive-art-column{grid-template-rows:auto auto auto auto auto;row-gap:0}.immersive-art{grid-row:1/5;width:94px;max-width:94px}.listening-state{margin-top:1px;margin-bottom:4px}.player-creator{margin-top:6px}.player-style{grid-column:2;grid-row:4;margin-top:6px;gap:4px}.player-style span{font-size:10px;padding:3px 7px}.player-actions{grid-column:1/-1;grid-row:5;gap:6px;margin-top:14px}.player-action{min-height:42px;padding:8px 4px;gap:5px;font-size:11px;border-radius:12px}.player-action>svg{width:14px;height:14px}.player-action small{display:none}.immersive-detail{min-height:210px}.lyrics-follow{font-size:10px;padding:4px 7px}.immersive-lyrics-note{font-size:9px}.album-dialog{max-width:calc(100% - 24px);padding:20px;max-height:calc(100dvh - 40px);overflow:auto}.new-album-form input{font-size:16px;min-width:0}.new-album-form>div{gap:7px}.new-album-form button{padding:9px 11px;font-size:12px}.album-dialog .dialog-footer{gap:14px}}@media(max-height:570px)and (min-width:651px){.immersive-art{max-width:23dvh}.listening-state{margin-top:10px}.player-style{margin-top:8px}.player-actions{margin-top:10px}.player-action{min-height:43px}.player-action small{display:none}}@media(max-height:670px)and (min-width:651px){.immersive-player{padding:17px 25px}.immersive-header{margin-bottom:12px}.player-creator{margin-top:8px}.listening-state{margin-top:10px}.player-style{margin-top:7px}.player-actions{margin-top:9px}.player-action{min-height:42px}.player-action small{display:none}}