:root{--paper:#f4f0e6;--ink:#171512;--ink-2:#6b655a;--rule:#17151224;--accent:#f1c232;--scrim:#1715128c;--font-ui:"Archivo", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, Menlo, monospace;--radius:2px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--overlay:#fff;--dock-w:360px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1b1915;--ink:#f1ece2;--ink-2:#a39c8e;--rule:#f1ece229;--scrim:#0009}}:root[data-theme=dark]{--paper:#1b1915;--ink:#f1ece2;--ink-2:#a39c8e;--rule:#f1ece229;--scrim:#0009}html,body{height:100%;font-family:var(--font-ui);color:var(--ink);touch-action:manipulation;overscroll-behavior:none;background:#111;margin:0;overflow:hidden}#application-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#application-canvas.is-hot{cursor:pointer}#frames{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0}#frames polygon{stroke:none;opacity:0;transition:opacity .16s var(--ease)}#frames .hover.on{opacity:1}#frames .pan{opacity:0;transition:none}#frames .playing.on{opacity:1}#frames .edge{fill:none;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;opacity:0}#frames .edge.on{opacity:.55}#mark{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 0;z-index:3;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0}#mark .logo img{width:56px;height:56px;transition:transform .16s var(--ease-out);border-radius:50%;display:block;box-shadow:0 2px 10px #00000059}html:not(.coarse) #mark .logo:hover img,#mark .logo:focus-visible img{transform:scale(1.04)}#mark nav{gap:8px;display:flex}#mark nav a.icon{color:#fff;width:40px;height:40px;transition:transform .16s var(--ease-out), background .16s var(--ease-out);background:#111;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 10px #00000059}#mark nav a.icon svg{fill:currentColor;width:22px;height:22px}html:not(.coarse) #mark nav a.icon:hover,#mark nav a.icon:focus-visible{background:#000;outline:none;transform:scale(1.06)}#mark nav a.icon,#mark nav #disco{color:#fff;cursor:pointer;width:40px;height:40px;transition:transform .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out);background:#111;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 2px 10px #00000059}#disco svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:22px;height:22px}#disco svg circle{fill:#ffffff14}html:not(.coarse) #disco:hover,#disco:focus-visible{background:#000;outline:none}#disco[aria-pressed=true]{color:var(--accent);background:#1b1915}#disco[aria-pressed=true] svg circle{fill:#f1c2322e}#mark:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 0 0,#0000006b 0%,#00000038 38%,#0000 72%);width:420px;height:240px;position:fixed;top:0;left:0}#nux{left:50%;top:calc(90px + env(safe-area-inset-top,0px));width:max-content;max-width:min(var(--dock-w), calc(100vw - 32px));opacity:0;transition:opacity .16s var(--ease-out), transform .2s var(--ease-out), bottom .22s var(--ease-out);pointer-events:none;z-index:8;align-items:center;gap:10px;padding:10px 8px 10px 14px;font-size:13px;line-height:1.35;display:flex;position:fixed;transform:translate(-50%,-6px)}#nux.on{opacity:1;pointer-events:auto;transform:translate(-50%)}#nux>*{position:relative}#nux .skip{width:28px;height:28px;color:var(--glass-ink);cursor:pointer;font:400 18px/1 var(--font-ui);background:0 0;border:0;border-radius:8px}html:not(.coarse) #nux .skip:hover{background:var(--glass-rim-2)}#nuxdone{left:50%;top:calc(90px + env(safe-area-inset-top,0px));opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);pointer-events:none;z-index:8;align-items:center;gap:12px;padding:10px 10px 10px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%,-6px)}#nuxdone.on{opacity:1;pointer-events:auto;transform:translate(-50%)}#nuxdone>*{position:relative}#nuxdone label{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;display:flex}#nuxdone input{accent-color:var(--accent);width:15px;height:15px;margin:0}#nuxdone .btn{width:auto;padding:9px 14px}#home{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));font:500 12px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--glass-ink);cursor:pointer;z-index:8;transition:opacity .18s var(--ease-out), bottom .22s var(--ease-out);padding:10px 16px;position:fixed;transform:translate(-50%)}#home[hidden]{display:none}html:not(.coarse) #home:hover,#home:focus-visible{box-shadow:inset 0 1px 0 var(--glass-rim), 0 0 0 2px var(--accent);outline:none}#cursor{opacity:0;pointer-events:none;z-index:9;filter:drop-shadow(0 2px 4px #0009);width:44px;height:44px;margin:-22px 0 0 -22px;position:fixed;top:0;left:0}#cursor svg{fill:#fff;stroke:#171512;stroke-width:1px;width:22px;height:22px;display:none;position:absolute;top:11px;left:11px}#cursor.pointer .g-pointer{display:block}#cursor.mouse .g-mouse{width:22px;height:30px;display:block}#cursor.fingers .g-fingers{width:64px;height:32px;display:block;top:6px;left:-10px;overflow:visible}#cursor.fingers .g-fingers circle{stroke:#171512;stroke-width:1px;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}#cursor.fingers .g-fingers .arrow{display:none}#cursor.fingers.spread .g-fingers circle:first-of-type{transform:translate(-12px)}#cursor.fingers.spread .g-fingers circle:nth-of-type(2){transform:translate(12px)}#cursor.finger .g-finger{display:block}#cursor .g-finger .halo{fill:none;stroke:#fff;stroke-width:1.2px;opacity:.6}#cursor.pinch .g-pinch{width:32px;height:24px;display:block;left:6px}#cursor.trackpad .g-trackpad{fill:#f4f0e6eb;width:32px;height:24px;display:block;left:6px}#cursor .g-trackpad .dot{fill:#171512;stroke:none}#cursor.trackpad.one .g-trackpad .d2{display:none}#cursor.trackpad.one .g-trackpad .d1{cx:16px}#cursor .g-mouse .btn-l,#cursor .g-mouse .btn-r{fill:var(--accent);opacity:.9}#cursor .arrow{fill:var(--accent);stroke:none;opacity:0;transition:opacity .2s}#cursor.down .arrow{opacity:1}#cursor .press{opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);border:2px solid #ffffffe6;border-radius:50%;position:absolute;inset:4px;transform:scale(.6)}#cursor.down .press{opacity:.8;transform:scale(1)}#cursor.down svg{transform:scale(.9)}#cursor .keys{grid-template-rows:repeat(2,22px);grid-template-columns:repeat(3,22px);gap:3px;display:none;position:absolute;top:-4px;left:36px}#cursor.keys-on .keys{display:grid}#cursor .keys i{font:500 11px/22px var(--font-ui);text-align:center;color:#171512;background:#f4f0e6eb;border-radius:4px;font-style:normal;transition:background .12s,transform .12s;box-shadow:0 1px #00000059}#cursor .keys i[data-k=w]{grid-area:1/2}#cursor .keys i[data-k=a]{grid-area:2/1}#cursor .keys i[data-k=s]{grid-area:2/2}#cursor .keys i[data-k=d]{grid-area:2/3}#cursor .keys i.on{background:var(--accent);transform:translateY(1px)}#loadbar{background:var(--accent);width:0;height:2px;transition:width .3s var(--ease-out), opacity .4s;z-index:5;position:fixed;top:0;left:0}#loadbar.done{opacity:0;width:100%}#loading{color:#c9c2b4;letter-spacing:.04em;z-index:4;background:#111;place-items:center;font-size:13px;transition:opacity .3s;display:grid;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}#hint{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));color:var(--glass-ink);background:var(--glass-bg);border:1px solid var(--glass-rim-2);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);box-shadow:inset 0 1px 0 var(--glass-rim), 0 6px 20px #00000040;opacity:0;transition:opacity .2s var(--ease-out), transform .24s var(--ease-out);pointer-events:none;border-radius:999px;padding:9px 13px;font-size:12px;position:fixed;transform:translateY(6px)}#hint.on{opacity:.8;transform:none}html.nux-on #hint{opacity:0}:root{--glass-bg:#f4f0e66b;--glass-rim:#ffffff8c;--glass-rim-2:#1715122e;--glass-ink:#171512;--glass-ink-2:#4f4a40}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--glass-bg:#18161375;--glass-rim:#ffffff38;--glass-rim-2:#00000059;--glass-ink:#f1ece2;--glass-ink-2:#b7b0a2}}:root[data-theme=dark]{--glass-bg:#18161375;--glass-rim:#ffffff38;--glass-rim-2:#00000059;--glass-ink:#f1ece2;--glass-ink-2:#b7b0a2}.glass{background:var(--glass-bg);color:var(--glass-ink);border:1px solid var(--glass-rim-2);box-shadow:inset 0 1px 0 var(--glass-rim), inset 0 0 0 1px #ffffff0f, 0 10px 30px #00000047;-webkit-backdrop-filter:blur(18px)saturate(1.5)brightness(1.05);backdrop-filter:blur(18px)saturate(1.5)brightness(1.05);border-radius:14px}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff38,#ffffff0a 45%,#fff0 70%);position:absolute;inset:0}#card{opacity:0;max-width:260px;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out);pointer-events:none;z-index:6;padding:9px 12px 10px;position:fixed;top:0;left:0;transform:translateY(4px)}#card.on{opacity:1;transform:none}#card .artist{font-size:13px;font-weight:500;line-height:1.25}#card .title{opacity:.9;margin-top:1px;font-size:13px;line-height:1.3}#card .meta{font-family:var(--font-mono);color:var(--glass-ink-2);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}#card>*{position:relative}#now{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:var(--dock-w);box-sizing:border-box;opacity:0;max-width:calc(100vw - 32px);transition:opacity .18s var(--ease-out), transform .22s var(--ease-out), bottom .2s var(--ease-out);pointer-events:none;z-index:7;grid-template-columns:64px 1fr;align-items:start;gap:10px;padding:10px;display:grid;position:fixed;transform:translateY(12px)}#now.on{opacity:1;pointer-events:auto;transform:none}#now.above-player{bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--player-h,0px) + 8px)}#now>*{position:relative}#now .thumb{background:#000;border-radius:6px;width:64px;height:64px;overflow:hidden}#now .thumb img{object-fit:cover;width:100%;height:100%;display:block}#now .body{min-width:0}#now .artist{text-wrap:balance;font-size:13px;font-weight:500;line-height:1.25}#now .title{opacity:.9;margin-top:1px;font-size:13px;line-height:1.3}#now .meta{font-family:var(--font-mono);color:var(--glass-ink-2);font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px}#now .links{gap:12px;margin-top:6px;display:flex}#now a{color:var(--glass-ink);text-decoration:underline;-webkit-text-decoration-color:var(--glass-rim-2);text-decoration-color:var(--glass-rim-2);text-underline-offset:3px;font-size:12px}html:not(.coarse) #now a:hover,#now a:focus-visible{-webkit-text-decoration-color:var(--glass-ink);text-decoration-color:var(--glass-ink);outline:none}#now a.yt[hidden],#now a.ags[hidden]{display:none}#now .tracks{grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;min-width:0;margin-top:8px;display:grid}#now .tracks .mid{align-items:center;gap:8px;min-width:0;display:flex}#now .tracks .pp{display:none}#now .tracks .pp svg{fill:currentColor;width:14px;height:14px}#now .tracks .pp .i-pause,#now .tracks .pp.is-playing .i-play{display:none}#now .tracks .pp.is-playing .i-pause{display:block}html:not(.coarse) #now .tracks.single,#now .tracks[hidden]{display:none}#now .tracks button{width:24px;height:24px;color:var(--glass-ink);font:500 18px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}html:not(.coarse) #now .tracks button:hover{background:var(--glass-rim-2)}#now .tracks button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#now .tracks .pos{font-family:var(--font-mono);color:var(--glass-ink-2);font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:44px;font-size:11px}#now .tracks .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}#now a.ags{font-weight:500}#now .sheet-play{display:none!important}#now .handle,#player .handle{display:none}.btn{font:500 12px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;background:var(--glass-ink);color:var(--paper);cursor:pointer;border:0;border-radius:8px;width:100%;padding:10px 12px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#player{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:var(--dock-w);box-sizing:border-box;max-width:calc(100vw - 32px);color:var(--glass-ink);opacity:0;transition:opacity .18s var(--ease-out), transform .22s var(--ease-out);pointer-events:none;z-index:7;position:fixed;overflow:hidden;transform:translateY(12px)}#player.on{opacity:1;pointer-events:auto;transform:none}#player .video{aspect-ratio:16/9;background:#000;border-radius:13px 13px 0 0;position:relative;overflow:hidden}#player .video iframe,#player .video>div{width:100%;height:100%;position:absolute;inset:0}#player .cover{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}#player.audio .cover{display:block}#player.audio .video>div{visibility:hidden}#player .fallback{text-align:center;color:var(--paper);background:#171512;place-items:center;padding:16px;font-size:12px;display:none;position:absolute;inset:0}#player.failed .fallback{display:grid}#player .fallback a{color:var(--accent)}#player .bar{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 8px 8px 10px;display:grid}#player .cap{min-width:0}#player .cap .artist{white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}#player .cap .track{color:var(--glass-ink-2);white-space:nowrap;font-size:12px;overflow:hidden}#player .cap .artist>span,#player .cap .track>span{white-space:nowrap;will-change:transform;display:inline-block}#player .cap .scroll>span{animation:cap-drift var(--drift-dur,14s) ease-in-out 1.5s infinite}@keyframes cap-drift{0%,12%{transform:translate(0)}50%,62%{transform:translateX(var(--drift,-40px))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){#player .cap .scroll>span{animation:none}#player .cap .artist,#player .cap .track{text-overflow:ellipsis}}#player .cap .time{font-family:var(--font-mono);color:var(--glass-ink-2);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}#player .ctl{gap:2px;display:flex}#player .ctl .prev,#player .ctl .next{display:none}#player.has-tracks .ctl .prev,#player.has-tracks .ctl .next{display:grid}#player .ctl button{width:30px;height:30px;color:var(--glass-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}html:not(.coarse) #player .ctl button:hover{background:var(--glass-rim-2)}#player .ctl button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#player .ctl svg{fill:currentColor;width:14px;height:14px}#player .progress{background:var(--glass-rim-2);cursor:pointer;height:6px;position:relative}#player .progress:before{content:"";position:absolute;inset:-6px 0 -4px}html:not(.coarse) #player .progress:hover i{filter:brightness(1.15)}#player .progress i{background:var(--accent);width:0;height:100%;display:block}#player.min{border-radius:24px;width:48px;height:48px}#player .bar{position:relative}#player.min .video,#player.min .cap,#player.min .progress,#player.min .ctl button:not(.expand){display:none}#player.min .bar{place-items:center;height:48px;padding:0;display:grid}#player .ring{display:none}#player.min .ring{pointer-events:none;display:block;position:absolute;inset:0}#player .ring circle{fill:none;stroke-width:2px}#player .ring .track{stroke:var(--rule)}#player .ring .fill{stroke:var(--accent);stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}#player .ctl .expand{display:none}#player.min .ctl .expand{width:48px;height:48px;display:grid}@media (prefers-reduced-motion:reduce){#card,#player,#frames polygon,#hint,#loadbar{transition:none}}@media (max-width:480px){:root{--dock-w:calc(100vw - 32px)}}#player .play-pause .i-pause,#player .play-pause.is-playing .i-play{display:none}#player .play-pause.is-playing .i-pause{display:block}#player .mute.is-muted .i-wave{display:none}html:not(.coarse) #player .ctl button,html:not(.coarse) #now .tracks button,html:not(.coarse) #disco,html:not(.coarse) #home,html:not(.coarse) #nux .skip,html:not(.coarse) #mark nav a.icon{transition:transform .14s var(--ease-out), background .14s var(--ease-out), opacity .14s var(--ease-out), box-shadow .14s var(--ease-out)}html:not(.coarse) #player .ctl button:active,html:not(.coarse) #now .tracks button:active,html:not(.coarse) #disco:active,html:not(.coarse) #home:active,html:not(.coarse) #nux .skip:active,html:not(.coarse) #mark nav a.icon:active{transform:scale(.95)}html.coarse button,html.coarse a.icon,html.coarse .logo img{transition:transform .14s var(--ease-out), background .14s var(--ease-out), opacity .14s var(--ease-out)}html.coarse button:active,html.coarse a.icon:active{transform:scale(.94)}html.coarse #now .tracks button:active,html.coarse #player .ctl button:active,html.coarse #nux .skip:active{background:var(--glass-rim-2)}html.coarse #now .tracks .pp.is-playing{color:var(--accent)}html.coarse .logo:active img{transform:scale(.94)}html.coarse #mark nav #disco{width:44px;height:44px}html.coarse #disco svg{width:24px;height:24px}html.coarse #player .ctl button{width:44px;height:44px}html.coarse #player .ctl svg{width:16px;height:16px}html.coarse #player .progress{height:8px}html.coarse #player .progress:before{top:-14px;bottom:-10px}html.coarse #now .tracks{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}html.coarse #now .tracks button{width:44px;height:44px;font-size:22px}html.coarse #now .links{gap:4px}html.coarse #now a{margin-left:-8px;padding:12px 8px;font-size:14px}html.coarse #nux .skip,html.coarse #nuxdone .btn{min-width:44px;height:44px}html.coarse #home{padding:14px 18px}html.coarse #mark .logo img{width:48px;height:48px}html.coarse #mark nav a.icon{width:44px;height:44px}html.coarse #mark nav a.icon svg{width:24px;height:24px}html.coarse #application-canvas.is-hot{cursor:default}html #disco:not(.revealed){opacity:0;pointer-events:none;transform:scale(.6)rotate(-90deg)}#disco.revealed{animation:disco-in .7s var(--ease) both}@keyframes disco-in{0%{opacity:0;transform:scale(.4)rotate(-180deg)}60%{opacity:1;transform:scale(1.15)rotate(10deg)}to{opacity:1;transform:none}}#disco.revealed[aria-pressed=true]{animation:none;transform:none}html[data-device=phone]{--dock-w:100vw;--sheet-ext:50vh;--dock-y:calc(16px + env(safe-area-inset-bottom,0px) + var(--sheet-h,0px) + var(--player-exp-h,0px))}html[data-device=phone] #mark{padding-top:calc(10px + env(safe-area-inset-top,0px));gap:8px}html[data-device=phone] #mark:before{width:70vw;height:180px}html[data-device=phone] #hint{left:50%;right:auto;bottom:calc(var(--dock-y) + 64px);transition:opacity .18s var(--ease-out), bottom .22s var(--ease-out);letter-spacing:0;text-transform:none;width:max-content;max-width:calc(100vw - 32px);color:var(--glass-ink);text-shadow:none;background:var(--glass-bg);border:1px solid var(--glass-rim-2);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);box-shadow:inset 0 1px 0 var(--glass-rim), 0 6px 20px #00000040;border-radius:999px;padding:10px 14px;font-size:13px;transform:translate(-50%)}html[data-device=phone] #home{bottom:calc(var(--dock-y) + 64px)}html[data-device=phone] #nux,html[data-device=phone] #nux[data-step=move],html[data-device=phone] #nuxdone{top:auto;left:50%;right:auto;bottom:calc(var(--dock-y) + 128px);box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);padding:10px 6px 10px 16px;font-size:15px;transform:translate(-50%,6px)}html[data-device=phone] #nux.on,html[data-device=phone] #nuxdone.on{transform:translate(-50%)}html[data-device=phone] #nux .text{flex:0 auto}html[data-device=phone] #nux .skip{border-radius:22px;flex:none;width:44px;height:44px;margin:-6px 0;font-size:22px;line-height:44px}html[data-device=phone] #nuxdone{flex-wrap:wrap;gap:10px 12px}html[data-device=phone] #nuxdone input{width:20px;height:20px}html[data-device=phone] #card{display:none}html[data-device=phone] #player.min{opacity:0;pointer-events:none;transform:translateY(12px)}html[data-device=phone] #player:not(.min){width:100%;max-width:none;padding-bottom:env(safe-area-inset-bottom,0px);transition:opacity .18s var(--ease-out), transform .22s var(--ease-out);border-bottom:0;border-radius:16px 16px 0 0;bottom:0;left:0;right:0}html[data-device=phone] #player.min{transition:opacity .16s var(--ease-out), transform .16s var(--ease-out)}html[data-device=phone] #player:not(.min) .video{border-radius:16px 16px 0 0}html[data-device=phone] #player:not(.min) .handle{z-index:2;touch-action:none;height:32px;display:block;position:absolute;top:0;left:0;right:0}html[data-device=phone] #player:not(.min) .handle i{opacity:.55;background:#fff;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:8px;left:50%}html[data-device=phone] #player .bar,html[data-device=phone] #player .progress{touch-action:none}html[data-device=phone] #player .cap .artist{font-size:14px}html[data-device=phone] #player .ctl{gap:0}html[data-device=phone] #player .ctl .mute{order:0}html[data-device=phone] #player .ctl .minimize{order:1}html[data-device=phone] #player .ctl .play-pause{order:2}html[data-device=phone] #player .ctl .prev{order:3}html[data-device=phone] #player .ctl .next{order:4}html[data-device=phone] #player .bar{padding-right:8px}html[data-device=phone] #player .cap .track{font-size:13px}html[data-device=phone] #now{left:0;right:0;bottom:calc(-1 * var(--sheet-ext));width:100%;max-width:none;padding:18px 16px calc(12px + env(safe-area-inset-bottom,0px) + var(--sheet-ext));max-height:calc(50dvh + var(--sheet-ext));touch-action:none;transition:transform .22s var(--ease-out), opacity .18s var(--ease-out), padding .18s var(--ease-out), bottom .22s var(--ease-out);z-index:6;border-bottom:0;border-radius:16px 16px 0 0;grid-template-columns:56px 1fr;align-content:start;gap:12px;overflow:hidden;transform:translateY(100%)}html[data-device=phone] #player{touch-action:none}html[data-device=phone] #now.on{transform:none}html[data-device=phone] #now.on.leaving{transition:transform .2s var(--ease-out);transform:translateY(110%)}html[data-device=phone] #player.on.leaving{transition:transform .2s var(--ease-out), opacity .2s var(--ease-out);transform:translateY(110%)}html[data-device=phone] #now.above-player{bottom:calc(var(--player-exp-h,0px) - var(--sheet-ext));border-radius:16px 16px 0 0}html[data-device=phone] #now{z-index:7}html[data-device=phone] #now.above-player{z-index:6}html[data-device=phone] #now .handle{background:var(--glass-ink);opacity:.3;border-radius:2px;width:36px;height:4px;margin-left:-18px;display:block;position:absolute;top:6px;left:50%}html[data-device=phone] #now .thumb{width:56px;height:56px}html[data-device=phone] #now .artist{font-size:15px}html[data-device=phone] #now .title{font-size:14px}html[data-device=phone] #now .meta{font-size:12px}html[data-device=phone] #now .tracks .name{flex:0 auto;font-size:14px}html[data-device=phone] #now .tracks{grid-template-columns:minmax(0,1fr) 44px 44px 44px;gap:0;margin-top:10px;margin-left:-68px;margin-right:-8px}html[data-device=phone] #now .tracks .mid{order:0;justify-content:flex-start;padding-left:8px}html[data-device=phone] #now .tracks .pp{width:44px;height:44px;color:var(--glass-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;order:1;place-items:center;display:grid}html[data-device=phone] #now .tracks .pp svg{width:16px;height:16px}html[data-device=phone] #now .tracks .prev{order:2}html[data-device=phone] #now .tracks .next{order:3}html[data-device=phone] #now .tracks.single{grid-template-columns:minmax(0,1fr) 44px}html[data-device=phone] #now .tracks.single .mid,html[data-device=phone] #now .tracks.single .prev,html[data-device=phone] #now .tracks.single .next{display:none}html[data-device=phone] #now .tracks .pos{min-width:0}html[data-device=phone] #now.mini{padding:14px 16px calc(10px + env(safe-area-inset-bottom,0px) + var(--sheet-ext));grid-template-columns:36px 1fr;align-items:center;gap:10px}html[data-device=phone] #now.mini .thumb{border-radius:4px;width:36px;height:36px}html[data-device=phone] #now.mini .title,html[data-device=phone] #now.mini .meta,html[data-device=phone] #now.mini .links,html[data-device=phone] #now.mini .sheet-play{display:none}html[data-device=phone] #now.mini .body{padding-right:136px}html[data-device=phone] #now.mini .tracks{grid-template-columns:44px 44px 44px;gap:0;margin:0;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}html[data-device=phone] #now.mini .tracks.single{grid-template-columns:44px}html[data-device=phone] #now.mini .tracks .mid{display:none}html[data-device=phone] #now.mini .artist{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}html[data-device=phone] #now.mini .artist:after{content:" · " attr(data-title);opacity:.8;font-weight:400}html.short #mark .logo img{width:36px;height:36px}html.short #now{max-height:36dvh}html.short #nux,html.short #nuxdone{padding:8px 8px 8px 14px;font-size:13px}html[data-device=tablet] #now,html[data-device=tablet] #player{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}html[data-device=tablet] #now.above-player{bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--player-h,0px) + 8px)}