.now-watching .nw-stage{--h:400px;--cw:130px;--gap:18px;--start:56%;--step:calc(var(--cw) + var(--gap));height:var(--h);background:#111;border:4px solid #000;outline:none;position:relative;overflow:hidden}.now-watching .nw-stage:focus-visible{box-shadow:0 0 0 4px var(--accent)}.now-watching .nw-bg{background:linear-gradient(90deg, #0a0a10eb 0%, #0a0a10a6 42%, #0a0a101a 75%), var(--art) center / cover no-repeat;opacity:0;transition:opacity .6s;position:absolute;inset:0}.now-watching .nw-bg.is-current{opacity:1;z-index:1}.now-watching .nw-content{text-shadow:2px 2px #000;width:min(46%,380px);display:none;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.now-watching .nw-bg.is-current .nw-content{display:block}.now-watching .nw-content>*{opacity:0;animation:.9s ease-in-out forwards nw-in}.now-watching .nw-content>:nth-child(2){animation-delay:.15s}.now-watching .nw-content>:nth-child(3){animation-delay:.3s}.now-watching .nw-content>:nth-child(4){animation-delay:.45s}.now-watching .nw-label{font-family:var(--pixel);color:var(--accent);font-size:.6rem}.now-watching .nw-name{font-family:var(--pixel);overflow-wrap:anywhere;margin:.7rem 0 .6rem;font-size:clamp(1rem,3.2vw,1.5rem);line-height:1.35}.now-watching .nw-des{color:#ddd;font-size:.95rem;line-height:1.5}.now-watching .nw-content progress{width:100%;height:18px;margin-top:.9rem}@keyframes nw-in{0%{opacity:0;filter:blur(20px);transform:translateY(60px)}to{opacity:1;filter:none;transform:none}}.now-watching .nw-row{z-index:2;pointer-events:none;position:absolute;inset:0}.now-watching .nw-card{top:50%;left:var(--start);width:var(--cw);aspect-ratio:2/3;transform:translate(calc(var(--slot) * var(--step)), -50%);background:#222 var(--poster) center / cover no-repeat;border:4px solid #000;transition:transform .55s,opacity .55s,border-color .55s;position:absolute;box-shadow:6px 6px #0009}.now-watching .nw-card.is-current{border-color:var(--accent)}.now-watching .nw-card.is-current[href]{pointer-events:auto}.now-watching .nw-card.is-current[href]:hover,.now-watching .nw-card.is-current[href]:focus-visible{outline-offset:0;outline:4px solid #fff}.now-watching .nw-card.is-hidden{opacity:0}.now-watching .nw-controls{z-index:5;gap:.75rem;display:flex;position:absolute;bottom:20px;left:32px}.now-watching .nw-controls .nes-btn{padding:2px 10px;font-size:.7rem}.now-watching .nw-status{color:var(--muted);margin:1rem 0 0;font-size:.6rem}@media (width<=600px){.now-watching .nw-stage{--h:430px;--cw:82px;--gap:12px;--start:16px}.now-watching .nw-bg{background:linear-gradient(180deg, #0a0a10eb 0%, #0a0a10b3 45%, #0a0a1059 100%), var(--art) center / cover no-repeat}.now-watching .nw-card{transform:translateX(calc(var(--slot) * var(--step)));top:auto;bottom:70px}.now-watching .nw-content{width:calc(100% - 32px);top:20px;left:16px;transform:none}.now-watching .nw-controls{bottom:14px;left:16px}}@media (prefers-reduced-motion:reduce){.now-watching .nw-bg,.now-watching .nw-card{transition:none}.now-watching .nw-content>*{opacity:1;animation:none}}.now-listening .nl-feature{grid-template-columns:170px 1fr;align-items:center;gap:1.4rem;display:grid}.now-listening .nl-cover{aspect-ratio:1;background:#222 var(--cover) center / cover no-repeat;border:4px solid var(--accent);width:100%;box-shadow:6px 6px #0009}.now-listening .nl-info>*{margin:0}.now-listening .nl-label{font-family:var(--pixel);color:var(--accent);font-size:.6rem}.now-listening .nl-name{font-family:var(--pixel);overflow-wrap:anywhere;margin:.6rem 0 .5rem;font-size:clamp(.9rem,2.6vw,1.2rem);line-height:1.4}.now-listening .nl-meta{color:#ddd;font-size:.95rem;line-height:1.5}.now-listening .nl-meta .muted{color:var(--muted)}.now-listening .nl-hp{align-items:center;gap:.6rem;margin-top:.9rem;display:flex}.now-listening .nl-hp-track{--step:6px;height:calc(var(--step) * 3);background:linear-gradient(#2a0c0c 0 var(--step), #4a1414 var(--step) calc(var(--step) * 2), #2a0c0c 0);flex:1;margin:4px;position:relative;overflow:hidden;box-shadow:0 -4px #fff,0 4px #fff,-4px 0 #fff,4px 0 #fff,6px 6px 0 4px #00000073}.now-listening .nl-hp-fill,.now-listening .nl-hp-fill:after{background:linear-gradient(#c5f07a 0 var(--step), var(--accent) var(--step) calc(var(--step) * 2), #5a8a1f 0)}.now-listening .nl-hp-fill{width:calc((100% - var(--step) * 2) * var(--p));position:absolute;inset:0 0 0 auto}.now-listening .nl-hp-fill:after{content:"";width:calc(var(--step) * 2);clip-path:polygon(0 0,100% 0,100% 66.67%,50% 66.67%,50% 33.34%,0 33.34%);height:100%;position:absolute;top:0;right:100%}.now-listening .nl-hp-fill.is-full{width:100%}.now-listening .nl-hp-fill.is-full:after,.now-listening .nl-hp-fill.is-empty:after{display:none}.now-listening .nl-info .nl-left{margin:.4rem 0 0}.now-listening .nl-progress.is-reserved{visibility:hidden}.now-listening .nl-left{font-family:var(--pixel);color:var(--muted);margin-top:.4rem;font-size:.55rem}.now-listening .nl-shelf{flex-wrap:wrap;gap:12px;margin-top:1.4rem;display:flex}.now-listening .nl-shelf:empty{display:none}.now-listening .nl-book{aspect-ratio:1;background:#222 var(--cover) center / cover no-repeat;cursor:pointer;border:4px solid #000;width:72px;padding:0;position:relative;box-shadow:4px 4px #0009}.now-listening .nl-book:hover,.now-listening .nl-book:focus-visible{border-color:var(--accent);outline:none}.now-listening .nl-book.is-current{border-color:var(--accent)}.now-listening .nl-book .done{background:var(--accent);color:#000;font-family:var(--pixel);padding:2px 3px;font-size:.5rem;position:absolute;bottom:-4px;right:-4px}.now-listening .nl-status{color:var(--muted);margin:1rem 0 0;font-size:.6rem}@media (width<=600px){.now-listening .nl-feature{grid-template-columns:110px 1fr;align-items:start;gap:1rem}.now-listening .nl-book{width:56px}}.lab-status .ls-list{margin:0;padding:0;list-style:none}.lab-status .ls-list li{border-bottom:2px dashed #444;grid-template-columns:15px minmax(0,1fr) auto 3.6rem;align-items:center;gap:0 .8rem;padding:.55rem 0;display:grid}.lab-status .ls-list li:last-child{border-bottom:0}.lab-status .ls-dot{width:15px;height:15px;color:var(--muted);filter:drop-shadow(2px 2px #000);display:block}.lab-status .s1 .ls-dot{color:var(--accent)}.lab-status .s0 .ls-dot{color:#e76e55;animation:1s steps(2,end) infinite ls-blink}.lab-status .s2 .ls-dot,.lab-status .s3 .ls-dot{color:var(--warn)}.lab-status .ls-name{font-family:var(--pixel);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;text-decoration:none;overflow:hidden}.lab-status .ls-beats{gap:2px;display:flex}.lab-status .ls-beats i{background:#444;width:5px;height:14px}.lab-status .ls-beats .b1{background:var(--accent)}.lab-status .ls-beats .b0{background:#e76e55}.lab-status .ls-beats .b2,.lab-status .ls-beats .b3{background:var(--warn)}.lab-status .ls-up{font-family:var(--pixel);color:var(--muted);text-align:right;font-size:.55rem}.lab-status .ls-summary{color:var(--muted);text-align:center;margin:1rem 0 0;font-size:.6rem}.lab-status .ls-summary.bad{color:#e76e55}.lab-status .ls-summary.is-split{flex-wrap:wrap;justify-content:center;display:flex}.lab-status .ls-seg{white-space:nowrap}.lab-status .ls-sep{white-space:pre}.lab-status .ls-sep.is-break{flex-basis:100%;height:0;overflow:hidden}@keyframes ls-blink{50%{opacity:.25}}@media (width<=600px){.lab-status .ls-beats i:nth-child(-n+16){display:none}}@media (prefers-reduced-motion:reduce){.lab-status .s0 .ls-dot{animation:none}}
