.fp-ib{width:36px;height:36px;color:var(--text2,var(--text-muted));cursor:pointer;transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-release) var(--spring-release);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.fp-ib:hover{background:var(--hover)}.fp-ib:active{background:var(--pressed);transform:scale(var(--press-scale));transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out)}.fp-ib.t1{color:var(--text)}.fp-ib[aria-pressed=true],.fp-ib[data-active=true]{color:var(--accent)}.fp-ib svg{width:20px;height:20px;transition:transform var(--t-fast) var(--ease-out)}.fp-play{background:var(--accent);width:48px;height:48px;color:var(--on-accent);cursor:pointer;transition:border-radius var(--t-morph) var(--spring-morph), transform var(--t-release) var(--spring-release);border:0;border-radius:24px;place-items:center;padding:0;display:grid;position:relative}[data-playing=true] .fp-play{border-radius:14.4px}.fp-play:after{content:"";border-radius:inherit;transition:background-color var(--t-hover) ease;background:0 0;position:absolute;inset:0}.fp-play:hover:after{background:var(--hover)}.fp-play:active{transform:scale(var(--press-scale-play));transition:border-radius var(--t-morph) var(--spring-morph), transform var(--t-press) var(--ease-out)}.fp-play:active:after{background:var(--pressed)}.fp-play svg{fill:currentColor;width:24px;height:24px;transition:opacity var(--t-fast) var(--ease-out), transform var(--t-morph) var(--spring-morph);grid-area:1/1}.fp-play .i-pause{opacity:0;transform:scale(.6)rotate(-90deg)}[data-playing=true] .fp-play .i-play{opacity:0;transform:scale(.6)rotate(90deg)}[data-playing=true] .fp-play .i-pause{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.fp-play .i-pause,[data-playing=true] .fp-play .i-play{transform:none}}.fp-mark{width:18px;height:18px;color:var(--accent);display:block;mask-image:linear-gradient(90deg,#0000 6%,#000 24% 76%,#0000 94%)}.fp-mark path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.fp-mark .swell{transform-origin:50%}@media (prefers-reduced-motion:no-preference){[data-playing=true] .fp-mark .travel{animation:.8s linear infinite fp-mark-travel}[data-playing=true] .fp-mark .swell{animation:1.6s ease-in-out infinite alternate fp-mark-swell}}@keyframes fp-mark-travel{to{transform:translateX(var(--wavelength,6px))}}@keyframes fp-mark-swell{0%{transform:scaleY(.4)}to{transform:scaleY(1.65)}}.fp-tip{bottom:calc(100% + var(--tip-gap,8px));background:var(--card);box-shadow: 0 0 0 1px var(--tip-rim), 0 4px 8px var(--tip-shadow);color:var(--text);white-space:nowrap;text-align:left;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease-out);border-radius:4px;gap:2px;padding:8px 12px;font-size:12px;line-height:1.3;display:grid;position:absolute}.fp-tip b{font-weight:600}.fp-tip span{color:var(--text2,var(--text-muted))}.fp-tipped{display:grid;position:relative}.fp-tipped:hover>.fp-tip{opacity:1;transition-delay:.5s}.fp-tipped:has(:focus-visible)>.fp-tip{opacity:1}.fp-tipped[data-dismissed]>.fp-tip{opacity:0;transition-delay:0s}.replica{--title-h:32px;--app-h:820px;--bar-h:88px;--bar-inset:10px;--bar-clear:calc(var(--bar-h) + var(--bar-inset));--panel:color-mix(in srgb, #f7f7f7 calc(var(--light) * 100%), #181818);--side:color-mix(in srgb, #f7f7f7 calc(var(--light) * 100%), #030303);--card-bg:color-mix(in srgb, #f2f2f2 calc(var(--light) * 100%), #212121);--text2:color-mix(in srgb, #606060 calc(var(--light) * 100%), #aaa);--text3:color-mix(in srgb, #6b6b6b calc(var(--light) * 100%), #909090);--bar-bg:color-mix(in srgb, color-mix(in srgb, var(--song) 9%, #f7f7f7) calc(var(--light) * 100%), color-mix(in srgb, var(--song) 14%, #181818));--stage:color-mix(in srgb, var(--song) 60%, #0f0f0f);--cover-button:#000000a6;--cover-playing:#000000d1;--tonal:color-mix(in srgb, #0000001a calc(var(--light) * 100%), #ffffff21);--accent-tonal:color-mix(in srgb, color-mix(in srgb, var(--accent) 14%, transparent) calc(var(--light) * 100%), color-mix(in srgb, var(--accent) 22%, transparent));--accent-tonal-hover:color-mix(in srgb, color-mix(in srgb, var(--accent) 20%, transparent) calc(var(--light) * 100%), color-mix(in srgb, var(--accent) 30%, transparent));background:var(--bg);color:var(--text);font-family:var(--font-ui);transform-origin:790px 880px;transition:transform .24s var(--ease-out), opacity .2s ease;flex-direction:column;font-size:14px;line-height:1.35;display:flex;position:absolute;inset:0;overflow:hidden}.replica[data-minimised]{opacity:0;pointer-events:none;transform:scale(.08)}@media (prefers-reduced-motion:reduce){.replica{transition:opacity .15s}.replica[data-minimised]{transform:none}}:where(.replica) :is(p,h3,ul,ol){margin:0;padding:0;list-style:none}:where(.replica) h3{letter-spacing:-.02em;line-height:1.2}:where(.replica) :is(button,input){font:inherit;color:inherit}:where(.replica) button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}:where(.replica) img{object-fit:cover;display:block}.replica :focus-visible{outline:3px solid var(--accent);outline-offset:2px}.replica [hidden]{display:none!important}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes queue-in{0%{opacity:0;transform:translate(24px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.replica{& .titlebar{height:var(--title-h);background:color-mix(in srgb, #f3f3f3 calc(var(--light) * 100%), #1f1f1f);flex:none;align-items:center;gap:10px;padding-left:12px;font-size:12px;display:flex}& .titlebar img{width:16px;height:16px}& .caption{align-self:stretch;margin-left:auto;display:flex}& .cap{width:46px;color:inherit;cursor:default;place-items:center;display:grid}& button.cap{cursor:pointer;transition:background-color var(--t-hover) ease}& button.cap:hover{background:var(--hover)}& .app{grid-template-columns:240px 1fr;grid-template-rows:var(--app-h);height:var(--app-h);background:var(--bg);display:grid;position:relative}&[data-queue-open=true]:not([data-view=now],[data-view=lyrics]) .app{grid-template-columns:240px 1fr 340px}&:is([data-view=now],[data-view=lyrics]) .app{grid-template-columns:1fr 400px}& .main{min-width:0;position:relative;overflow:hidden}& .sidebar{padding:12px 8px calc(var(--bar-clear) + 8px);background:var(--side);flex-direction:column;gap:4px;display:flex;overflow:hidden}& .side-nav{gap:2px;display:grid}& .side-item{width:100%;height:40px;color:var(--text2);transition:background-color var(--t-hover) ease;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex}& .side-item svg{flex:none;width:20px;height:20px}& button.side-item:hover{background:var(--hover)}& button.side-item:active{background:var(--pressed)}& .side-item[aria-current=page]{background:var(--selected);color:var(--text);font-weight:600}& .side-item.muted{color:var(--text2)}& .side-rule{background:var(--hairline);height:1px;margin:8px 14px;display:block}& .chips{gap:6px;padding:8px 8px 6px;display:flex}& .chip{box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text2);transition:background-color var(--t-hover) ease, transform var(--t-release) var(--spring-release);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}& .chip:hover{background:var(--hover)}& .chip:active{transform:scale(var(--press-scale));transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out)}& .chip[aria-selected=true]{background:var(--accent-tonal);box-shadow:none;color:var(--text)}& .chip[aria-selected=true]:hover{background:var(--accent-tonal-hover)}& .side-list{animation:fade-in var(--t-page) var(--ease-out);gap:2px;display:grid}& .side-list li{height:40px;color:var(--text2);align-items:center;gap:12px;padding:0 10px;display:flex}& .side-list img{border-radius:4px;width:32px;height:32px}& .side-list img.round{border-radius:50%}& .side-foot{margin-top:auto}& .account{align-items:center;gap:12px;padding:4px 6px;font-weight:700;display:flex}& .avatar{background:color-mix(in srgb, #e0e0e0 calc(var(--light) * 100%), #3a3a3a);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}& .topbar{align-items:center;height:64px;padding:0 40px;display:flex}& .field{background:color-mix(in srgb, #f2f2f2 calc(var(--light) * 100%), #262626);width:600px;height:40px;box-shadow:inset 0 0 0 1px var(--field-edge);color:var(--text3);transition:box-shadow var(--t-hover) ease;border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 16px;display:flex}& .field:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, #00000038 calc(var(--light) * 100%), #ffffff40)}& .field:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}& .field svg{flex:none}& .field input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;flex:1;font-size:14px}& .field input::placeholder{color:var(--text3)}& .field input:focus-visible{outline:none}& .field input::-webkit-search-cancel-button{display:none}& .keys{gap:4px;display:flex}& .keys kbd{box-shadow:inset 0 0 0 1px var(--hairline);font:11px/18px var(--font-ui);color:var(--text3);border-radius:4px;padding:1px 6px}& .page{padding:32px 40px var(--bar-clear);height:calc(var(--app-h) - 64px);overflow:hidden}& .page-title{font-family:var(--font);margin-bottom:24px;font-size:40px;font-weight:800}& .page-h{font-family:var(--font);margin-bottom:16px;font-size:24px;font-weight:800}& .page-h:not(:first-child,.page-title+.page-h){margin-top:36px}& .page>*{animation:page-in var(--t-page) var(--ease-out) both}@media (prefers-reduced-motion:reduce){& .page>*{animation-name:fade-in}}& .songs{max-width:720px;display:grid}& .moods{flex-wrap:wrap;gap:10px;display:flex}& .mood{background:var(--card-bg);border-radius:10px;padding:10px 18px;font-weight:600}& .resume{background:var(--card-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, #00000014 calc(var(--light) * 100%), #ffffff0d);border-radius:16px;grid-template-columns:152px 1fr 420px;gap:24px;padding:16px;display:grid}&[data-queue-open=true] .resume{grid-template-columns:152px 1fr}&[data-queue-open=true] .resume-next{display:none}&[data-queue-open=true] .cards{grid-template-columns:repeat(4,1fr)}& .resume-cover{border-radius:10px;width:152px;height:152px}& .resume-text{flex-direction:column;justify-content:center;min-width:0;display:flex}& .resume-title{font-family:var(--font);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:32px;font-weight:800;line-height:1.1;overflow:hidden}& .resume-artist{color:var(--text2);margin-top:4px;font-size:16px}& .resume-progress{align-items:center;gap:12px;margin:18px 0 16px;display:flex}& .resume-progress .rail{width:200px}& .resume-time{color:var(--text2);font-variant-numeric:tabular-nums;font-size:12px}& .resume-actions{gap:8px;display:flex}& .pill{height:40px;transition:background-color var(--t-hover) ease, transform var(--t-release) var(--spring-release);border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:600;display:inline-flex}& .pill:active{transform:scale(var(--press-scale));transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out)}& .pill.solid{background:var(--solid);color:var(--on-solid)}& .pill.solid:hover{background:var(--solid-hover)}& .pill.solid:active{background:color-mix(in srgb, #474747 calc(var(--light) * 100%), #c8c8c8)}& .pill.solid svg{fill:currentColor}& .pill.tonal{background:var(--tonal)}& .pill.tonal:hover{background:var(--tonal-hover)}& .pill.tonal:active{background:var(--tonal-pressed)}& .pill .i-pause,&[data-playing=true] .pill .i-play{display:none}&[data-playing=true] .pill .i-pause{display:block}& .resume-next-h{margin:8px 0 12px;font-weight:700}& .mini-grid{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}& .mini{width:100%;transition:background-color var(--t-hover) ease;border-radius:8px;align-items:center;gap:12px;padding:4px;display:flex}& .mini:hover{background:var(--hover)}& .mini:active{background:var(--pressed)}& .mini img{border-radius:4px;flex:none;width:40px;height:40px}& .mini-text,& .row-text,& .bar-text{min-width:0;display:grid}& :is(.mini-text,.row-text,.bar-text,.card) :is(.t,.a,.bar-title,.bar-artist){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}& .t{font-weight:600}& .a{color:var(--text2);font-size:12px}& .cards{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}& .card{width:100%;transition:transform var(--t-release) var(--spring-release);border-radius:10px;gap:2px;display:grid}& .card:active{transform:scale(var(--press-scale));transition:transform var(--t-press) var(--ease-out)}& .card-cover{border-radius:10px;margin-bottom:8px;display:block;position:relative;overflow:hidden}& .card-cover:after{content:"";opacity:0;transition:opacity var(--t-hover) ease;background:#0000002e;position:absolute;inset:0}& .card:is(:hover,:focus-visible) .card-cover:after{opacity:1}& .card-cover img{aspect-ratio:1;width:100%;height:auto}& .card-play{z-index:1;background:var(--cover-button);color:#fff;opacity:0;width:40px;height:40px;transition:opacity var(--t-fast) ease, transform var(--t-fast) var(--ease-out), background-color var(--t-hover) ease;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}& .card-play svg{fill:currentColor}& .card:is(:hover,:focus-visible) .card-play{opacity:1;transform:none}& .card-play:hover{background:#000c}& .search .row{max-width:720px}& .empty{color:var(--text2);font-size:16px}& .library .empty{margin-bottom:8px;font-size:14px}& .stage{height:100%;color:var(--text);position:relative;overflow:hidden}& .stage-wash,& .stage-panel{position:absolute;inset:0}& .stage-wash{background:linear-gradient(  color-mix(in srgb, color-mix(in srgb, var(--song) 36%, transparent) calc(var(--light) * 100%), color-mix(in srgb, var(--song) 55%, transparent)), color-mix(in srgb, color-mix(in srgb, var(--song) 21.6%, transparent) calc(var(--light) * 100%), color-mix(in srgb, var(--song) 33%, transparent)) 55%, transparent);animation:fade-in var(--t-page) var(--ease-out)}& .stage-panel{background:var(--stage);opacity:0;transition:opacity calc(var(--t-lyrics) / 2) var(--ease-in-out) calc(var(--t-lyrics) / 2), background-color var(--t-colour) ease}&[data-view=lyrics] .stage-panel{opacity:1;transition:opacity calc(var(--t-lyrics) / 2) var(--ease-in-out), background-color var(--t-colour) ease}&[data-view=lyrics][data-has-lyrics=true] .stage,&[data-view=lyrics] .stage{color:#fff}& .back{z-index:2;color:currentColor;position:absolute;top:16px;left:24px}&[data-view=lyrics] .back:hover{background:#ffffff1f}&[data-view=lyrics] .back:active{background:#fff3}& .lyrics-pill{z-index:2;background:var(--tonal);height:40px;color:var(--text);transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-release) var(--spring-release);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-weight:600;display:inline-flex;position:absolute;top:16px;right:24px}& .lyrics-pill:hover{background:var(--tonal-hover)}& .lyrics-pill:active{background:var(--tonal-pressed);transform:scale(var(--press-scale));transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out)}& .lyrics-pill[aria-pressed=true]{color:var(--stage);background:#fff}& .lyrics-pill[aria-pressed=true]:hover{background:#ebebeb}& .lyrics-pill[aria-pressed=true]:active{background:#d4d4d4}&[data-lyrics-on=false] [data-lyrics-toggle],&[data-lyrics-on=false] .lyr{display:none}& .np{z-index:1;width:400px;position:absolute;top:64px;left:50%;transform:translate(-50%)}& .np-cover{aspect-ratio:1;width:100%;height:auto;box-shadow: 0 0 0 1px color-mix(in srgb, #0000001a calc(var(--light) * 100%), #ffffff14), 0 16px 48px color-mix(in srgb, #0003 calc(var(--light) * 100%), #0009);border-radius:20px}& .np-text{margin-top:24px}& .np-row{align-items:center;gap:8px;display:flex;position:relative}& .np-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font);letter-spacing:-.02em;flex:1;font-size:32px;font-weight:800;line-height:1.2;overflow:hidden}& .np-actions{transition:opacity var(--t-lyrics) var(--ease-in-out);align-items:center;gap:0;display:flex}& .np-actions .nfm .fp-ib{width:32px;height:32px;color:var(--text3)}& .np-actions .nfm .fp-ib:hover{color:var(--text2)}& .np-actions .fp-tip{right:0}& .np-actions [aria-disabled=true]{cursor:default}& .np-artist{color:var(--text2);margin-top:6px;font-size:16px;font-weight:600}& .np-from{color:var(--text2);margin-top:8px;font-size:14px}& .np-note{margin-top:14px;font-size:14px;display:none}&[data-view=lyrics] .np-artist,&[data-view=lyrics] .np-note{color:#ffffffd9}&[data-view=lyrics] .np-from,&[data-view=lyrics] .np-actions{opacity:0;visibility:hidden}&[data-view=lyrics][data-has-lyrics=true] .np{width:240px;top:96px;left:88px;transform:none}&[data-view=lyrics][data-has-lyrics=true] .np-title{white-space:normal;font-size:24px;font-weight:700;line-height:normal}&[data-view=lyrics][data-has-lyrics=true] .np-actions{position:absolute;top:0;right:0}&[data-view=lyrics][data-has-lyrics=true] .np-artist{margin-top:4px;line-height:24px}&[data-view=lyrics][data-has-lyrics=true] .np-cover{border-radius:16px}&[data-view=lyrics][data-has-lyrics=false] .np-note{display:block}&[data-view=lyrics][data-has-lyrics=false] .np-from{display:none}& .lyrics{width:744px;top:72px;left:380px;bottom:var(--bar-clear);opacity:0;visibility:hidden;transition:opacity calc(var(--t-lyrics) / 2) var(--ease-in-out), visibility 0s linear calc(var(--t-lyrics) / 2);position:absolute;overflow:clip;mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);container-type:size}&[data-view=lyrics][data-has-lyrics=true] .lyrics{opacity:1;visibility:visible;transition:opacity calc(var(--t-lyrics) / 2) var(--ease-in-out) calc(var(--t-lyrics) / 2), visibility 0s}& .lines{transition:transform var(--t-follow) var(--ease-out);gap:4.68px;padding-top:24px;padding-bottom:50cqh;display:grid}& .line{font-family:var(--font);letter-spacing:-.02em;color:#ffffff9e;transition:color calc(.4s * var(--colour-easing)) ease, background-color var(--t-hover) ease;border-radius:10px;padding:4.33333px 12px;font-size:26px;font-weight:700;line-height:36px;display:block}& .line[data-state=next]{color:#ffffffc7}& .line[data-state=current]{color:#fff}& .line:hover{background:#ffffff1f}& .lines[data-moving] .line:hover{background:0 0}& .line:active{background:#fff3}& .lines li.source{font-family:var(--font-ui);color:#ffffffd9;margin-top:24px;padding-left:12px;font-size:14px;font-weight:600;line-height:19px}& .queue{min-width:0;padding:12px 16px var(--bar-clear);background:var(--panel);flex-direction:column;display:flex;overflow:hidden}&:not([data-view=now],[data-view=lyrics]) .queue{animation:queue-in var(--t-panel) var(--ease-drawer)}& .tabs{background:var(--hover);border-radius:999px;grid-template-columns:1fr 1fr;height:40px;margin:0 8px;padding:4px;display:grid;position:relative}& .tab-pill{background:var(--accent-tonal);width:calc(50% - 4px);height:32px;transition:transform .24s var(--ease-glide);border-radius:999px;position:absolute;top:4px;left:4px}&[data-queue-tab=related] .tab-pill{transform:translate(100%)}@media (prefers-reduced-motion:reduce){& .tab-pill{transition:none}}& .tab{height:32px;color:var(--text2);text-align:center;transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-release) var(--spring-release);border-radius:999px;place-items:center;font-weight:600;display:grid;position:relative}& .tab:hover{color:var(--text)}& .tab[aria-selected=false]:hover{background:var(--hover)}& .tab:active{transform:scale(var(--press-scale));transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out)}& .tab[aria-selected=true]{color:var(--text)}& .tab-panel{min-height:0;animation:fade-in var(--t-page) var(--ease-out);flex-direction:column;display:flex}& .from{padding:18px 8px 12px;display:grid}& .from-l{color:var(--text3);font-size:12px}& .from-t{font-weight:700}& .similar{color:var(--text3);padding:14px 8px 10px;font-size:12px}& .rows{overscroll-behavior:auto;gap:0;display:grid;overflow:auto}& .row{width:100%;height:56px;transition:background-color var(--t-hover) ease;border-radius:10px;align-items:center;gap:12px;padding:0 12px 0 8px;display:flex}& .row:hover{background:var(--hover)}& .row:active{background:var(--pressed)}& .row[aria-current=true]{background:var(--playing-row)}& .row[aria-current=true]:hover{background:color-mix(in srgb, var(--playing-row), var(--hover))}& .row-cover{flex:none;width:40px;height:40px;position:relative}& .row-cover img{border-radius:4px;width:40px;height:40px}& .cover-play{background:var(--cover-button);color:#fff;opacity:0;transition:opacity var(--t-hover) ease;border-radius:4px;place-items:center;display:grid;position:absolute;inset:0}& .cover-play svg{fill:currentColor;grid-area:1/1}& .row:is(:hover,:focus-visible) .cover-play{opacity:1}& .cover-play .i-pause,&[data-playing=true] .row[aria-current=true] .cover-play .i-play{display:none}&[data-playing=true] .row[aria-current=true] .cover-play .i-pause{display:block}& .row-text{flex:1;gap:1px}& .row-end{justify-items:end;display:grid}& .row-end>*{grid-area:1/1}& .dur{color:var(--text3);font-variant-numeric:tabular-nums;font-size:12px}& .row .fp-mark{display:none}& .row[aria-current=true] .fp-mark{display:block}& .row[aria-current=true] .dur{display:none}& .bar{z-index:3;left:var(--bar-inset);right:var(--bar-inset);bottom:var(--bar-inset);height:var(--bar-h);background:var(--bar-bg);box-shadow: 0 0 0 1px color-mix(in srgb, #00000014 calc(var(--light) * 100%), #ffffff0d), 0 4px 24px color-mix(in srgb, #0003 calc(var(--light) * 100%), #0009);transition:background-color var(--t-colour) ease;border-radius:20px;grid-template-columns:1fr 560px 1fr;align-items:center;padding:0 12px 0 8px;display:grid;position:absolute}& .bar-song{min-width:0;max-width:100%;height:72px;transition:background-color var(--t-hover) ease;border-radius:12px;justify-self:start;align-items:center;gap:12px;padding:0 8px;display:flex}& .bar-song:hover{background:var(--hover)}& .bar-song:active{background:var(--pressed)}& .bar-cover-wrap{flex:none;position:relative}& .bar-cover{border-radius:10px;width:56px;height:56px}& .bar-veil{color:#fff;opacity:0;transition:opacity var(--t-hover) ease;background:#0000002e;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0}& .bar-veil svg{stroke-width:2px;grid-area:1/1}& .bar-song:hover .bar-veil{opacity:1}& .bar-veil .i-down,&:is([data-view=now],[data-view=lyrics]) .bar-veil .i-up{display:none}&:is([data-view=now],[data-view=lyrics]) .bar-veil .i-down{display:block}& .bar-title{font-weight:600}& .bar-artist{color:var(--text2);font-size:12px}& .bar-mid{justify-items:center;gap:4px;padding-top:2px;display:grid}& .play-tipped .fp-tip{--tip-gap:19px;left:50%;translate:-50%}& .transport{align-items:center;gap:12px;display:flex}& .repeat .one{color:var(--accent);font-size:9px;font-weight:700;display:none;position:absolute;top:3px;right:6px}& .repeat[data-repeat=one] .one{display:block}& .seek{grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;width:560px;display:grid}& .time{color:var(--text2);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}& .time.end{text-align:left}& .seek-line{align-items:center;height:16px;display:grid;position:relative}& .rail{background:var(--track);border-radius:2px;height:4px;display:block;position:relative;overflow:hidden}& .seek-line .rail{transition:transform var(--t-hover) ease}& .seek-line:hover .rail,& .seek-line:has(:focus-visible) .rail{transform:scaleY(1.5)}& .fill{background:var(--accent);transform-origin:0;position:absolute;inset:0}& .thumb{left:calc(var(--at,0) * 100% - 7px);background:var(--accent);opacity:0;pointer-events:none;width:14px;height:14px;transition:opacity var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);border-radius:50%;position:absolute;top:1px;transform:scale(.5);box-shadow:0 0 4px #0006}& .seek-line:hover .thumb,& .seek-line:has(:focus-visible) .thumb{opacity:1;transition:opacity var(--t-fast) var(--ease-out), transform var(--t-release) var(--spring-release);transform:none}& .seek-tip{background:var(--card-bg);box-shadow:0 2px 8px color-mix(in srgb, #0003 calc(var(--light) * 100%), #0009);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease-out);border-radius:4px;padding:4px 6px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 2px);left:0}& .seek-line:hover .seek-tip{opacity:1}& .seek-line input,& .volume input{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}& .seek-line:has(input:focus-visible),& .volume:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}& .bar-end{justify-content:flex-end;align-items:center;gap:4px;display:flex}& .bar-end .fp-tip{--tip-gap:34px;left:50%;translate:-50%}& .bar-end .nfm .fp-tip{left:auto;right:0;translate:none}& .row-tip{grid-auto-flow:column;gap:8px}& .fp-ib.small{width:32px;height:32px;color:var(--text3)}& .fp-ib.small:hover{color:var(--text2)}& .fp-ib.small svg{width:18px;height:18px}& .like[aria-pressed=true]{color:var(--text)}& .like[aria-pressed=true] svg{fill:currentColor}& .mute svg{grid-area:1/1}& .mute .i-off,&[data-muted=true] .mute .i-on{display:none}&[data-muted=true] .mute .i-off{display:block}& .volume{align-items:center;width:88px;height:24px;display:grid;position:relative}& .vol-rail{background:var(--track);border-radius:2px;height:4px;position:relative;overflow:hidden}& .vol-fill{background:var(--text2);transform:scaleX(var(--vol,.7));transform-origin:0;transition:background-color var(--t-hover) ease;border-radius:2px;position:absolute;inset:0}&[data-muted=true] .vol-fill{transform:scaleX(0)}& .volume:hover .vol-fill,& .volume:active .vol-fill{background:var(--accent)}& .queue-btn{margin-left:8px}& .toast{z-index:4;left:50%;bottom:calc(var(--bar-clear) + 16px);background:var(--card-bg);height:44px;box-shadow: 0 0 0 1px color-mix(in srgb, #00000014 calc(var(--light) * 100%), #ffffff0d), 0 4px 16px color-mix(in srgb, #0003 calc(var(--light) * 100%), #0009);animation:toast-in var(--t-toast) var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:0 8px 0 16px;display:flex;position:absolute;translate:-50%}@media (prefers-reduced-motion:reduce){& .toast{animation-name:fade-in}}& .toast-act{height:32px;color:var(--text2);transition:background-color var(--t-hover) ease;border-radius:4px;padding:0 8px;font-weight:600}& .toast-act:hover{background:var(--hover)}& .toast-act:active{background:var(--pressed)}}@media (width<=768px){.laptop--crop .replica{--app-h:768px;transform-origin:300px 800px;width:600px;height:800px;bottom:auto;right:auto;& .titlebar{font-size:15px}& .app{grid-template-columns:1fr!important}& .sidebar,& .queue,& .resume-next,& .bar-end,& .seek,& .np-actions,& .np-from,& [data-act=shuffle],& [data-act=repeat]{display:none!important}& .topbar{padding:0 24px}& .field{width:100%}& .keys{display:none}& .page{padding:20px 24px var(--bar-clear)}& .resume{grid-template-columns:120px 1fr}& .resume-cover{width:120px;height:120px}& .resume-title{font-size:26px}& .cards{grid-template-columns:repeat(3,1fr);gap:16px}& .np{width:320px;top:70px}&[data-view=lyrics][data-has-lyrics=true] .np{align-items:center;gap:18px;width:552px;display:flex;top:64px;left:24px}&[data-view=lyrics][data-has-lyrics=true] .np-cover{border-radius:12px;flex:none;width:112px}&[data-view=lyrics][data-has-lyrics=true] .np-text{margin-top:0}& .lyrics{width:auto;top:176px;left:12px;right:12px}& .bar{grid-template-columns:1fr auto;gap:12px}& .bar-cover{width:60px;height:60px}& .bar-title{font-size:18px}& .bar-artist{font-size:15px}}}.laptop[data-astro-cid-cffy3dzv]{--glass:#050608;width:100%;margin:0;position:relative;container-type:inline-size}.hinge[data-astro-cid-cffy3dzv]{z-index:1;perspective:round(450cqw,1px);perspective-origin:50% 26%;position:relative}.lid[data-astro-cid-cffy3dzv]{background-color:var(--metal);background-image:linear-gradient(180deg, var(--metal-hi), var(--metal) 2.2cqw);width:88cqw;box-shadow:inset 0 0 0 .06cqw color-mix(in srgb, var(--metal-hi) 55%, transparent);transform-origin:50% 100%;transform:rotateX(calc((1 - var(--lid)) * 16deg));border-radius:1.4cqw 1.4cqw .35cqw .35cqw;margin-inline:auto;padding:.28cqw;position:relative}.lid[data-astro-cid-cffy3dzv][data-face=back]>.glass[data-astro-cid-cffy3dzv]{opacity:0}.lid[data-astro-cid-cffy3dzv]:before{content:"";border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--metal-hi) 90%, #fff), transparent 38%) border-box;pointer-events:none;border:.09cqw solid #0000;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:padding-box,border-box;mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glass[data-astro-cid-cffy3dzv]{background:var(--glass);border-radius:1.15cqw 1.15cqw .28cqw .28cqw;padding:.85cqw .8cqw 1.5cqw;position:relative;box-shadow:0 0 0 .04cqw #0006}.camera[data-astro-cid-cffy3dzv]{background:#1a1f27;border-radius:50%;width:.28cqw;height:.28cqw;margin-left:-.14cqw;position:absolute;top:.29cqw;left:50%;box-shadow:inset 0 0 0 .06cqw #2a313b}.screen[data-astro-cid-cffy3dzv]{aspect-ratio:16/10;contain:layout paint;background:#000;border-radius:.2cqw;position:relative;overflow:hidden;container-type:inline-size}.screen[data-astro-cid-cffy3dzv]:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(118deg,#ffffff09,#ffffff04 22%,#0000 34%);position:absolute;inset:0}.screen[data-astro-cid-cffy3dzv]>:not([data-screen-sleep]){transform-origin:0 0;width:1440px;height:900px;transform:scale(tan(atan2(100cqw, 1440px)));position:absolute;inset:0 auto auto 0}.sleep[data-astro-cid-cffy3dzv]{z-index:2;background:linear-gradient(160deg, #ffffff12, transparent 45%) var(--glass);opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.deck[data-astro-cid-cffy3dzv]{width:100cqw;height:8.8cqw;margin-top:-.35cqw;display:block;position:relative}.deck[data-astro-cid-cffy3dzv] .b-hi[data-astro-cid-cffy3dzv]{fill:var(--brush-hi);fill-opacity:.07}.deck[data-astro-cid-cffy3dzv] .b-lo[data-astro-cid-cffy3dzv]{fill:var(--brush-lo);fill-opacity:.12}.deck[data-astro-cid-cffy3dzv] .hinge[data-astro-cid-cffy3dzv]{fill:var(--hinge)}.deck[data-astro-cid-cffy3dzv] .hinge-hi[data-astro-cid-cffy3dzv]{fill:var(--hinge-hi)}.deck[data-astro-cid-cffy3dzv] .hinge-shade[data-astro-cid-cffy3dzv]{fill:var(--metal-lo);opacity:.55}.deck[data-astro-cid-cffy3dzv] .well[data-astro-cid-cffy3dzv]{fill:var(--well)}.deck[data-astro-cid-cffy3dzv] .well-shade[data-astro-cid-cffy3dzv]{fill:var(--well-shade)}.deck[data-astro-cid-cffy3dzv] .skirt[data-astro-cid-cffy3dzv]{fill:var(--skirt)}.deck[data-astro-cid-cffy3dzv] .cap[data-astro-cid-cffy3dzv]{fill:var(--cap)}.deck[data-astro-cid-cffy3dzv] .pad[data-astro-cid-cffy3dzv]{fill:var(--pad)}.deck[data-astro-cid-cffy3dzv] .pad-back[data-astro-cid-cffy3dzv]{fill:var(--pad-hi)}.deck[data-astro-cid-cffy3dzv] .pad-front[data-astro-cid-cffy3dzv]{fill:var(--pad-lo)}.deck[data-astro-cid-cffy3dzv] .cut[data-astro-cid-cffy3dzv]{fill:var(--metal-hi)}.deck[data-astro-cid-cffy3dzv] .notch[data-astro-cid-cffy3dzv]{fill:var(--metal-lo)}.deck[data-astro-cid-cffy3dzv] .notch-rim[data-astro-cid-cffy3dzv]{stroke:var(--metal-hi);stroke-width:.8px;stroke-opacity:.5;fill:none}.deck[data-astro-cid-cffy3dzv] .deck-back[data-astro-cid-cffy3dzv]{stop-color:var(--deck-back)}.deck[data-astro-cid-cffy3dzv] .deck-front[data-astro-cid-cffy3dzv]{stop-color:var(--deck-top)}.deck[data-astro-cid-cffy3dzv] .lo[data-astro-cid-cffy3dzv]{stop-color:var(--metal-lo)}.deck[data-astro-cid-cffy3dzv] .mid[data-astro-cid-cffy3dzv]{stop-color:var(--metal-mid)}.deck[data-astro-cid-cffy3dzv] .hi[data-astro-cid-cffy3dzv]{stop-color:var(--metal-hi)}.deck[data-astro-cid-cffy3dzv] .sheen-off[data-astro-cid-cffy3dzv]{stop-color:var(--metal-hi);stop-opacity:0}.deck[data-astro-cid-cffy3dzv] .sheen-on[data-astro-cid-cffy3dzv]{stop-color:var(--metal-hi);stop-opacity:.55}.contact[data-astro-cid-cffy3dzv]{background: radial-gradient(50% 22% at 50% 45%, var(--laptop-contact), transparent), radial-gradient(closest-side, var(--laptop-ao), transparent);pointer-events:none;z-index:-1;height:4cqw;position:absolute;bottom:-2.2cqw;left:-3%;right:-3%}@media (width<=768px){.laptop--crop[data-astro-cid-cffy3dzv] .deck[data-astro-cid-cffy3dzv],.laptop--crop[data-astro-cid-cffy3dzv] .contact[data-astro-cid-cffy3dzv],.laptop--crop[data-astro-cid-cffy3dzv] .camera[data-astro-cid-cffy3dzv]{display:none}.laptop--crop[data-astro-cid-cffy3dzv] .lid[data-astro-cid-cffy3dzv]{border-radius:4.5cqw;width:100cqw;padding:.9cqw}.laptop--crop[data-astro-cid-cffy3dzv] .glass[data-astro-cid-cffy3dzv]{border-radius:3.8cqw;padding:2.4cqw}.laptop--crop[data-astro-cid-cffy3dzv] .screen[data-astro-cid-cffy3dzv]{aspect-ratio:3/4;border-radius:1.6cqw}.laptop--crop[data-astro-cid-cffy3dzv] .screen[data-astro-cid-cffy3dzv]>:not([data-screen-sleep]){transform:scale(tan(atan2(100cqw, 600px)))}}.desktop[data-astro-cid-i32fn2fr]{font-family:var(--font-ui);color:var(--text);background:#000;overflow:hidden}.wallpaper[data-astro-cid-i32fn2fr]{isolation:isolate;background:color-mix(in srgb, var(--glow) calc(34% - 8% * var(--light)), var(--wall-ground));transition:background-color var(--t-glow) ease;position:absolute;inset:0}@property --wall-in{syntax:"<number>";inherits:false;initial-value:0}.wallpaper[data-astro-cid-i32fn2fr]:before,.wallpaper[data-astro-cid-i32fn2fr]:after{content:"";mix-blend-mode:overlay;background:50%/cover no-repeat;transition:--wall-in .4s;position:absolute;inset:0}.wallpaper[data-astro-cid-i32fn2fr]:before{opacity:calc(var(--wall-in) * (1 - var(--light)))}.wallpaper[data-astro-cid-i32fn2fr]:after{opacity:calc(var(--wall-in) * var(--light))}[data-astro-cid-i32fn2fr][data-wall] .wallpaper[data-astro-cid-i32fn2fr]:before{--wall-in:1;background-image:url(/wallpaper/wallpaper-dark.avif)}[data-astro-cid-i32fn2fr][data-wall] .wallpaper[data-astro-cid-i32fn2fr]:after{--wall-in:1;background-image:url(/wallpaper/wallpaper-light.avif)}.windows[data-astro-cid-i32fn2fr]{position:absolute;inset:0 0 48px}.taskbar[data-astro-cid-i32fn2fr]{background:var(--taskbar);height:48px;color:var(--taskbar-ink);box-shadow:0 -1px 0 var(--taskbar-rim);justify-content:center;align-items:center;display:flex;position:absolute;inset:auto 0 0}.pinned[data-astro-cid-i32fn2fr]{gap:4px;display:flex}.tb[data-astro-cid-i32fn2fr]{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:inline-grid;position:relative}.tb[data-astro-cid-i32fn2fr].small{width:28px}.start[data-astro-cid-i32fn2fr]{color:var(--start-ink)}.running[data-astro-cid-i32fn2fr]{background:var(--taskbar-hover);transition:background-color var(--t-hover) ease}button[data-astro-cid-i32fn2fr].tb{cursor:pointer}.running[data-astro-cid-i32fn2fr]:hover{background:var(--taskbar-hover-strong)}[data-astro-cid-i32fn2fr][data-minimised] .running[data-astro-cid-i32fn2fr]{background:0 0}[data-astro-cid-i32fn2fr][data-minimised] .running[data-astro-cid-i32fn2fr]:after{background:var(--taskbar-dot);width:6px;margin-left:-3px}.running[data-astro-cid-i32fn2fr]:after{content:"";background:var(--accent);border-radius:2px;width:16px;height:3px;margin-left:-8px;position:absolute;bottom:2px;left:50%}.tray[data-astro-cid-i32fn2fr]{align-items:center;gap:2px;display:flex;position:absolute;top:0;bottom:0;right:12px}.tray-slot[data-astro-cid-i32fn2fr]{display:inline-flex;position:relative}.tray-icon[data-astro-cid-i32fn2fr]{cursor:default;transition:background-color var(--t-hover) ease}.tray-icon[data-astro-cid-i32fn2fr]:hover,.tray-icon[data-astro-cid-i32fn2fr]:focus-visible{background:var(--taskbar-hover)}.tray-icon[data-astro-cid-i32fn2fr]:focus-visible{outline-offset:0}.status[data-astro-cid-i32fn2fr]{gap:8px;width:auto;padding:0 8px;display:inline-flex}.clock[data-astro-cid-i32fn2fr]{justify-items:end;min-width:76px;padding:0 8px;font-size:12px;line-height:16px;display:grid}.tray-tip[data-astro-cid-i32fn2fr]{white-space:nowrap;background:var(--tip);box-shadow: 0 0 0 1px var(--tip-edge), 0 8px 20px #00000040;color:var(--text);visibility:hidden;opacity:0;transition:opacity var(--t-fast) ease, visibility 0s linear var(--t-fast);pointer-events:none;border-radius:6px;padding:6px 9px;font-size:12px;line-height:17px;display:grid;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.tray-icon[data-astro-cid-i32fn2fr]:hover+.tray-tip[data-astro-cid-i32fn2fr],.tray-icon[data-astro-cid-i32fn2fr]:focus+.tray-tip[data-astro-cid-i32fn2fr]{visibility:visible;opacity:1;transition:opacity var(--t-fast) ease .4s, visibility 0s linear .4s}