@layer theme,base;@layer components{.pl-dock{inset-inline:0;bottom:calc(12px + var(--safe-bottom,0px));z-index:40;pointer-events:none;padding-inline:max(var(--gutter,32px), var(--safe-left,0px)) max(var(--gutter,32px), var(--safe-right,0px));position:fixed}@media (max-width:899.98px),(max-height:500px) and (pointer:coarse){.pl-dock{bottom:max(calc(var(--tabbar-h,0px) + 8px), calc(var(--safe-bottom,0px) + 8px));padding-inline:max(8px, var(--safe-left,0px)) max(8px, var(--safe-right,0px))}}.pl-band{pointer-events:none;inset-inline:0;z-index:39;height:calc(var(--player-h,84px) + 24px);background:linear-gradient(to top, var(--bg) calc(100% - 24px), transparent);transition:opacity var(--dur-slow) var(--ease-out);position:fixed;bottom:0}@starting-style{.pl-band{opacity:0}}.pl-band[data-state=closed]{opacity:0;transition-duration:var(--dur);transition-timing-function:var(--ease-exit)}@media (max-width:899.98px),(max-height:500px) and (pointer:coarse){.pl-band{bottom:var(--tabbar-h,0px)}}.pl-bar{pointer-events:auto;max-width:var(--maxw,1280px);background-color:var(--glass-bar,var(--glass));-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);height:72px;box-shadow:var(--shadow-overlay);transition:opacity var(--dur-slow) var(--ease-out), translate var(--dur-slow) var(--ease-out);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,min(40%,720px)) minmax(0,1fr);align-items:center;column-gap:16px;margin-inline:auto;padding-inline:12px;display:grid;position:relative;container:pl-bar/inline-size}@starting-style{.pl-bar{opacity:0;translate:0 12px}}.pl-bar[data-state=closed]{inset-inline:max(var(--gutter,32px), var(--safe-left,0px)) max(var(--gutter,32px), var(--safe-right,0px));opacity:0;transition-duration:var(--dur);transition-timing-function:var(--ease-exit);position:absolute;bottom:0;translate:0 12px}.pl-bar__now{align-items:center;gap:12px;min-width:0;display:flex}.pl-bar__meta{flex-direction:column;flex:0 auto;gap:2px;min-width:0;display:flex}.pl-bar__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-underline-offset:3px;border-radius:4px;margin-block:-2px;padding-block:2px;font-size:15px;font-weight:600;line-height:20px;display:block;overflow:hidden}.pl-bar__title:hover{text-decoration:underline}.pl-bar__mid{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pl-bar__end{justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex}.pl-bar__vol-slider{display:none}@container pl-bar (min-width:1012px){.pl-bar__vol-slider{display:flex}.pl-bar__vol-pane{display:none}}.pl-mini{pointer-events:auto;background-color:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);height:64px;box-shadow:var(--shadow-overlay);transition:opacity var(--dur-slow) var(--ease-out), translate var(--dur-slow) var(--ease-out);border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}@starting-style{.pl-mini{opacity:0;translate:0 12px}}.pl-mini[data-state=closed]{inset-inline:max(8px, var(--safe-left,0px)) max(8px, var(--safe-right,0px));opacity:0;transition-duration:var(--dur);transition-timing-function:var(--ease-exit);position:absolute;bottom:0;translate:0 12px}.pl-mini__song{text-align:left;touch-action:pan-y;border-radius:8px;flex:auto;align-self:stretch;align-items:center;gap:12px;min-width:0;display:flex}.pl-mini .pl-line{inset-inline:12px;position:absolute;bottom:0}.pl-line{background-color:#ffffff24;border-radius:2px;height:2px;overflow:hidden}.pl-line__fill{background:var(--brand-grad);transform-origin:0;height:100%}.pl-art{flex:none;display:block;position:relative}.pl-art[data-flying]{opacity:0}.pl-capsule{pointer-events:auto;z-index:10;background-color:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);width:fit-content;max-width:calc(100% - 16px);box-shadow:var(--shadow-overlay);transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out);border-radius:12px;align-items:center;gap:4px;margin:0 auto 8px;padding:4px;display:flex;position:relative}@starting-style{.pl-capsule{opacity:0;translate:0 4px}}.pl-capsule[data-state=closed]{opacity:0;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-exit);translate:0 4px}.pl-capsule__btn{height:32px;color:var(--ink);transition:background-color var(--t-fast) var(--ease-out);background-color:#ffffff14;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding-inline:12px;font-size:13px;font-weight:600;display:inline-flex}.pl-capsule__btn:hover{background-color:#ffffff1f}@media (pointer:coarse){.pl-capsule__btn{height:44px}}.icon-btn.pl-on,.icon-btn.pl-on[aria-pressed=true]{color:var(--accent)}.icon-btn.pl-on:hover{color:var(--accent-hover,var(--accent))}.icon-btn.pl-on:after{content:"";background-color:currentColor;border-radius:999px;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}@media (forced-colors:active){.icon-btn.pl-on:after{background-color:highlight}}.pl-transport{align-items:center;gap:8px;display:flex}.pl-transport .pl-tbtn{border-radius:999px}.pl-transport--np{justify-content:space-between;gap:0;width:100%}.pl-transport--np .pl-tbtn{color:var(--ink)}.pl-transport--np .pl-tbtn svg{width:22px;height:22px}.pl-transport--np .pl-tbtn--skip svg{width:28px;height:28px}.pl-play{background-color:var(--ink);color:var(--bg);transition:scale var(--t-fast) var(--ease-out);border-radius:999px;flex-shrink:0;place-items:center;display:grid;position:relative}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pl-play:hover{scale:1.04}}@media (prefers-reduced-motion:no-preference){.pl-play:active{transition-duration:var(--dur-press,.1s);scale:.97}}.pl-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (forced-colors:active){.pl-play{border:1px solid buttontext}}.pl-volpane{z-index:1;background-color:var(--glass-solid);box-shadow:var(--shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out), visibility 0s linear var(--dur);border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding:12px 8px 10px;display:flex;position:absolute;bottom:100%;left:50%;translate:-50% 4px}.pl-volpane:before{content:"";inset-inline:0;height:12px;position:absolute;top:100%}.group\/vol:hover>.pl-volpane,.group\/vol:focus-within>.pl-volpane{opacity:1;visibility:visible;transition-delay:0s;translate:-50%}.pl-slider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0;position:relative}.pl-slider--h{width:100%;height:16px}.pl-slider[data-grow]{height:20px}@media (pointer:coarse){.pl-slider--h,.pl-slider[data-grow]{height:28px}}.pl-slider--v{width:24px}.pl-slider__track{background-color:#ffffff2e;border-radius:999px;position:absolute;overflow:hidden}.pl-slider--h .pl-slider__track{inset-inline:0;height:var(--thick,4px);margin-top:calc(var(--thick,4px) / -2);top:50%}.pl-slider--v .pl-slider__track{inset-block:0;width:var(--thick,4px);margin-left:calc(var(--thick,4px) / -2);left:50%}.pl-slider[data-grow] .pl-slider__track{transition:scale var(--t-fast) var(--ease-out);scale:1 .667}.pl-slider[data-grow]:is(:hover,[data-dragging]) .pl-slider__track{scale:1}.pl-slider__fill{background-color:var(--ink);position:absolute}.pl-slider--h .pl-slider__fill{transform-origin:0;inset-block:0}.pl-slider--v .pl-slider__fill{transform-origin:bottom;inset-inline:0}.pl-slider__fill--accent{background:var(--brand-grad)}@media (forced-colors:active){.pl-slider__fill{forced-color-adjust:none;background-color:highlight}}.pl-slider__zero{background-color:var(--ink-3);position:absolute}.pl-slider--h .pl-slider__zero{width:1px;height:12px;margin-top:-6px;top:50%}.pl-slider--v .pl-slider__zero{width:12px;height:1px;margin-left:-6px;left:50%}.pl-slider__rail{pointer-events:none;position:absolute;inset:0}.pl-slider__thumb{width:12px;height:12px;transition:scale var(--t-fast) var(--ease-out);background-color:#fff;border-radius:999px;position:absolute;scale:0;box-shadow:0 1px 4px #0006}.pl-slider--h .pl-slider__thumb{margin:-6px 0 0 -6px;top:50%;left:0}.pl-slider--v .pl-slider__thumb{margin:0 0 -6px -6px;bottom:0;left:50%}.pl-slider:is(:hover,:focus-visible,[data-dragging],[data-knob=always]) .pl-slider__thumb{scale:1}@media (pointer:coarse){.pl-slider .pl-slider__thumb{scale:1}}@media (forced-colors:active){.pl-slider__thumb{forced-color-adjust:none;background-color:canvastext}}.pl-slider:focus-visible:after{content:"";pointer-events:none;outline:2px solid var(--focus);border-radius:999px;position:absolute;inset:-2px}.pl-slider[data-grow]:focus-visible:after,.pl-slider--h:focus-visible:after{inset:calc(50% - var(--thick,4px) / 2 - 4px) -6px}.pl-tip{background-color:var(--glass-solid);box-shadow:var(--shadow-overlay);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out), scale var(--dur) var(--ease-out);border-radius:8px;padding:4px 6px;font-size:12px;font-weight:500;line-height:1;position:absolute;bottom:calc(100% + 6px);left:0;translate:-50% 2px;scale:.98}.pl-tip[data-shown]{opacity:1;translate:-50%;scale:1}.pl-slider--v .pl-tip{bottom:0;left:calc(100% + 6px);translate:0 50%}.pl-scrub{font-variant-numeric:tabular-nums;width:100%;color:var(--ink-2);font-size:12px;line-height:1}.pl-scrub--bar{align-items:center;gap:8px;display:flex}.pl-scrub__time{flex-shrink:0;min-width:40px}.pl-scrub__time--now{text-align:right}.pl-scrub__times{justify-content:space-between;margin-top:4px;display:flex}.pl-marks{pointer-events:none;position:absolute;inset:0}.pl-mark{translate:calc(var(--mark) / -2) -50%;transition:scale var(--t-fast) var(--ease-out);animation:pl-fade var(--dur) var(--ease-out) backwards;display:flex;position:absolute;top:50%}.pl-mark[data-hot]{scale:1.15}.pl-mark .pl-face{box-shadow:0 0 0 2px var(--pl-ring,#16161b)}.pl-np .pl-mark .pl-face{--pl-ring:#101014}.pl-mark .pl-face+.pl-face{margin-left:calc(var(--mark) * -.45)}.pl-bubble{pointer-events:none;z-index:5;background-color:var(--glass-solid);width:max-content;max-width:min(320px,100vw - 32px);box-shadow:var(--shadow-overlay);text-align:left;opacity:0;transition:opacity var(--dur-fast) var(--ease-exit), translate var(--dur-fast) var(--ease-exit);border-radius:12px;padding:10px 12px;position:absolute;bottom:calc(100% + 10px);left:0;translate:-50% 4px}.pl-bubble[data-state=open]{opacity:1;transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out);translate:-50%}@starting-style{.pl-bubble[data-state=open]{opacity:0;translate:-50% 4px}}.pl-bubble__body{animation:pl-fade var(--dur) var(--ease-out) backwards;flex-direction:column;gap:8px;display:flex}.pl-bubble__row{gap:10px;min-width:0;display:flex}.pl-scrub--np{z-index:20;position:relative}@media (prefers-reduced-motion:reduce){.pl-bubble,.pl-bubble[data-state=open]{translate:-50%}@starting-style{.pl-bubble[data-state=open]{translate:-50%}}.pl-mark[data-hot]{scale:none}}.pl-np{--np-open:var(--dur-move,.32s);--np-close:var(--dur-slow,.24s);z-index:55;color:var(--ink);visibility:hidden;transition:visibility 0s linear calc(var(--np-close) + 20ms);outline:none;position:fixed;inset:0;overflow:hidden}.pl-np[data-state=open]{visibility:visible;transition:none}.pl-np__bg{background-color:var(--bg);opacity:0;transition:opacity var(--np-close) var(--ease-exit);position:absolute;inset:0;overflow:hidden}.pl-np[data-state=open] .pl-np__bg{opacity:1;transition:opacity var(--np-close) var(--ease-out)}.pl-np__in{opacity:0;transition:opacity var(--dur-fast) var(--ease-exit), translate var(--dur-fast) var(--ease-exit);translate:0 12px}.pl-np[data-state=open] .pl-np__in{opacity:1;transition:opacity var(--dur) var(--ease-out) .15s, translate var(--np-open) var(--ease-out) 60ms;translate:none}@starting-style{.pl-np[data-state=open] .pl-np__bg,.pl-np[data-state=open] .pl-np__in{opacity:0}.pl-np[data-state=open] .pl-np__in{translate:0 12px}}.pl-np:is([data-layout=phone],[data-layout=short]){transition:translate var(--np-close) var(--ease-exit), visibility 0s linear var(--np-close);translate:0 100%}.pl-np:is([data-layout=phone],[data-layout=short])[data-state=open]{transition:translate var(--np-open) var(--ease-out);translate:none}@starting-style{.pl-np:is([data-layout=phone],[data-layout=short])[data-state=open]{translate:0 100%}}.pl-np:is([data-layout=phone],[data-layout=short]) :is(.pl-np__bg,.pl-np__in){opacity:1;transition:none;translate:none}@media (prefers-reduced-motion:reduce){.pl-np,.pl-np:is([data-layout=phone],[data-layout=short]){opacity:0;transition:opacity var(--dur) var(--ease-exit), visibility 0s linear var(--dur);translate:none}.pl-np[data-state=open],.pl-np:is([data-layout=phone],[data-layout=short])[data-state=open]{opacity:1;transition:opacity var(--dur) var(--ease-out)}@starting-style{.pl-np[data-state=open],.pl-np:is([data-layout=phone],[data-layout=short])[data-state=open]{opacity:0}}.pl-np .pl-np__bg,.pl-np .pl-np__in,.pl-np[data-state=open] .pl-np__bg,.pl-np[data-state=open] .pl-np__in{opacity:1;transition:none;translate:none}}.pl-np__wash{object-fit:cover;width:140%;max-width:none;height:140%;position:absolute;inset:-20%}.pl-np__wash[data-fade]{animation:pl-fade var(--dur-move,.32s) var(--ease-out) backwards}.pl-np__veil{background:linear-gradient(#00000038,#00000061 60%,#00000080);position:absolute;inset:0}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.pl-np__wash{display:none}}.pl-np__head{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:12px;display:grid}.pl-np__head[data-mini]{grid-template-columns:auto minmax(0,1fr) auto}.pl-np__head-end{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.pl-np__from{color:var(--ink-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}.pl-np__from a{color:var(--ink);text-underline-offset:3px;border-radius:4px;font-weight:600}.pl-np__from a:hover{text-decoration:underline}.pl-np__art{z-index:1;aspect-ratio:1;box-shadow:var(--shadow-cover,0 12px 32px #00000080);border-radius:10px;flex:none;position:relative;overflow:hidden}.pl-np__art:after,.pl-flyer:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.pl-np__art[data-flying]{opacity:0}.pl-flyer{pointer-events:none;z-index:60;background-color:var(--surface-2);box-shadow:var(--shadow-cover,0 12px 32px #00000080);transform-origin:0 0;border-radius:10px;position:fixed;overflow:hidden}.pl-swap{display:block;position:absolute;inset:0}.pl-swap[data-ready=false]{opacity:0}.pl-swap[data-ready=true][data-enter]{animation:pl-fade var(--dur-slow,.24s) var(--ease-out) backwards}.pl-swap>.cover{border-radius:inherit;width:100%!important;height:100%!important}.pl-np__desk{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid;position:relative}.pl-np__desk>.pl-np__head{padding:max(16px, var(--safe-top,0px)) max(24px, var(--safe-right,0px)) 8px max(24px, var(--safe-left,0px))}.pl-np__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:1440px;min-height:0;margin-inline:auto;padding-inline:32px;display:grid}.pl-np__left{--art:clamp(240px, min(42vw, calc(100dvh - 500px)), 600px);overscroll-behavior:contain;flex-direction:column;align-items:center;min-height:0;padding:8px 24px 24px;display:flex;overflow:hidden auto}.pl-np__col{width:var(--art);flex-direction:column;max-width:100%;margin-block:auto;display:flex}.pl-np__col>.pl-np__art{width:100%}.pl-np__right{flex-direction:column;width:100%;max-width:600px;min-height:0;padding:8px 16px 32px 32px;display:flex}.pl-np__tabs{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:12px;display:flex}.pl-np__pane{flex:auto;min-height:0}.pl-np__pane>*{animation:pl-fade var(--dur) var(--ease-out) backwards}.pl-np__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance;font-weight:600;line-height:1.1}.pl-np__chips{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.pl-np__actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.pl-np__actions .icon-btn{color:var(--ink)}.pl-np__phone{overscroll-behavior:contain;height:100%;position:relative;overflow:hidden auto}.pl-np__phone>.pl-np__head{z-index:10;padding:max(10px, var(--safe-top,0px)) max(12px, var(--safe-right,0px)) 8px max(12px, var(--safe-left,0px));transition:background-color var(--dur) var(--ease-out);position:sticky;top:0}.pl-np__phone>.pl-np__head[data-scrolled]{background-color:var(--glass-bar,var(--glass));-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);box-shadow:inset 0 -1px 0 var(--rule)}.pl-np__stack{width:100%;max-width:30rem;padding:8px max(24px, var(--safe-left,0px)) 28px;margin-inline:auto}.pl-np__stack>.pl-np__art{width:min(100%,440px);margin-inline:auto}.pl-np__panes{min-height:100%;padding:20px 0 max(24px, var(--safe-bottom,0px));box-shadow:inset 0 1px 0 var(--rule)}.pl-np__short{grid-template-columns:minmax(0,1fr) minmax(0,300px);height:100%;display:grid;position:relative}.pl-np__short-left{min-height:0;padding:max(8px, var(--safe-top,0px)) 24px max(8px, var(--safe-bottom,0px)) max(22px, var(--safe-left,0px));flex-direction:column;display:flex}.pl-np__short-right{min-height:0;padding:max(10px, var(--safe-top,0px)) max(16px, var(--safe-right,0px)) 8px 16px;box-shadow:inset 1px 0 0 var(--rule);flex-direction:column;display:flex}.pl-lyrics{height:100%;position:relative}.pl-lyrics__scroll{overscroll-behavior:contain;height:100%;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 24px 70%,#0000);mask-image:linear-gradient(#0000,#000 24px 70%,#0000)}.pl-lyrics__lines{flex-direction:column;gap:2px;padding:24px 0 45%;display:flex}.pl-lyric{letter-spacing:-.015em;max-width:100%;color:var(--ink);text-align:left;text-wrap:pretty;opacity:.55;transition:opacity var(--dur-slow,.24s) var(--ease-out), background-color var(--t-fast) var(--ease-out);border-radius:8px;align-self:flex-start;margin-inline:-10px;padding:6px 10px;font-weight:700}.pl-lyric[data-active]{opacity:1}@media (hover:hover){.pl-lyric:hover{opacity:.8;background-color:#ffffff0f}.pl-lyric[data-active]:hover{opacity:1}}.pl-lyric:focus-visible{outline:2px solid var(--focus);outline-offset:0;opacity:1}.pl-lyrics--panel .pl-lyric{font-size:30px;line-height:1.3}@media (max-width:899.98px),(max-height:500px) and (pointer:coarse){.pl-lyrics--panel .pl-lyric{font-size:24px}}.pl-lyrics--page .pl-lyric{font-size:21px;line-height:1.35}@media (min-width:37.5rem){.pl-lyrics--page .pl-lyric{font-size:23px}}.pl-lyrics__from{color:var(--ink-2);padding:16px 0 0;font-size:13px;line-height:18px}.pl-lyrics__back{background-color:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);height:36px;box-shadow:var(--shadow-overlay);color:var(--ink);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-exit), translate var(--dur-fast) var(--ease-exit);border-radius:8px;align-items:center;gap:6px;padding-inline:12px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:50%;translate:-50% 4px}.pl-lyrics__back[data-shown]{opacity:1;pointer-events:auto;transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out);translate:-50%}@media (pointer:coarse){.pl-lyrics__back{height:44px}}.pl-lyrics__static{overscroll-behavior:contain;height:100%;padding:8px 0 32px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}}@layer utilities;@keyframes pl-fade{0%{opacity:0}}.pl-np .text-ink-3:not(:hover,:focus-visible){color:var(--ink-2)}