@layer guards{html[data-perf=low] :is(.pixel-clock,.pet-cat .pixel-cat){filter:none!important}html[data-perf=low] :is(.playlist-track,.desktop-widget),html[data-perf=low] :is(.corner-pool,.corner-weather):before{animation:none!important}}@layer reset;@layer features{.cabin-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cabin-atmosphere canvas{pointer-events:none;display:block;position:absolute}.atmosphere-pixel canvas{image-rendering:pixelated}.cabin-hearth-light{pointer-events:none;mix-blend-mode:screen;opacity:1;width:100%;height:100%;position:absolute;inset:0}.cabin-hearth-light [data-surface]{will-change:opacity}.cabin-atmosphere:not([data-motion=running]):not([data-motion=reduced]):not([data-motion=hidden]) .cabin-hearth-light{visibility:hidden}.cabin-floor-base{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.atmosphere-pixel .cabin-floor-base{image-rendering:pixelated}.cabin-atmosphere[data-motion=unavailable]{display:none}.ambient-life{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ambient-mote{aspect-ratio:1;opacity:0;background:#ffe6b0;width:.276243%;animation:14s steps(28,end) infinite ambient-drift;position:absolute}.ambient-mote.size-2{width:.414365%}@keyframes ambient-drift{0%{opacity:0;translate:0}15%{opacity:.55}50%{opacity:.35;translate:1.2vw -3vh}85%{opacity:.5}to{opacity:0;translate:-.6vw -6vh}}[data-time-of-day=night] .ambient-mote{background:#ffd27a}[data-time-of-day=night] .ambient-mote:nth-child(odd){display:none}.ambient-shaft{opacity:0;transform-origin:0 0;clip-path:polygon(0 0,46% 0,100% 100%,42% 100%);mix-blend-mode:soft-light;background:linear-gradient(#fff4d4 0 30%,#fff4d4aa 30% 55%,#fff4d455 55% 80%,#0000 80%);width:34%;height:70%;animation:9s steps(6,end) infinite alternate ambient-shaft;position:absolute;top:15%;left:12%}:is([data-room-look=pixel],[data-room-look=warm]):is([data-time-of-day=morning],[data-time-of-day=day],[data-time-of-day=dusk]) .ambient-shaft{--shaft:calc(.06 + var(--sky-light,1) * .16)}:is([data-room-look=pixel],[data-room-look=warm])[data-time-of-day=dusk] .ambient-shaft{background:linear-gradient(#ffb06a 0 30%,#ffb06aaa 30% 55%,#ffb06a55 55% 80%,#0000 80%)}@keyframes ambient-shaft{0%{opacity:calc(var(--shaft,0) * .7)}to{opacity:var(--shaft,0)}}@media (prefers-reduced-motion:reduce){.ambient-mote{opacity:.3}.ambient-shaft{opacity:var(--shaft,0)}}html[data-desktop-reduce-motion=true] .ambient-mote{opacity:.3}html[data-desktop-reduce-motion=true] .ambient-shaft{opacity:var(--shaft,0)}.study-writing{pointer-events:none;position:absolute;inset:0}.study-clean-plate{width:100%;height:100%;image-rendering:pixelated;clip-path:polygon(19.337% 45.672%,26.796% 45.672%,26.796% 54.512%,19.337% 54.512%);position:absolute;inset:0}.study-writing-hand{width:9.392%;height:12.523%;image-rendering:pixelated;background:url(/room-scenes/night-study-hands-pixel.png) 0 0/400% 400% no-repeat;position:absolute;top:44.199%;left:17.956%}.cabin-scene[data-room-look=night-study] .showroom-artwork{filter:brightness(.78)saturate(.83)}.cabin-scene[data-room-look=night-study] :is(.cabin-daylight,.cabin-nightshade),.cabin-scene[data-room-look=night-study] .scene-deck{display:none}.cabin-night-study .room-turntable{width:clamp(180px,16vw,280px);bottom:10%;left:2%}.theme-interactions{pointer-events:none;z-index:6;position:absolute;inset:0}.theme-object{color:#ead4a4;pointer-events:auto;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;position:absolute}.theme-object-warm{pointer-events:none}.theme-object-warm:after{content:"";pointer-events:auto;position:absolute;inset:0 0 14%}.theme-pixels{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.theme-object-label{color:#ecdbb6;opacity:0;pointer-events:none;background:#24342ef0;border:1px solid #ae9771;width:max-content;max-width:180px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;left:50%;translate:-50% -4px}.theme-object:is(:hover,:focus-visible) .theme-object-label{opacity:1}.theme-object:focus-visible{outline-offset:4px;outline:2px dashed #edd397}.theme-telescope-glint{color:#edcc8e;text-shadow:2px 2px #1c2c39;font-size:24px;position:absolute;top:10%;left:4%}.theme-window-chart{clip-path:circle(48%);opacity:.85;pointer-events:none;width:18.4%;height:20%;position:absolute;top:23%;left:6.6%}.theme-tool{z-index:110;color:#e7e1bf;width:min(328px,100vw - 40px);max-height:calc(100dvh - 138px);padding:18px;font-size:14px;line-height:1.65;position:fixed;top:118px;left:20px;overflow:auto}.theme-tool:before{content:"";z-index:-1;background:#263e34;border:2px solid #a4ad81;position:absolute;inset:0;box-shadow:4px 5px #18271c99}.theme-tool header,.theme-observatory header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.theme-tool h2,.theme-observatory h2{font:24px/1.4 var(--px-font-cn);color:inherit;margin:0}.theme-tool p,.theme-observatory p{margin:8px 0}.theme-tool button,.theme-observatory button{color:#2f362b;min-height:36px;font:inherit;cursor:pointer;background:#e1cc9b;border:1px solid #a89c76;border-radius:0;padding:6px 10px}.theme-tool button:disabled,.theme-observatory button:disabled{opacity:.55;cursor:default}.theme-tool button:focus-visible,.theme-observatory button:focus-visible,.theme-wind-control input:focus-visible{outline-offset:3px;outline:3px solid #f4e0ad}.theme-tool header button,.theme-observatory header button{color:inherit;background:0 0;flex:none;font-size:12px}.theme-tool-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.theme-garden-work{grid-template-columns:100px 1fr;align-items:center;gap:14px;display:grid}.theme-garden-work .theme-pixels{width:100px;height:120px}.theme-garden-work meter{accent-color:#9dbe83;width:100%;height:18px;display:block}.theme-garden-work small,.theme-footnote{font-size:12px;line-height:1.65}.theme-tool .theme-footnote,.theme-observatory .theme-footnote{opacity:.85;margin-top:14px}.theme-tool-sea:before{background:#e0e0c9;border-color:#5c8a83}.theme-tool-sea{color:#304c48}.theme-wind-control{margin:18px 0 12px;display:block}.theme-wind-control output{float:right;font-variant-numeric:tabular-nums}.theme-wind-control input{accent-color:#3d776b;width:100%;margin-top:10px;display:block}.theme-tool-tea{top:auto;bottom:24px}.theme-tool-tea:before{background:#4b3422;border-color:#c5a671}.theme-tea-work{align-items:center;gap:16px;display:flex}.theme-tea-work .theme-pixels{flex:none;width:96px;height:96px}.theme-observatory{color:#e5d4ae;background:#202f40;border:2px solid #a99d82;border-radius:0;width:min(680px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:22px;font-size:14px;line-height:1.6;overflow:auto}.theme-observatory::backdrop{background:#101b28cc}.theme-observatory fieldset{border:0;gap:10px;margin:0 0 16px;padding:0;display:flex}.theme-observatory legend{margin-bottom:8px;font-size:12px}.theme-observatory button[aria-pressed=true]{color:#172a36;background:#8ba1a4}.theme-star-field{background:#182534;border:2px solid #687888;padding:6px}.theme-star-field canvas{aspect-ratio:5/3;cursor:crosshair;width:100%;height:auto}@media (height<=650px){.theme-tool{max-height:calc(100dvh - 122px);top:106px}.theme-tool-tea{top:auto;bottom:16px}.theme-observatory{width:min(610px,100vw - 32px);padding:14px}.theme-star-field canvas{object-fit:fill;max-height:240px}.theme-observatory .theme-footnote{margin:6px 0 0}}.scene-deck{z-index:3;--deck-energy:0;pointer-events:auto;width:15.4696%;height:8.10313%;position:absolute;top:9.76059%;left:43.9227%}[data-room-look=warm] .scene-deck{top:9.39227%;left:44.0608%}[data-room-look=forest] .scene-deck{top:9.48435%;left:40.7459%}[data-room-look=seaside] .scene-deck{top:9.48435%;left:38.3978%}[data-room-look=starlight] .scene-deck{top:9.48435%;left:36.4641%}[data-room-look=night-study] .scene-deck{--deck-16:#9fb4d8}[data-room-look=forest] .scene-deck{--deck-2:#5a4a32;--deck-3:#6e5c3f;--deck-4:#3b3020;--deck-5:#7d6a48;--deck-6:#94805a;--deck-12:#2e261a;--deck-16:#d8e6a0;--deck-17:#6c5a3c}[data-room-look=seaside] .scene-deck{--deck-2:#9c8462;--deck-3:#b09774;--deck-4:#735f45;--deck-5:#bca684;--deck-6:#cfbc98;--deck-12:#5a4a36;--deck-16:#cfe2e8;--deck-17:#a8916f;--deck-arm:#85878a}[data-room-look=starlight] .scene-deck{--deck-2:#3d4660;--deck-3:#55607e;--deck-4:#262c3d;--deck-5:#6b7596;--deck-6:#8a93b0;--deck-12:#1e2333;--deck-16:#c2cbe8;--deck-17:#5c6585}.scene-deck-sprite{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0;overflow:visible}.scene-deck-shadow{opacity:.5}.scene-deck-record{animation:.32s steps(4,end) both deck-record-seat}@keyframes deck-record-seat{0%{opacity:0;transform:translateY(-6px)}25%{opacity:1}to{opacity:1;transform:none}}.scene-deck-sheen-window{pointer-events:none;animation:.32s steps(4,end) both deck-record-seat;position:absolute;inset:0;overflow:hidden}.scene-deck-sheen-strip{width:800%;height:100%;position:absolute;top:0;left:0}.scene-deck-sheen-strip svg{width:100%;height:100%;image-rendering:pixelated;display:block;overflow:visible}.scene-deck.is-playing .scene-deck-sheen-strip{will-change:translate;animation:.8s steps(8,end) infinite deck-sheen}@keyframes deck-sheen{to{translate:-100%}}.scene-deck-arm{display:none}.scene-deck-arm.is-current{display:inline}.scene-deck-led{opacity:0;pointer-events:none;background:#fb5;width:3.57143%;height:4.54545%;position:absolute;top:68.1818%;left:80.3572%}.scene-deck.is-playing .scene-deck-led{opacity:1;animation:1.2s steps(2,end) infinite deck-led}@keyframes deck-led{50%{opacity:.62}}.scene-deck-glow{pointer-events:none;opacity:0;transition:opacity var(--px-dur-slow,.48s) steps(4, end);background:radial-gradient(closest-side,#ffbe6a38 0 46%,#ffbe6a24 46% 72%,#ffbe6a12 72% 100%,#0000 100%);position:absolute;inset:-55% -18% 5%}.scene-deck.is-playing .scene-deck-glow{opacity:calc(.35 + var(--deck-energy) * .65)}.scene-deck-notes{pointer-events:none;width:40%;height:60%;position:absolute;top:-10%;left:22%}.scene-deck-notes i{aspect-ratio:5/7;opacity:0;width:7%;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%230d0805' d='M2 0h3v2H3v4H2z M0 4h3v3H0z'/%3E%3Cpath fill='%23ffd99c' d='M2 0h2v1H3v4H2z M1 5h1v1H1z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;bottom:0}.scene-deck-notes i:first-child{left:10%}.scene-deck-notes i:nth-child(2){width:5.5%;left:48%}.scene-deck-notes i:nth-child(3){left:80%}.scene-deck.is-playing .scene-deck-notes i{animation:2.4s steps(8,end) infinite deck-note}.scene-deck.is-playing .scene-deck-notes i:nth-child(2){animation-delay:-.8s}.scene-deck.is-playing .scene-deck-notes i:nth-child(3){animation-delay:-1.6s}@keyframes deck-note{0%{opacity:0;transform:translate(0)}15%{opacity:1}50%{transform:translate(30%,-120%)}85%{opacity:.9}to{opacity:0;transform:translate(-20%,-240%)}}.scene-deck-hit{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:10% 0 8%}.scene-deck-hit:hover+.scene-deck-sprite,.scene-deck:hover .scene-deck-sprite{filter:brightness(1.12)}.scene-deck:hover{translate:0 -1px}.scene-deck:active{translate:0 1px}.scene-deck.is-drop-target:after,.scene-deck-hit:focus-visible{outline:2px dashed var(--px-focus,#ffd99c);outline-offset:3px}.scene-deck.is-drop-target:after{content:"";pointer-events:none;background:#ffe1a01f;position:absolute;inset:0 -4%}.cabin-scene-art{image-rendering:pixelated}.room-turntable[data-spinning=true] .turntable-heading>span:after,.room-turntable[data-spinning=true] .turntable-drag-handle:after{content:"";background:var(--px-good);width:6px;height:6px;box-shadow:0 0 0 2px var(--px-shadow);margin-left:2px;animation:1s steps(2,end) infinite console-live}@keyframes console-live{50%{opacity:.35}}.room-turntable .turntable-controls button{box-shadow:inset 2px 2px 0 #ffffff1a, inset -2px -2px 0 #00000059, var(--px-shadow-1);transition:translate var(--px-dur-fast) steps(2, end)}.room-turntable .turntable-controls button:hover:not(:disabled){translate:0 -1px}.room-turntable .turntable-controls button:active:not(:disabled){transition-duration:0s;translate:1px 1px;box-shadow:inset 2px 2px #00000059}.room-turntable .turntable-controls .turntable-toggle{background:var(--px-accent);color:var(--px-ink-on-accent);box-shadow:inset 2px 2px 0 var(--px-accent-hi), inset -2px -2px 0 var(--px-accent-lo), var(--px-shadow-1)}.room-now-playing{justify-content:space-between;align-items:center;display:flex}.room-selection-copy{flex:1;min-width:0}.room-selection-copy>small{letter-spacing:.14em;color:#c49662}.room-selection-copy h2{overflow-wrap:anywhere;color:var(--px-ink)}.room-selection-copy p{color:#d3b58f;margin:0;font-size:13px}.room-selection-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.room-selection-actions button,.room-selection-actions a{color:#ffe0b6;background:#573722;align-items:center;gap:8px;padding:9px 13px;text-decoration:none;display:inline-flex}.cabin-room .room-now-playing{z-index:12;left:var(--room-shelf-left,30%);width:var(--room-shelf-width,48%);background:#24160fb3;flex-flow:row;gap:12px;max-width:calc(100% - 24px);height:88px;padding:6px 12px;position:absolute;bottom:14px;right:auto;box-shadow:5px 5px #0d0805aa;container-type:inline-size}.cabin-room .room-now-playing .room-selection-copy{flex:1 1 0;min-width:0}.cabin-room .room-now-playing .room-selection-copy h2{margin:0}.cabin-room .room-now-playing .room-selection-copy p{white-space:nowrap;text-overflow:ellipsis;line-height:16px;overflow:hidden}.cabin-room .room-now-playing .room-selection-actions{flex-wrap:nowrap;flex:none;gap:6px}.cabin-room .room-now-playing .room-selection-actions :is(button,a){min-height:var(--px-hit);padding:6px 8px;font-size:12px}@container (width<=700px){.room-now-playing:has(.room-queue-add) .room-selection-actions span{display:none}.cabin-room .room-now-playing:has(.room-queue-add) .room-selection-actions :is(button,a){padding:5px}}@media (width<=1000px),(height<=620px){.cabin-room .room-now-playing{height:72px}.cabin-room .room-now-playing .room-selection-copy>small{display:none}}@container (width<=520px){.room-now-playing .room-selection-actions span,.room-now-playing .room-selection-copy>small{display:none}.cabin-room .room-now-playing .room-selection-actions :is(button,a){padding:5px}}.turntable-room-tools{gap:3px;margin:0 0 9px;display:grid}.turntable-room-tools button{background:var(--px-surface-card);width:100%;min-height:30px;color:var(--px-ink);font:inherit;text-align:left;border:1px solid #8a5a3266;align-items:center;gap:8px;padding:5px 7px;font-size:12px;display:flex}.turntable-room-tools button:hover{background:var(--px-surface-3)}.turntable-room-tools button[aria-expanded=true],.turntable-room-tools button.is-active{background:var(--px-accent);color:var(--px-ink-on-accent)}.turntable-room-tools svg{flex:none}.cabin-room .shelf-filters{left:min(calc(var(--room-tools-right,304px) + 12px), calc(100% - min(700px, calc(100% - 28px)) - 14px))}.shelf-filters-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.shelf-filters-header button{background:var(--px-surface-3);border:1px solid var(--px-brass);color:var(--px-ink);padding:5px 10px}.room-turntable .turntable-console{overscroll-behavior:contain;overflow:auto}.room-turntable .turntable-audio-sliders{z-index:2;background:linear-gradient(#2a1a10,#24160f);margin:8px -12px -12px;padding:8px 12px 10px;position:sticky;bottom:-12px;box-shadow:0 -2px #8a5a3266}.room-turntable .turntable-source-chip{min-width:0;max-width:50%;min-height:var(--px-hit);white-space:nowrap;text-overflow:ellipsis;color:var(--px-ink-dim);background:var(--px-surface-2);border:2px solid var(--px-shadow);font:inherit;cursor:pointer;align-items:center;gap:4px;margin-left:auto;padding:0 6px;font-size:12px;display:inline-flex;overflow:hidden;box-shadow:inset 1px 1px #ffffff1c}.room-turntable .turntable-source-chip:hover{color:var(--px-ink-on-accent);background:var(--px-accent)}small.turntable-source-chip{cursor:default}.shelf-filter-wall{border-top:2px solid var(--px-border-subtle);color:var(--px-ink-dim);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.shelf-filter-wall button{min-height:var(--px-hit);background:var(--px-surface-3);border:2px solid var(--px-shadow);color:var(--px-ink);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.shelf-filter-wall button:hover{background:var(--px-accent);color:var(--px-ink-on-accent)}.player-controls{--pl-ink:var(--px-ink);--pl-dim:var(--px-ink-dim);--pl-accent:var(--px-accent);--pl-accent-2:var(--px-accent-2);--pl-surface:var(--px-surface);--pl-surface-2:var(--px-surface-2);--pl-border:var(--px-border);--pl-shadow:var(--px-shadow);--pl-warn:var(--px-warn);--pl-good:var(--px-good);--pl-unit:var(--px-unit);--pl-fast:var(--px-dur-fast);--pl-med:var(--px-dur-med);--pl-ease:var(--px-ease);font-family:var(--px-font-cn)}.player-controls .turntable-controls button{transition:transform var(--pl-fast) var(--pl-ease),background-color var(--pl-fast) var(--pl-ease)}.player-controls .turntable-controls button:not(:disabled):hover{transform:translateY(calc(var(--pl-unit) * -.5))}.player-controls .turntable-controls button:not(:disabled):active{transform:translateY(calc(var(--pl-unit) * .25))}.player-controls .turntable-toggle.is-busy{opacity:.85}.player-spin{animation:1s steps(8,end) infinite px-spin}.player-modes{gap:3px;margin-left:auto;display:inline-flex}.player-controls .turntable-controls .player-mode{min-width:32px;height:32px;font:inherit;color:var(--pl-dim);background:var(--pl-surface-2);padding:0 4px;font-size:12px;line-height:1;position:relative}.player-controls .turntable-controls .player-mode[aria-pressed=true],.player-controls .turntable-controls .player-mode[aria-expanded=true]{color:var(--pl-shadow);background:var(--pl-accent-2)}.player-mode b{min-width:14px;height:14px;color:var(--pl-shadow);background:var(--pl-accent);box-shadow:1px 1px 0 var(--pl-shadow);padding:0 3px;font-size:12px;line-height:14px;position:absolute;top:-6px;right:-6px}.player-queue{color:var(--pl-dim);background:var(--pl-surface);box-shadow:0 0 0 2px var(--pl-shadow),inset 2px 2px 0 var(--pl-border);animation:player-pop var(--pl-med) var(--pl-ease);margin-top:8px;padding:6px 8px;font-size:12px}.player-queue ol{gap:3px;max-height:64px;margin:0;padding:0 0 0 18px;display:grid;overflow:auto}.player-queue li{color:var(--pl-ink);align-items:center;gap:6px;display:flex}.player-queue li span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.player-queue li button{min-width:var(--px-hit);min-height:var(--px-hit);color:var(--pl-dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.player-queue li button:hover{color:var(--pl-warn)}.player-queue p{margin:0;line-height:1.5}.player-queue{scroll-margin-block:8px 52px}.player-queue-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.player-queue-header strong{font:inherit;color:var(--pl-ink)}.player-queue-header>button{border:1px solid var(--pl-border);background:var(--pl-surface);width:24px;height:24px;color:var(--pl-ink);cursor:pointer;place-items:center;padding:0;display:grid}.player-queue ol{min-width:0;overflow-x:hidden}.player-queue li{min-width:0}.player-queue li>img,.player-queue li>svg,.player-queue li>button{flex-shrink:0}.player-error{color:var(--pl-ink);background:color-mix(in srgb,var(--pl-warn) 22%,var(--pl-surface));box-shadow:0 0 0 2px var(--pl-shadow),inset 3px 0 0 var(--pl-warn);animation:player-pop var(--pl-med) var(--pl-ease);gap:6px;margin-top:8px;padding:6px 8px;font-size:12px;line-height:1.45;display:grid}.player-error-actions{gap:6px;display:flex}.player-error button{font:inherit;color:var(--pl-shadow);background:var(--pl-accent);box-shadow:2px 2px 0 var(--pl-shadow);cursor:pointer;border:0;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.player-error button+button{color:var(--pl-ink);background:var(--pl-surface-2)}.player-error button:active{box-shadow:1px 1px 0 var(--pl-shadow);transform:translate(1px,1px)}.player-volume{position:relative}.player-controls .player-mute{color:var(--pl-dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.player-controls .player-mute[aria-pressed=true]{color:var(--pl-warn)}@keyframes player-pop{0%{opacity:0;transform:translateY(var(--pl-unit))}}.file-import{border-top:2px dashed var(--px-border);gap:10px;margin-top:14px;padding-top:14px;display:grid}.file-import h3{font-family:var(--px-font-cn);color:var(--px-ink);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.file-import .add-local-actions{flex-wrap:wrap;gap:8px}.file-import-toggle{color:var(--px-ink-dim);cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.file-import-toggle input{accent-color:var(--px-accent)}.file-import-pixel{image-rendering:pixelated}.record-pixel-cover{background:var(--px-surface-2);box-shadow:0 0 0 2px var(--px-shadow),inset 2px 2px 0 var(--px-border);animation:player-pop var(--px-dur-med) var(--px-ease);gap:8px;padding:10px;display:grid}.record-pixel-cover img{aspect-ratio:1;width:100%;max-width:220px;image-rendering:pixelated;box-shadow:4px 4px 0 var(--px-shadow)}.record-pixel-cover small{color:var(--px-ink-dim);font-size:12px;line-height:1.5}.record-pixel-cover span{flex-wrap:wrap;gap:6px;display:flex}.player-queue-title{letter-spacing:.06em;color:var(--pl-dim);margin:4px 0 3px;font-size:12px;display:block}.player-queue-title:first-child{margin-top:0}.player-queue ol.player-queue-tracks{max-height:none;margin-bottom:4px;padding:0;list-style:none}.player-queue li button.player-queue-jump{width:100%;min-width:0;color:var(--pl-ink);text-align:left;font:inherit;align-items:center;gap:6px;padding:1px 2px;display:flex}.player-queue li button.player-queue-jump:hover{color:var(--pl-ink);background:#ffffff12}.player-queue-jump b{font-family:var(--px-font-en);color:var(--pl-dim);font-size:8px;font-weight:400}.player-queue-more{color:var(--pl-dim);margin:-2px 0 4px;font-size:12px;display:block}.player-queue ol.player-queue-albums{gap:5px;max-height:150px;padding:0;list-style:none}.player-queue-albums li{border-bottom:1px solid #ffffff12;padding:5px 0}.player-queue-albums img{object-fit:cover;border:1px solid var(--pl-border);width:28px;height:28px}.player-queue-albums strong,.player-queue-albums small{text-overflow:ellipsis;white-space:nowrap;font-weight:400;display:block;overflow:hidden}.player-queue-albums small{color:var(--pl-dim);font-size:12px}.player-queue-albums .player-queue-promote{font:inherit;white-space:nowrap;color:var(--pl-accent);font-size:12px}.player-queue-state{color:var(--pl-accent);padding:4px 0}.player-queue-notice{color:var(--pl-good);margin-top:5px;display:block}.room-turntable{--pk-body:#3d2717;--pk-body-hi:#6b4a30;--pk-body-lo:#1a0f08;--pk-ink:var(--px-ink);--pk-lcd:#1b140a;--pk-lcd-ink:#ffcf86;--pk-lcd-hi:#fff0c8;--pk-lcd-dim:#c08a4a;--pk-lcd-faint:#7d5a32;--pk-wheel:#e8d6b4;--pk-wheel-hi:#fff3dc;--pk-wheel-lo:#b39a74;--pk-wheel-ink:#4a3424;--pk-outline:var(--px-shadow);--pk-led:#ff9a4a;--pk-led-off:#4b2f1d;--pk-circle:polygon(62.5% 0%,62.5% 4.1667%,75% 4.1667%,75% 8.3333%,79.1667% 8.3333%,79.1667% 12.5%,83.3333% 12.5%,83.3333% 16.6667%,87.5% 16.6667%,87.5% 20.8333%,91.6667% 20.8333%,91.6667% 25%,95.8333% 25%,95.8333% 29.1667%,95.8333% 33.3333%,95.8333% 37.5%,100% 37.5%,100% 41.6667%,100% 45.8333%,100% 50%,100% 54.1667%,100% 58.3333%,100% 62.5%,95.8333% 62.5%,95.8333% 66.6667%,95.8333% 70.8333%,95.8333% 75%,91.6667% 75%,91.6667% 79.1667%,87.5% 79.1667%,87.5% 83.3333%,83.3333% 83.3333%,83.3333% 87.5%,79.1667% 87.5%,79.1667% 91.6667%,75% 91.6667%,75% 95.8333%,62.5% 95.8333%,62.5% 100%,37.5% 100%,37.5% 95.8333%,25% 95.8333%,25% 91.6667%,20.8333% 91.6667%,20.8333% 87.5%,16.6667% 87.5%,16.6667% 83.3333%,12.5% 83.3333%,12.5% 79.1667%,8.3333% 79.1667%,8.3333% 75%,4.1667% 75%,4.1667% 70.8333%,4.1667% 66.6667%,4.1667% 62.5%,0% 62.5%,0% 58.3333%,0% 54.1667%,0% 50%,0% 45.8333%,0% 41.6667%,0% 37.5%,4.1667% 37.5%,4.1667% 33.3333%,4.1667% 29.1667%,4.1667% 25%,8.3333% 25%,8.3333% 20.8333%,12.5% 20.8333%,12.5% 16.6667%,16.6667% 16.6667%,16.6667% 12.5%,20.8333% 12.5%,20.8333% 8.3333%,25% 8.3333%,25% 4.1667%,37.5% 4.1667%,37.5% 0%);--pk-circle-inner:polygon(62.5% 4.1667%,62.5% 8.3333%,75% 8.3333%,75% 12.5%,79.1667% 12.5%,79.1667% 16.6667%,83.3333% 16.6667%,83.3333% 20.8333%,87.5% 20.8333%,87.5% 25%,91.6667% 25%,91.6667% 29.1667%,91.6667% 33.3333%,91.6667% 37.5%,95.8333% 37.5%,95.8333% 41.6667%,95.8333% 45.8333%,95.8333% 50%,95.8333% 54.1667%,95.8333% 58.3333%,95.8333% 62.5%,91.6667% 62.5%,91.6667% 66.6667%,91.6667% 70.8333%,91.6667% 75%,87.5% 75%,87.5% 79.1667%,83.3333% 79.1667%,83.3333% 83.3333%,79.1667% 83.3333%,79.1667% 87.5%,75% 87.5%,75% 91.6667%,62.5% 91.6667%,62.5% 95.8333%,37.5% 95.8333%,37.5% 91.6667%,25% 91.6667%,25% 87.5%,20.8333% 87.5%,20.8333% 83.3333%,16.6667% 83.3333%,16.6667% 79.1667%,12.5% 79.1667%,12.5% 75%,8.3333% 75%,8.3333% 70.8333%,8.3333% 66.6667%,8.3333% 62.5%,4.1667% 62.5%,4.1667% 58.3333%,4.1667% 54.1667%,4.1667% 50%,4.1667% 45.8333%,4.1667% 41.6667%,4.1667% 37.5%,8.3333% 37.5%,8.3333% 33.3333%,8.3333% 29.1667%,8.3333% 25%,12.5% 25%,12.5% 20.8333%,16.6667% 20.8333%,16.6667% 16.6667%,20.8333% 16.6667%,20.8333% 12.5%,25% 12.5%,25% 8.3333%,37.5% 8.3333%,37.5% 4.1667%);--pk-button:polygon(75% 0%,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0% 75%,0% 25%,12.5% 25%,12.5% 12.5%,25% 12.5%,25% 0%)}.room-turntable .turntable-console{background:linear-gradient(180deg, #4a3020 0, var(--pk-body) 48px, #301e12 100%);box-shadow:0 0 0 2px var(--pk-outline), inset 2px 2px 0 var(--pk-body-hi), inset -2px -2px 0 var(--pk-body-lo), 6px 6px 0 #0d0805a6;border:0;border-image:;padding:10px 12px 12px}.room-turntable.is-drop-target .turntable-console{box-shadow:0 0 0 2px var(--px-accent), inset 2px 2px 0 var(--pk-body-hi), inset -2px -2px 0 var(--pk-body-lo), 6px 6px 0 #0d0805a6}.room-turntable .turntable-heading{letter-spacing:.04em;border-bottom:0;gap:6px;margin-bottom:6px;padding-bottom:2px}.room-turntable .turntable-heading>:first-child{white-space:nowrap;flex:none}.room-turntable .turntable-heading{container-type:inline-size}@container (width<=180px){.room-turntable .turntable-drag-handle>svg:last-of-type,.room-turntable .turntable-source-chip>span{display:none}}.room-turntable .turntable-heading>small{color:var(--pk-lcd-dim);background:#00000040;padding:1px 5px;box-shadow:inset 1px 1px #00000080}.room-turntable .pocket-screen{color:var(--pk-lcd-ink);background:repeating-linear-gradient(0deg, transparent 0 2px, #00000030 2px 3px), radial-gradient(120% 90% at 20% 0%, #ffb45a1f, transparent 60%), var(--pk-lcd);box-shadow:0 0 0 2px var(--pk-outline), 0 0 0 4px #5a3a24, 0 0 0 6px var(--pk-outline), inset 2px 2px 0 #0009, inset 0 0 0 1px #ffb45a1a;gap:6px;margin:2px 0 12px;padding:6px 8px 7px;display:grid;position:relative}.room-turntable .pocket-statusbar{color:var(--pk-lcd-dim);border-bottom:1px dashed #ffcf8633;justify-content:space-between;align-items:center;gap:6px;padding-bottom:4px;font-size:12px;line-height:12px;display:flex}.pocket-statusbar .pocket-state,.pocket-statusbar .pocket-flags{align-items:center;gap:4px;display:inline-flex}.pocket-statusbar .pocket-flags b{font:400 8px/12px var(--px-font-en);color:var(--pk-lcd-ink)}.pocket-statusbar .pocket-dot{background:var(--pk-lcd-faint);width:6px;height:6px}.pocket-screen[data-state=playing] .pocket-state{color:var(--pk-lcd-ink)}.pocket-screen[data-state=busy] .pocket-dot{background:var(--pk-lcd-ink);animation:.6s steps(2,end) infinite pocket-blink}.pocket-screen[data-state=error] .pocket-state{color:var(--px-warn)}.pocket-screen[data-state=error] .pocket-dot{background:var(--px-warn)}@keyframes pocket-blink{50%{opacity:.2}}.room-turntable .pocket-now{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;display:grid}.room-turntable .pocket-screen .turntable-record-art{background:0 0;border:0;width:88px;height:58px;margin:0;overflow:visible}.room-turntable .pocket-screen .turntable-sleeve{width:56px;height:56px;box-shadow:0 0 0 2px var(--pk-outline), 2px 2px 0 2px #00000080;background:#2a1b11;border:0;top:1px;left:0}.room-turntable .pocket-screen .turntable-record-art .custom-vinyl{width:52px;height:52px;top:3px;left:32px}.room-turntable .turntable-record-art .custom-vinyl.is-spinning{will-change:auto;animation:1.8s steps(8,end) infinite px-spin}.room-turntable .pocket-screen .turntable-needle{display:none}.room-turntable .pocket-screen .turntable-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.room-turntable .pocket-screen .turntable-track{color:var(--px-ink);text-shadow:0 0 6px #ffb45a40;white-space:nowrap;text-overflow:ellipsis;order:-1;margin:0;font-size:14px;font-weight:700;line-height:18px;overflow:hidden}.room-turntable .pocket-screen .turntable-track.is-hint{white-space:normal}.room-turntable .pocket-screen .turntable-copy>strong{color:var(--px-accent);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.room-turntable .pocket-screen .turntable-artist{color:var(--px-ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.room-turntable .pocket-screen .turntable-artist em{color:var(--px-accent);font-style:normal}.room-turntable .pocket-screen .turntable-status{-webkit-line-clamp:2;color:var(--px-ink-faint);-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:14px;display:-webkit-box;overflow:hidden}.turntable-status .turntable-quality{color:var(--px-accent-2);border:1px solid var(--px-accent-2);margin:0 2px;padding:0 4px;font-size:12px;line-height:13px;display:inline-block}.pocket-screen[data-state=error] .turntable-status{color:#f0a080}.room-turntable .pocket-progress{gap:2px;display:grid}.room-turntable .pocket-progress input[type=range]{width:100%;height:12px;margin:0}.room-turntable .pocket-progress input[type=range]::-webkit-slider-runnable-track{background:repeating-linear-gradient(90deg, transparent 0 3px, var(--pk-lcd) 3px 4px), linear-gradient(90deg, var(--pk-lcd-ink) var(--player-progress,0%), #ffcf8626 var(--player-progress,0%));border:0;height:6px;box-shadow:0 0 0 1px #ffcf8640}.room-turntable .pocket-progress input[type=range]::-moz-range-track{background:#ffcf8626;border:0;height:6px}.room-turntable .pocket-progress input[type=range]::-moz-range-progress{background:var(--pk-lcd-ink);height:6px}.room-turntable .pocket-progress input[type=range]::-webkit-slider-thumb{background:var(--pk-lcd-hi);width:4px;height:10px;box-shadow:0 0 0 1px var(--pk-outline);margin-top:-2px}.room-turntable .pocket-progress input[type=range]::-moz-range-thumb{border:1px solid var(--pk-outline);background:var(--pk-lcd-hi);width:4px;height:10px}.room-turntable .pocket-progress small{font:400 8px/11px var(--px-font-en);color:var(--pk-lcd-dim);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.room-turntable .pocket-deck{grid-template-columns:32px 32px minmax(0,1fr);align-items:center;gap:10px 6px;margin:0;display:grid;container-type:inline-size}.room-turntable .pocket-deck>.pocket-wheel{grid-area:1/1/auto/-1;justify-self:center}.room-turntable .pocket-deck>.pocket-keys{display:contents}.room-turntable .pocket-wheel{--wh:120px;width:var(--wh);height:var(--wh);filter:drop-shadow(-2px 0 0 var(--pk-outline)) drop-shadow(2px 0 0 var(--pk-outline)) drop-shadow(0 -2px 0 var(--pk-outline)) drop-shadow(0 2px 0 var(--pk-outline)) drop-shadow(0 2px 0 var(--pk-outline));position:relative}.room-turntable .pocket-wheel:before,.room-turntable .pocket-wheel:after{content:"";clip-path:var(--pk-circle);position:absolute}.room-turntable .pocket-wheel:before{background:linear-gradient(135deg, var(--px-accent-hi) 0 4px, #c98d4c 4px 14%, var(--px-accent-lo) 40%, #7a4f26 100%);inset:0}.room-turntable .pocket-wheel:after{clip-path:var(--pk-circle-inner);background:radial-gradient(circle at 50% 50%, #1f130b 0 calc(var(--wh) * .25), #120a05 calc(var(--wh) * .25) calc(var(--wh) * .25 + 1px), transparent calc(var(--wh) * .25 + 1px)), linear-gradient(180deg, var(--px-surface-3), var(--px-surface));inset:0}.room-turntable .pocket-wheel .pocket-wheel-key{z-index:1;width:40px;height:24px;color:var(--px-ink-dim);box-shadow:none;font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:12px;line-height:1;transition:color 90ms steps(2,end);display:grid;position:absolute}.room-turntable .pocket-wheel .pocket-wheel-key:disabled{color:#8a6c4c;cursor:default}.room-turntable .pocket-wheel .pocket-wheel-key:hover:not(:disabled){color:var(--px-accent-hi);background:0 0;translate:none}.room-turntable .pocket-wheel .pocket-wheel-key:active:not(:disabled){background:0 0;translate:0 1px}.room-turntable .pocket-wheel .is-top{left:calc(var(--wh) / 2 - 20px);color:var(--px-ink-faint);top:5px}.room-turntable .pocket-wheel .is-bottom{left:calc(var(--wh) / 2 - 20px);bottom:5px}.room-turntable .pocket-wheel .is-left{left:5px;top:calc(var(--wh) / 2 - 12px);width:24px}.room-turntable .pocket-wheel .is-right{right:5px;top:calc(var(--wh) / 2 - 12px);width:24px}.room-turntable .pocket-wheel .is-top b{letter-spacing:0;min-width:13px;height:13px;color:var(--px-bg);background:var(--px-accent);box-shadow:1px 1px 0 var(--pk-outline);padding:0 3px;font-size:12px;line-height:13px;position:absolute;top:-3px;right:-4px}.room-turntable .pocket-wheel .is-top[aria-expanded=true]{color:var(--px-accent-hi)}.room-turntable .pocket-wheel .pocket-center{z-index:1;left:calc(var(--wh) / 2 - 24px);top:calc(var(--wh) / 2 - 24px);width:48px;height:48px;clip-path:var(--pk-button);color:var(--px-bg);background:var(--px-accent);box-shadow:inset 2px 2px 0 var(--px-accent-hi), inset -2px -2px 0 var(--px-accent-lo);border:0;place-items:center;padding:0;transition:none;display:grid;position:absolute}.room-turntable .pocket-wheel .pocket-center:hover:not(:disabled){background:#eab877;translate:none}.room-turntable .pocket-wheel .pocket-center.is-playing,.room-turntable .pocket-wheel .pocket-center:active:not(:disabled){box-shadow:inset 2px 2px 0 var(--px-accent-lo), inset -2px -2px 0 var(--px-accent-hi);translate:none}.room-turntable .pocket-wheel .pocket-center:disabled{opacity:.6}.room-turntable .pocket-wheel .pocket-center.is-busy{opacity:1}.room-turntable .turntable-controls .pocket-key{width:32px;min-width:0;height:32px;color:var(--px-ink-dim);background:var(--px-surface-2);border:2px solid var(--px-border);box-shadow:2px 2px 0 var(--pk-outline);cursor:pointer;grid-row:2;place-items:center;margin:0;padding:0;transition:border-color 90ms steps(2,end);display:grid;position:relative}.room-turntable .pocket-keys .pocket-key:first-child{grid-column:1}.room-turntable .pocket-keys .pocket-key:nth-child(2){grid-column:2}.room-turntable .turntable-controls .pocket-key svg{width:14px;height:14px}.room-turntable .turntable-controls .pocket-key small{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room-turntable .turntable-controls .pocket-key .pocket-led{background:var(--px-surface-3);width:4px;height:4px;position:absolute;top:2px;right:2px}.room-turntable .turntable-controls .pocket-key[aria-pressed=true]{color:var(--px-accent-hi);border-color:var(--px-accent);box-shadow:inset 2px 2px 0 #090503, 2px 2px 0 var(--pk-outline);translate:none}.room-turntable .turntable-controls .pocket-key[aria-pressed=true] .pocket-led{background:var(--px-good)}.room-turntable .turntable-controls .pocket-key:hover:not(:disabled){border-color:var(--px-border-hi);translate:none}.room-turntable .turntable-controls .pocket-key[aria-pressed=true]:hover:not(:disabled){border-color:var(--px-accent-hi)}.room-turntable .turntable-controls .pocket-key:active:not(:disabled){translate:0 1px}.room-turntable .pocket-track{min-width:0;color:var(--px-ink-dim);grid-area:2/3;align-items:stretch;gap:0;margin:0;font-size:12px;display:flex}.room-turntable .pocket-track span{width:40px;height:32px;color:var(--px-ink);background:var(--px-surface-3);border:2px solid var(--px-border);border-right:0;flex:none;place-items:center;padding:0;font-size:12px;line-height:1;display:grid}.room-turntable .pocket-track select{min-width:0;height:32px;color:var(--pk-ink);border:2px solid var(--px-border);font:inherit;font-variant-numeric:tabular-nums;flex:1;margin:0;font-size:12px}@container (width<=220px){.room-turntable .pocket-track{grid-area:3/1/auto/-1}}.room-turntable .turntable-audio-sliders.pocket-volume{background:linear-gradient(#342114,#24160f);margin:10px -12px -12px;padding:8px 12px 10px;display:block;box-shadow:0 -2px #00000059}.room-turntable .pocket-volume .player-volume{color:var(--px-ink-dim);align-items:center;gap:6px;font-size:12px;display:flex}.room-turntable .pocket-volume input[type=range]{flex:1;min-width:0}.room-turntable .pocket-screen{container-type:inline-size}@container (width<=230px){.room-turntable .pocket-now{grid-template-columns:56px minmax(0,1fr)}.room-turntable .pocket-screen .turntable-record-art{width:56px}.room-turntable .pocket-screen .turntable-record-art .custom-vinyl{display:none}}@media (width<=1300px),(height<=800px){.room-turntable .pocket-wheel{--wh:104px}}@media (height<=700px),(width<=700px){.room-turntable .pocket-screen .turntable-record-art{display:none}.room-turntable .pocket-now{grid-template-columns:minmax(0,1fr)}}.room-turntable .turntable-console{max-height:min(74vh,600px)}@media (height<=760px){.room-turntable .turntable-console{max-height:calc(100vh - 212px)}.room-turntable .pocket-screen{margin-bottom:6px}.room-turntable .pocket-deck{row-gap:8px}}.room-turntable .pocket-wheel .pocket-wheel-key svg{width:16px;height:16px}.focus-face{grid-template-columns:minmax(0,100%);justify-items:center;gap:8px;width:100%;display:grid}.focus-face-fit{place-items:center;width:100%;min-width:0;height:168px;display:grid}.focus-face-canvas{image-rendering:pixelated;display:block}.focus-face-caption{font:400 12px/1.4 var(--px-font-cn);color:var(--px-ink-dim);font-variant-numeric:tabular-nums;margin:0}.focus-face.is-thumb .focus-face-fit{width:128px;height:84px}.focus-face.is-dock .focus-face-fit{height:auto;max-height:clamp(168px,100vh - 640px,246px)}.focus-face.is-wallpaper .focus-face-fit{width:clamp(220px,20vw,380px);height:clamp(100px,11vw,176px)}.focus-face:is(.is-widget,.is-wallpaper,.is-full) .focus-face-canvas{filter:drop-shadow(4px 4px 0 var(--px-shadow))}.face-picker{border-top:2px dashed var(--px-border-subtle);gap:10px;margin-top:16px;padding-top:14px;display:grid}.face-picker header{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.face-picker header strong{color:var(--px-ink);font-size:14px}.face-picker header small{min-width:200px;color:var(--px-ink-dim);flex:1;font-size:12px}.face-picker-reset{font:inherit;color:var(--px-ink);background:var(--px-surface-2);border:2px solid var(--px-border);cursor:pointer;padding:3px 9px;font-size:12px}.face-grid{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:8px;display:grid}.face-grid button{font:inherit;color:var(--px-ink-dim);background:var(--px-surface-inset);border:2px solid var(--px-border-subtle);box-shadow:var(--px-shadow-inset);cursor:pointer;transition:border-color var(--px-dur-fast) steps(2, end), color var(--px-dur-fast) steps(2, end);justify-items:center;gap:6px;padding:8px 6px 7px;font-size:12px;display:grid}.face-grid button:hover{color:var(--px-ink);border-color:var(--px-border-hi)}.face-grid button[aria-checked=true]{color:var(--px-ink);border-color:var(--px-accent);box-shadow:inset 0 0 0 2px var(--px-shadow), 2px 2px 0 var(--px-accent-lo)}.face-grid button[aria-checked=true] span:before{content:"";vertical-align:1px;background:var(--px-accent);width:6px;height:6px;margin-right:6px;display:inline-block}.face-picker-options{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.face-picker-label{color:var(--px-ink-dim);font-size:12px}.face-show{display:inline-flex}.face-show button{min-height:var(--px-hit);font:inherit;color:var(--px-ink-dim);background:var(--px-surface-2);border:2px solid var(--px-border);cursor:pointer;margin-left:-2px;padding:2px 10px;font-size:12px}.face-show button:first-child{margin-left:0}.face-show button[aria-checked=true]{color:var(--px-ink-on-accent);background:var(--px-accent);box-shadow:inset 2px 2px 0 var(--px-accent-hi), inset -2px -2px 0 var(--px-accent-lo)}.face-switch{color:var(--px-ink-dim);align-items:center;gap:2px;padding:0 6px 4px 10px;font-size:12px;display:flex}.face-switch-title{margin-right:6px}.face-switch strong{text-align:center;min-width:6em;color:var(--px-ink);white-space:nowrap;font-weight:400}.face-switch button{min-width:var(--px-hit);min-height:var(--px-hit);font:inherit;color:var(--px-ink-dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;display:inline-flex}.face-switch button:hover{color:var(--px-ink)}.face-switch .face-switch-full{color:var(--px-ink);background:var(--px-surface-2);border:2px solid var(--px-border);margin-left:auto;padding:0 8px}.focus-display{z-index:85;cursor:default;background:radial-gradient(ellipse 38% 34% at 50% 44%, color-mix(in srgb, var(--scene-accent) 14%, transparent) 0 62%, color-mix(in srgb, var(--scene-accent) 7%, transparent) 62% 100%, transparent 100%), radial-gradient(ellipse 72% 66% at 50% 44%, #0d0805ad 0 44%, #0d0805c4 44% 62%, #0d0805db 62% 80%, #0d0805ed 80%);animation:face-display-in var(--px-dur-med) steps(3, end) both;outline:none;place-items:center;display:grid;position:fixed;inset:0}.focus-display[data-face=minimal]{background:radial-gradient(72% 66% at 50% 44%,#0d0805cc 0 50%,#0d0805de 50% 74%,#0d0805f0 74%)}.focus-display.is-idle{cursor:none}.focus-display-stage{justify-items:center;gap:18px;display:grid;translate:0 -3vh}.focus-face.is-full .focus-face-fit{width:min(86vw,1500px);height:60vh}.focus-face.is-full .focus-face-caption{color:var(--px-ink);text-shadow:2px 2px 0 var(--px-shadow);letter-spacing:.04em;font-size:24px}.focus-display-note{white-space:nowrap;text-overflow:ellipsis;max-width:80vw;font:400 16px/1.4 var(--px-font-body);color:var(--px-ink-dim);text-shadow:2px 2px 0 var(--px-shadow);margin:0;overflow:hidden}.focus-display-flash{font:400 24px/1.3 var(--px-font-cn);color:var(--px-ink);background:var(--px-surface-hud);border:2px solid var(--px-border);box-shadow:var(--px-shadow-2);pointer-events:none;margin:0;padding:6px 16px;animation:1.5s steps(6,end) both face-flash;position:absolute;top:9vh;left:50%;translate:-50%}.focus-display-bar{background:var(--px-surface-hud);border:2px solid var(--px-border);max-width:calc(100vw - 24px);box-shadow:var(--px-shadow-2);align-items:center;gap:0;transition:opacity .16s steps(3,end);display:flex;position:absolute;bottom:24px;left:50%;translate:-50%}.focus-display.is-idle .focus-display-bar:not(:focus-within){opacity:0}.focus-display-bar>button{height:32px;font:inherit;white-space:nowrap;color:var(--px-ink-dim);background:var(--px-surface-2);border:0;border-left:2px solid var(--px-border);cursor:pointer;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.focus-display-bar>button:first-child{border-left:0}.focus-display-bar>button:hover{color:var(--px-ink);background:var(--px-surface-3)}.focus-display-bar .face-show{border-left:2px solid var(--px-border)}.focus-display-bar .face-show button{border:0;height:32px;margin:0}:root.room-focus-display .immersive-exit{visibility:hidden}@media (width<=720px){.focus-display-bar .face-show,.focus-display-bar .face-tabs{display:none}.focus-face.is-full .focus-face-fit{height:46vh}}@keyframes face-display-in{0%{opacity:0}}@keyframes face-flash{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}.cabin-scene.room-scene[data-sky=live]{transition:--sky-top 3s steps(6,end),--sky-horizon 3s steps(6,end),--sky-glow 3s steps(6,end),--sky-ambient 3s steps(6,end),--sky-shade 3s steps(6,end),--sky-light 3s steps(6,end)}.cabin-sky-window{pointer-events:none;background:var(--sky-horizon) linear-gradient(180deg,var(--sky-top) 0 17%,color-mix(in oklab,var(--sky-top) 80%,var(--sky-horizon)) 17% 34%,color-mix(in oklab,var(--sky-top) 60%,var(--sky-horizon)) 34% 50%,color-mix(in oklab,var(--sky-top) 40%,var(--sky-horizon)) 50% 66%,color-mix(in oklab,var(--sky-top) 20%,var(--sky-horizon)) 66% 83%,var(--sky-horizon) 83%) 0 0/100% calc(var(--sky-h,.7) * 100%) no-repeat;position:absolute}.cabin-scene[data-weather=starry] .cabin-sky-window{--sky-top:#0b1030;--sky-horizon:#1a2244}.cabin-sky-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.cabin-window-weather{pointer-events:none;position:absolute;inset:0}.cabin-weather-canvas,.cabin-land-canvas{image-rendering:pixelated;display:block;position:absolute}.cabin-land-canvas{mix-blend-mode:soft-light}.cabin-daylight,.cabin-nightshade{pointer-events:none;position:absolute;inset:0}.cabin-daylight{mix-blend-mode:soft-light;background:linear-gradient(115deg,var(--sky-glow) 0%,var(--sky-ambient) 45%,transparent 75%)}.cabin-nightshade{mix-blend-mode:multiply;background:radial-gradient(ellipse 42% 58% at var(--lamp-x,88%) var(--lamp-y,70%),transparent 22%,var(--sky-shade) 100%)}.cabin-scene[data-room-look=forest]{--lamp-x:80%;--lamp-y:52%}.cabin-scene[data-room-look=starlight]{--lamp-x:81%;--lamp-y:52%}.cabin-scene[data-room-look=seaside]{--lamp-x:10%;--lamp-y:12%}.room-cat{aspect-ratio:1;z-index:9;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 3px #1a0f0866);background:0 0;border:0;width:clamp(96px,8.5vw,168px);padding:0;position:absolute;bottom:118px;left:25%}.cabin-scene.room-scene .room-cat{width:max(64px,round(nearest,128px * var(--scene-k,1),32px))}.cabin-scene[data-room-look=pixel],.cabin-scene[data-room-look=warm]{--scene-floor:880}.cabin-scene[data-room-look=night-study]{--scene-floor:1000}.cabin-scene:is([data-room-look=forest],[data-room-look=seaside],[data-room-look=starlight]){--scene-floor:900}.room-scene .room-cat:has(>.room-cat-bubble){z-index:var(--z-room-pet,22);pointer-events:none}.room-scene button.room-cat:has(>.room-cat-bubble):after{content:"";pointer-events:auto;position:absolute;inset:30% 18% 4%}.room-cat .pixel-cat{width:100%;height:100%;image-rendering:pixelated;display:block}.room-cat:focus-visible{outline-offset:3px;outline:2px solid #ffe2a8}.room-cat-bubble{white-space:nowrap;color:#3b2a20;pointer-events:none;background:#fff7e6;border:2px solid #3b2a20;padding:5px 9px;font-size:clamp(10px,.8vw,14px);line-height:1.2;animation:.18s ease-out bubble-pop;position:absolute;bottom:100%;left:50%;translate:-50% -4px;box-shadow:3px 3px #3b2a2066}.room-cat-bubble:after{content:"";background:#fff7e6;border-bottom:2px solid #3b2a20;border-right:2px solid #3b2a20;width:8px;height:8px;position:absolute;top:100%;left:50%;translate:-50% -4px;rotate:45deg}@keyframes bubble-pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.room-zen:not(.room-zen-tools) .app-titlebar,.room-zen:not(.room-zen-tools) .cabin-room .room-now-playing,.room-zen:not(.room-zen-tools) .room-shelf-navigation,.room-zen:not(.room-zen-tools) .cabin-room .cabin-toolbar>:not(.zen-keep),.room-zen:not(.room-zen-tools) .shelf-filters{display:none!important}.room-zen:not(.room-zen-tools) .cabin-room .cabin-toolbar{background:#27180d99;top:14px;left:auto;right:16px}.room-zen:not(.room-zen-tools) .room-turntable{opacity:.08;transition:opacity .3s}.room-zen:not(.room-zen-tools) .room-turntable:hover,.room-zen:not(.room-zen-tools) .room-turntable:focus-within{opacity:1}.room-focus-open .room-shelf-navigation{display:none}.cabin-toolbar-group{align-items:center;gap:8px;display:flex}.music-local{gap:8px;margin-top:14px;display:grid}.music-local h3,.music-local p{margin:0}.music-local-folders{gap:5px;margin:0;padding:0;list-style:none;display:grid}.music-local-folders li{border:1px solid #ad80534d;border-radius:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.music-local-folders span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.music-local-actions{flex-wrap:wrap;gap:8px;display:flex}.music-local-actions button{align-items:center;gap:6px;display:inline-flex}.music-local-status{opacity:.8;font-size:12px}.local-music-import{gap:8px;display:grid}.local-music-import h3{align-items:center;gap:8px;display:flex}.local-album-list{gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.local-album-list li{border:1px solid #ad80534d;border-radius:0;align-items:center;gap:10px;padding:6px;display:flex}.local-album-list img,.local-album-placeholder{object-fit:cover;background:#0002;border-radius:0;flex:none;place-items:center;width:40px;height:40px;display:grid}.local-album-list li>span:not(.local-album-placeholder){flex:1;min-width:0;display:grid}.local-album-list strong,.local-album-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.turntable-collect{align-items:center;gap:5px;font-size:12px;display:inline-flex!important}.turntable-record-art{cursor:pointer;background:#1c160f;border:1px solid #795737;width:100%;height:104px;margin:8px 0 10px;padding:0;display:block;position:relative;overflow:hidden}.turntable-sleeve{z-index:2;background:#a3794e;border:2px solid #2a1b13;place-items:center;width:78px;height:78px;display:grid;position:absolute;top:12px;left:calc(50% - 74px);box-shadow:3px 3px #0007}.turntable-sleeve img{object-fit:cover;width:100%;height:100%}.turntable-record-art .custom-vinyl{border-radius:50%;width:86px;height:86px;position:absolute;top:8px;left:calc(50% - 12px)}.turntable-record-art .custom-vinyl.is-spinning{will-change:transform;animation:5s steps(8,end) infinite px-spin}.turntable-needle{transform-origin:top;background:#d5bd91;border:1px solid #38251b;width:5px;height:49px;position:absolute;top:14px;right:9px;transform:rotate(24deg);box-shadow:2px 2px #0008}.turntable-needle:after{content:"";background:#ddd0ac;border:1px solid #38251b;width:10px;height:6px;position:absolute;bottom:-2px;left:-3px}.player-visual-note{opacity:.7;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:16px}:root[data-desktop-reduce-motion=true] .turntable-record-art .custom-vinyl{animation:none}@media (prefers-reduced-motion:reduce){.turntable-record-art .custom-vinyl{animation:none}}@media (height<=700px){.turntable-record-art{height:76px}.turntable-sleeve{width:56px;height:56px;top:8px;left:calc(50% - 53px)}.turntable-record-art .custom-vinyl{width:62px;height:62px;top:5px}.turntable-needle{height:35px}}.listening-room{color:var(--px-ink)}.cabin-toolbar{justify-content:flex-end;align-items:center;display:flex}.cabin-toolbar>span{color:#dfbc91;align-items:center;gap:8px;font-size:13px;display:flex}.cabin-scene.room-scene{isolation:isolate;background:#4a2a13;min-height:0}.cabin-scene-art{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cabin-rack.room-rack{width:100%;height:100%;box-shadow:none;z-index:2;background:0 0;border:0;min-width:0;max-width:none;padding:0;position:absolute;top:0;bottom:auto;left:0;transform:none}.cabin-rack .room-rack-grid{width:100%;height:100%;display:block;position:relative}.cabin-rack .room-record-slot{background:linear-gradient(115deg,#22180e,#3e2815);min-width:0;min-height:0;position:absolute;box-shadow:inset 0 0 0 1px #130b05,inset 3px 4px #130b0544}.cabin-rack .room-record{width:100%;height:100%;box-shadow:none;background:0 0;border:0;padding:0;display:block;position:relative;transform:none}.cabin-rack .room-record.is-selected{z-index:3}.showroom-artwork{aspect-ratio:1;background:#25221d;width:100%;height:100%;display:block;position:relative;overflow:hidden}.showroom-artwork img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.showroom-art-placeholder{text-align:center;color:#d3c5ad;place-content:center;gap:10px;height:100%;padding:12px;display:grid}.showroom-art-placeholder strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.cabin-rack .showroom-artwork{background:#1c1711}.pixel-artwork canvas{width:100%;height:100%;image-rendering:pixelated;display:none;position:absolute;inset:0}.pixel-artwork canvas.is-painted{display:block}.cabin-empty-slot{background:color-mix(in srgb,var(--scene-accent,var(--px-accent)) 14%,var(--px-surface-inset));box-shadow:inset 4px 8px 0 #0000005c,inset -2px -4px 0 color-mix(in srgb,var(--scene-accent,var(--px-accent)) 22%,transparent);color:var(--px-ink-faint);place-content:center;justify-items:center;gap:7px;font-size:12px;transition:color .12s steps(2,end);display:grid;position:absolute;inset:0}.cabin-empty-slot>*{opacity:.95;transition:opacity .12s steps(2,end)}.cabin-empty-slot:hover{color:var(--px-ink-dim)}.cabin-empty-slot:hover>*{opacity:1}.cabin-empty-slot svg{width:clamp(16px,2vw,30px);height:auto}.cabin-scene .room-empty{text-align:center;z-index:4;position:absolute}.room-empty p{color:#f4d1a2}.room-empty button{padding:10px 16px}@media (width<=800px){.cabin-scene .room-empty{font-size:12px}}@keyframes cabin-scene-reveal{0%{opacity:.35}to{opacity:1}}.cabin-scene-art{animation:.28s steps(4,end) cabin-scene-reveal}.cabin-room,.cabin-scene.room-scene,.cabin-rack .room-record-slot,.ambient-life,.cabin-atmosphere,.wallpaper-room{overflow:clip}.cabin-scene.room-scene{overscroll-behavior:none}.cabin-scene.room-scene:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, transparent calc(var(--scene-x) - 16px), #0d080540 calc(var(--scene-x) - 16px) calc(var(--scene-x) - 8px), #0d080580 calc(var(--scene-x) - 8px) var(--scene-x), transparent var(--scene-x) calc(var(--scene-x) + 1448px * var(--scene-k)), #0d080580 calc(var(--scene-x) + 1448px * var(--scene-k)) calc(calc(var(--scene-x) + 1448px * var(--scene-k)) + 8px), #0d080540 calc(calc(var(--scene-x) + 1448px * var(--scene-k)) + 8px) calc(calc(var(--scene-x) + 1448px * var(--scene-k)) + 16px), transparent calc(calc(var(--scene-x) + 1448px * var(--scene-k)) + 16px));position:absolute;inset:0}.cabin-scene-canvas{transition:left .24s steps(4,end),top .24s steps(4,end),width .24s steps(4,end),height .24s steps(4,end)}.cabin-rack .room-record-slot{isolation:isolate;--shelf-lip:#734821;--shelf-lip-light:#a27340}.cabin-rack .room-record-slot:after{content:"";z-index:5;pointer-events:none;background:var(--shelf-lip);height:3.2%;min-height:2px;box-shadow:inset 0 1px 0 var(--shelf-lip-light), 0 -1px 0 #120b0688;position:absolute;inset:auto 0 0}.cabin-scene[data-room-look=forest] .room-record-slot{--shelf-lip:#666747;--shelf-lip-light:#939270}.cabin-scene[data-room-look=seaside] .room-record-slot{--shelf-lip:#9a7b53;--shelf-lip-light:#c1a77a}.cabin-scene[data-room-look=starlight] .room-record-slot{--shelf-lip:#575063;--shelf-lip-light:#8c7f96}.cabin-rack .room-record:is(:hover,:active,:focus-visible,.is-selected){outline:none}.room-record-sleeve{z-index:2;aspect-ratio:1;pointer-events:none;width:90%;transition:translate var(--px-dur-fast) steps(2, end);background:#d8c8a9;border:1px solid #18120cb3;position:absolute;bottom:2%;left:5%;box-shadow:2px 2px #130d08a6,0 2px #0d080580}.room-record-sleeve:after{content:"";z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px #fff5d533,inset -1px -1px #130b0555}.cabin-rack .room-record:hover .room-record-sleeve{translate:0 round(calc(-4px * var(--scene-k,.5)), 1px)}.cabin-rack .room-record.is-selected .room-record-sleeve{outline:2px solid var(--px-accent-hi);outline-offset:1px}.cabin-rack .room-record:focus-visible .room-record-sleeve{outline-offset:2px;outline:2px dashed #fff7df}.cabin-rack .room-record:active .room-record-sleeve{transition-duration:0s;translate:0 1px}@media (prefers-reduced-motion:reduce){.cabin-rack .room-record:hover .room-record-sleeve{translate:none}}html[data-desktop-reduce-motion=true] .cabin-rack .room-record:hover .room-record-sleeve{translate:none}.cabin-empty-slot{opacity:.55;transition:opacity var(--px-dur-med) var(--px-ease)}.room-record-slot:hover .cabin-empty-slot{opacity:.8}.cabin-room .room-shelf-navigation{background:#27170bf0;border:2px solid #d4a46b88;box-shadow:4px 4px #0d0805aa}.cabin-room .room-shelf-navigation button{background:#7c542d;border:2px solid #deb57055}.cabin-night-study .room-shelf-navigation{right:auto;left:calc(var(--scene-x) + 812px * var(--scene-k));top:calc(var(--scene-y) + 471px * var(--scene-k));transition:left .24s steps(4,end),top .24s steps(4,end);translate:-100% -50%}.room-zen:not(.room-zen-tools) .room-turntable{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--px-dur-med) steps(3, end), visibility 0s linear var(--px-dur-med)}.room-zen:not(.room-zen-tools) .room-turntable:focus-within,.room-zen[data-console-near=true] .room-turntable,html.room-zen[data-console-near=true] .room-turntable{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--px-dur-med) steps(3, end), visibility 0s}.cabin-rack .room-record-tag{z-index:4;font:400 12px/12px var(--px-font-cn);color:var(--px-ink-on-accent);background:var(--px-accent);box-shadow:-2px -2px 0 var(--px-shadow);pointer-events:none;padding:2px 4px;position:absolute;bottom:0;right:0}.cabin-room{position:absolute;inset:0}.cabin-room .cabin-stage-wrap{background:#38200f;position:absolute;inset:0}.cabin-scene.room-scene{aspect-ratio:auto;width:100%;max-width:none;height:100%;margin:0;position:absolute;inset:0}.cabin-scene-canvas{pointer-events:none;position:absolute}.cabin-scene-canvas .cabin-rack{pointer-events:none}.cabin-scene-canvas .room-record{pointer-events:auto}.cabin-scene-art{object-fit:fill;width:100%;height:100%}.cabin-rack .room-record{animation:.23s steps(3,end) shelf-arrive}@keyframes shelf-arrive{0%{opacity:.35;translate:0 20%}to{opacity:1;translate:0}}.cabin-room .cabin-toolbar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cabin-room .room-selection-copy h2{white-space:nowrap;text-overflow:ellipsis;margin:3px 0;overflow:hidden}.cabin-room .room-selection-copy p{font-size:12px}.cabin-room .room-selection-actions button,.cabin-room .room-selection-actions a{white-space:nowrap;margin:0}.room-shelf-navigation{z-index:12;color:#f7dbb0;justify-items:center;gap:9px;padding:10px;font-size:12px;display:grid;position:absolute;top:45%;right:18px}.room-shelf-navigation button{color:#ffe1af;place-items:center;padding:7px;display:grid}.room-shelf-navigation button:disabled{opacity:.3}.room-shelf-navigation small{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.1em;font-size:12px}.wallpaper-error{z-index:26;overflow-wrap:anywhere;color:#ffe0bd;background:#471f14ed;border:2px solid #e6ae67;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:absolute;top:132px;left:25%;right:20px}.wallpaper-error button{min-width:24px;min-height:24px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;font-size:20px}.room-turntable{z-index:10;color:#ffe9c6;isolation:isolate;width:clamp(200px,20vw,340px);position:absolute;bottom:17%;left:2.5%}.cabin-pixel .room-turntable{image-rendering:pixelated}.turntable-side-cabinet{z-index:1;position:relative}.turntable-console{position:relative}.turntable-heading{color:#d9b981;justify-content:space-between;align-items:center;font-size:12px;display:flex}.turntable-heading>span{align-items:center;gap:7px;display:flex}.turntable-copy{min-width:0}.turntable-copy>strong,.turntable-artist,.turntable-track{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.turntable-artist{margin-top:4px}.turntable-status{max-height:48px;overflow:auto}.turntable-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.turntable-controls button{color:#ffe4b7;background:#644225;border:1px solid #cfaa6660;place-items:center;padding:7px;display:grid}.turntable-controls button:disabled{opacity:.3}.turntable-controls .turntable-toggle{color:#291b0b;background:#dcbb7d;padding:9px}.turntable-controls select{text-overflow:ellipsis;color:#ffe4b7;background-color:#332311;border:1px solid #caa26966;flex-basis:100%;width:100%;min-width:0;padding:7px;font-size:12px;overflow:hidden}.turntable-audio-sliders{color:#cfae7d;gap:5px;margin-top:10px;font-size:12px;display:grid}.turntable-audio-sliders label{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.turntable-audio-sliders input{accent-color:#d5b575;flex:1;width:60%;min-width:0;height:12px}.turntable-audio-sliders small{text-align:right;flex-basis:100%;font-size:12px}.turntable-matches{gap:4px;max-height:180px;margin-top:10px;display:grid;overflow:auto}.turntable-matches button{text-align:left;color:#ffe2b4;background:#513720;border:1px solid #cfaa6650;padding:7px 8px}.turntable-matches button strong{font-size:12px;font-weight:500;display:block}.turntable-matches button span{color:#c2a17a;font-size:12px;display:block}@media (width<=1300px){.room-turntable{width:22%;min-width:185px;left:1.5%}.room-shelf-navigation{right:8px}}@media (width<=700px){.room-shelf-navigation small{display:none}}@media (height<=750px){.room-turntable{width:18%;min-width:165px;bottom:19%}.turntable-controls button,.turntable-controls select{padding:5px}.room-shelf-navigation small{display:none}.turntable-console{scrollbar-width:thin;scrollbar-color:#b48753 #352518}.turntable-console>*{max-width:100%}.turntable-status{overflow-wrap:anywhere}}@media (height<=700px){.turntable-audio-sliders{gap:2px}.turntable-status{max-height:28px}}.turntable-drag-handle{color:inherit;font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;display:flex}.room-turntable[data-moving=true] .turntable-drag-handle{cursor:grabbing}.wallpaper-room{color:#ffe9c6;background:#38200f;position:fixed;inset:0}.wallpaper-room .room-turntable{bottom:17%}.wallpaper-caption{color:#f5d8a6;text-shadow:2px 2px 0 var(--px-shadow);letter-spacing:.05em;font-size:14px;position:absolute;bottom:24px;left:25%;right:24px}.music-accounts{align-content:start;display:grid}.music-accounts-intro,.music-accounts-saved{color:var(--px-ink-dim);margin:0 0 4px;font-size:12px;line-height:1.7}.music-account{border-bottom:2px solid var(--px-border-subtle);align-items:center;gap:8px;padding:12px 0;display:flex}.music-account>span{flex:1;gap:4px;min-width:0;display:grid}.music-account strong{font:400 12px/16px var(--px-font-cn);-webkit-font-smoothing:none}.music-account small{color:var(--px-ink-dim);font-size:12px}.music-accounts form>p,.music-platform-note,.music-accounts details>p{color:var(--px-ink-dim);font-size:12px;line-height:1.7}.music-accounts select{background-color:var(--px-surface-2);border:2px solid var(--px-border);color:var(--px-ink);padding:8px}.music-accounts>p[role=status]{color:var(--px-good);font-size:12px}.room-drag-record{pointer-events:none;width:96px;height:96px;position:fixed;top:0;left:-1000px}.room-drag-record>.custom-vinyl{width:100%;height:100%;position:absolute;inset:0}.room-drag-record>.room-drag-label{border-radius:50%;position:absolute;inset:35%;overflow:hidden}.record-library-controls{color:var(--px-ink);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0 20px;display:flex}.record-library-controls>label{align-items:center;gap:8px;font-size:12px;display:flex}.record-library-controls select{min-width:115px;max-width:220px;padding:4px 28px 4px 10px}.record-library-controls>button,.record-tools-button{min-height:var(--px-hit);border:2px solid var(--px-shadow);background:var(--px-surface-2);color:inherit;font:400 12px/16px var(--px-font-cn);-webkit-font-smoothing:none;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.record-library-controls>small{width:100%;color:var(--px-ink-faint);font-size:12px}.record-filter-count{color:var(--px-ink-dim);font-size:12px}.record-tools-button{margin-top:8px}.shelf-filters .record-library-controls{background:var(--px-surface);padding:16px 28px}.record-dialog .cabin-dialog-body{scrollbar-width:thin;scrollbar-color:var(--px-border) transparent}.record-dialog button:not(.cabin-dialog-close){min-height:var(--px-hit);border:2px solid var(--px-shadow);background:var(--px-surface-2);color:var(--px-ink);cursor:pointer;font:400 12px/16px var(--px-font-cn);-webkit-font-smoothing:none;transition:background-color var(--px-dur-fast) steps(2,end);justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d}.record-dialog button:not(.cabin-dialog-close):hover:not(:disabled){background:var(--px-surface-3)}.record-dialog button:not(.cabin-dialog-close):active:not(:disabled){transition-duration:0s;translate:1px 1px;box-shadow:inset 2px 2px #0000004d}.record-dialog-intro{color:var(--px-ink-dim);margin:4px 0 20px;font-size:14px;line-height:1.6}.record-dialog-intro strong{color:var(--px-ink)}.record-dialog form>label{gap:8px;margin:14px 0;font-size:14px;display:grid}.record-dialog input:not([type=checkbox]):not([type=range]):not([type=color]){width:100%;min-width:0;padding:6px 12px;font-size:14px}.record-dialog input[type=color]{border:2px solid var(--px-border);background:var(--px-surface-inset);width:64px;height:32px;box-shadow:var(--px-shadow-inset);cursor:pointer;padding:2px}.record-dialog input[type=range]{width:100%}.record-dialog input[type=checkbox]{flex-shrink:0;width:16px;height:16px}.record-dialog small{color:var(--px-ink-dim);font-size:12px}.record-dialog footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.record-error{color:var(--px-warn);margin:12px 0;font-size:14px}.record-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.record-style-preview{--rec:240px;width:calc(var(--rec) * 1.6);max-width:100%;height:var(--rec);isolation:isolate;position:relative}.record-style-disc{left:calc(var(--rec) * .6);width:var(--rec);height:var(--rec);image-rendering:pixelated;position:absolute;top:0}.record-style-cover{width:var(--rec);height:var(--rec);object-fit:cover;z-index:2;border:2px solid var(--px-shadow);box-shadow:var(--px-shadow-2);position:absolute;top:0;left:0}@media (width<=1000px),(height<=700px){.record-style-preview{--rec:192px}}.record-style-fields{gap:10px;display:grid}.record-style-fields>label:not(.record-checkbox){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.record-style-fields>label>input[type=range]{flex-basis:100%}.record-style-fields select{padding:4px 28px 4px 10px;font-size:14px}.record-checkbox{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;display:flex}.record-box-membership{border:2px solid var(--px-border-subtle);flex-wrap:wrap;gap:14px;margin:16px 0;padding:14px;display:flex}.record-box-membership legend{font:400 12px/16px var(--px-font-cn);-webkit-font-smoothing:none;color:var(--px-ink-dim);padding:0 4px}.record-box-membership p{color:var(--px-ink-dim);margin:0;font-size:14px}.record-new-box,.record-rename{gap:8px;margin:12px 0;display:flex}.record-new-box button,.record-rename button{white-space:nowrap}.record-box-manager-grid{grid-template-columns:190px minmax(0,1fr);gap:20px;display:grid}.record-box-manager nav{align-content:start;gap:8px;max-height:470px;display:grid;overflow:auto}.record-box-manager nav>button{text-align:left;justify-content:flex-start;min-width:0}.record-dialog .record-box-manager nav>button[aria-pressed=true]{background:var(--px-surface-3);border-color:var(--px-accent);color:var(--px-accent-hi)}.record-box-manager nav>button span{overflow-wrap:anywhere;flex:1}.record-box-manager nav>p,.record-box-manager section>p{color:var(--px-ink-dim);font-size:14px}.record-box-batch{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.record-box-albums{gap:4px;max-height:330px;display:grid;overflow:auto}.record-box-albums>label{background:var(--px-surface-card);padding:8px}.record-box-albums img,.record-box-sleeve{object-fit:cover;image-rendering:auto;flex:none;width:44px;height:44px}.record-box-albums label>span{gap:4px;min-width:0;display:grid}.record-box-albums strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.record-delete-box{color:var(--px-warn);margin-top:14px}.record-delete-confirm{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.record-palette-presets{flex-wrap:wrap;gap:8px;display:flex}.record-dialog .record-palette-presets button{flex-direction:column;gap:4px;padding:6px 10px}.record-dialog .record-palette-presets button[aria-pressed=true]{border-color:var(--px-accent-hi);background:var(--px-surface-3)}.record-palette-presets .pixel-record{width:48px;height:48px;image-rendering:pixelated;display:block}.record-mix-description{line-height:1.6}.record-preview-column{justify-items:center;gap:14px;display:grid}.record-style-preview.is-disc-only .record-style-cover{visibility:hidden}.record-style-preview.is-disc-only .record-style-disc{left:calc(var(--rec) * .3)}.custom-vinyl{isolation:isolate;background:radial-gradient(circle at 30% 25%,#ffffff18,transparent 40%),var(--vinyl-base,#241a0f);opacity:var(--vinyl-alpha,1);border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24,2px 2px #0d080580}.vinyl-splatter{width:100%;height:100%;color:var(--vinyl-splash,#e8bc74);position:absolute;inset:0}.vinyl-grooves{background:repeating-radial-gradient(circle,#0000 0 1.3px,#00000040 1.3px 1.7px,#ffffff0c 1.7px 2px),conic-gradient(from 35deg,#ffffff05,#ffffff16 12%,#0000 27%,#00000036 49%,#ffffff13 72%,#0000 85%);border-radius:50%;position:absolute;inset:0}.vinyl-label{background:radial-gradient(circle at 25% 25%,#f5e3b8,#bf9a6a);border-radius:50%;position:absolute;inset:35%;box-shadow:0 0 0 5px #0b0804,0 0 0 6px #0008}.vinyl-hole{background:#21180e;border-radius:50%;width:4%;height:4%;position:absolute;top:48%;left:48%;box-shadow:0 0 0 2px #ffffff30}.cabin-rack .custom-vinyl{z-index:0;width:84%;height:84%;position:absolute;top:8%;right:-8%}.cabin-rack .showroom-artwork{z-index:2}.cabin-rack .room-record{isolation:isolate}@media (width<=700px){.record-dialog{padding:18px}.record-editor-grid{grid-template-columns:1fr;gap:20px}.record-style-preview{margin:auto}.record-box-manager-grid{grid-template-columns:1fr}.record-box-manager nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:120px}.record-library-controls select{max-width:165px}.record-library-controls{gap:10px}.shelf-filters .record-library-controls{padding:14px 18px}}}@layer skin{.room-scene .room-cat{--cat-floor:var(--cat-floor-scene,118px);left:var(--cat-x,25%);bottom:var(--cat-floor);transform-origin:50% 100%}.room-zen:not(.room-zen-tools) .room-scene .room-cat,.wallpaper-room .room-scene .room-cat{--cat-floor:var(--cat-floor-scene,28px)}.room-scene .room-cat[data-perch=console]{bottom:var(--cat-bottom);z-index:21}.app-brand strong,.cabin-dialog-header h2,.record-card-copy h3,.room-selection-copy h2,.turntable-copy>strong,.turntable-heading,.room-empty>p,.pixel-button,.cabin-room .cabin-toolbar button,.room-selection-actions button,.room-selection-actions a,.dialog-tabs button,.segmented button,.room-cat-bubble,.app-toast,.room-shelf-navigation,.focus-badge,.cabin-scene .room-empty button,.turntable-controls button,.backup-stats dt,.record-card-kicker,.room-selection-copy small,.app-brand small,.scene-choice strong,.pet-choice strong{font-family:var(--px-font-cn);letter-spacing:0;-webkit-font-smoothing:none;font-weight:400}.pixel-button,.cabin-room .cabin-toolbar button,.room-selection-actions button,.room-selection-actions a,.dialog-tabs button,.segmented button,.app-toast,.room-cat-bubble,.room-shelf-navigation,.turntable-controls button,.turntable-heading,.turntable-copy>strong,.app-brand small,.room-selection-copy small,.record-card-kicker,.backup-stats dt,.scene-choice strong,.pet-choice strong{font-size:12px;line-height:16px}.app-brand strong,.cabin-dialog-header h2,.room-selection-copy h2,.room-empty>p{font-size:24px;line-height:28px}.record-card-copy h3{font-size:24px;line-height:30px}.room-selection-copy p,.turntable-artist,.turntable-track{font-family:var(--px-font-body)}.turntable-heading>small{font:400 12px/16px var(--px-font-cn);letter-spacing:0}.pixel-button,.room-selection-actions button,.room-selection-actions a,.cabin-scene .room-empty button,.add-manual>.pixel-button,.record-card-tools .record-tools-button,.record-card-tools .discogs-link{box-shadow:inset 2px 2px 0 #ffffff1f, inset -2px -2px 0 #0000004d, var(--px-shadow-2);transition:translate var(--px-dur-fast) steps(2, end), box-shadow var(--px-dur-fast) steps(2, end), background-color var(--px-dur-fast) steps(2, end), filter var(--px-dur-fast) steps(2, end)}.pixel-button:hover:not(:disabled),.room-selection-actions button:hover,.room-selection-actions a:hover,.cabin-scene .room-empty button:hover,.record-card-tools .record-tools-button:hover,.record-card-tools .discogs-link:hover{box-shadow:inset 2px 2px 0 #ffffff29, inset -2px -2px 0 #0000004d, 4px 6px 0 var(--px-shadow);filter:brightness(1.06);translate:0 -2px}.pixel-button:active:not(:disabled),.room-selection-actions button:active,.room-selection-actions a:active,.cabin-scene .room-empty button:active,.record-card-tools .record-tools-button:active,.record-card-tools .discogs-link:active{box-shadow:inset 2px 2px 0 #0000004d, inset -2px -2px 0 #ffffff14, 1px 1px 0 var(--px-shadow);transition-duration:0s;translate:2px 2px}.pixel-button.is-primary,.cabin-scene .room-empty button:not(.room-welcome-focus){color:var(--px-ink-on-accent);background:var(--px-accent);border-color:var(--px-accent-hi);box-shadow:inset 2px 2px 0 var(--px-accent-hi), inset -2px -2px 0 var(--px-accent-lo), var(--px-shadow-2)}.pixel-button.is-primary:hover:not(:disabled){box-shadow:inset 2px 2px 0 #fff0cc, inset -2px -2px 0 var(--px-accent-lo), 4px 6px 0 var(--px-shadow)}.cabin-room .room-selection-actions .room-open-album{color:var(--px-ink-on-accent);background:var(--scene-accent);border-color:color-mix(in srgb, var(--scene-accent) 55%, #fff);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--scene-accent) 55%, #fff), inset -2px -2px 0 color-mix(in srgb, var(--scene-accent) 65%, #000), var(--px-shadow-2)}.cabin-room .room-selection-actions .room-open-album:hover{box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--scene-accent) 40%, #fff), inset -2px -2px 0 color-mix(in srgb, var(--scene-accent) 65%, #000), 4px 6px 0 var(--px-shadow)}.pixel-button.is-quiet{box-shadow:none}.pixel-button.is-quiet:hover:not(:disabled){box-shadow:var(--px-shadow-1)}.cabin-toolbar-group{border:4px solid #0000;border-image:var(--px-frame-img-quiet) 2 / 4px stretch;background-clip:padding-box;background-color:var(--px-surface-hud);box-shadow:var(--px-shadow-2);padding:2px}.cabin-toolbar-group:has(>.focus-badge.is-running){border-image-source:var(--px-frame-img-accent)}.cabin-room .cabin-toolbar button.is-on>svg{color:var(--px-good)}.cabin-room .cabin-toolbar button{transition:background-color var(--px-dur-fast) steps(2, end), color var(--px-dur-fast) steps(2, end), translate var(--px-dur-fast) steps(2, end)}.cabin-room .cabin-toolbar button:hover:not(:disabled){color:var(--px-ink);background:#ffd99c1f;translate:0 -1px}.cabin-room .cabin-toolbar button:active:not(:disabled){transition-duration:0s;translate:0 1px}.cabin-room .cabin-toolbar button svg,.pixel-button svg{shape-rendering:crispedges}.cabin-room .room-now-playing,.shelf-filters,.cabin-scene .room-empty,.cabin-dialog,.record-dialog{border:6px solid #0000;border-image:var(--px-frame-img) 2 / 6px stretch;background-clip:padding-box}.cabin-dialog,.record-dialog{box-shadow:var(--px-shadow-3)}.cabin-dialog-header{background:linear-gradient(var(--px-surface-3), var(--px-surface-2));border-bottom:2px solid var(--px-shadow);box-shadow:inset 0 -2px 0 var(--px-border)}.cabin-dialog-close,.desktop-controls button{transition:background-color var(--px-dur-fast) steps(2, end), color var(--px-dur-fast) steps(2, end)}:is(.cabin-dialog,.record-dialog)::backdrop{background:#0d0805b8}.cabin-dialog[open],.record-dialog[open]{animation:px-dialog-in var(--px-dur-med) var(--px-ease) both}@keyframes px-dialog-in{0%{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0;scale:1}}.dialog-tabs button{transition:color var(--px-dur-fast) steps(2, end), border-color var(--px-dur-fast) steps(2, end)}.dialog-tabs button:hover{color:var(--px-ink)}.segmented button{transition:background-color var(--px-dur-fast) steps(2, end), color var(--px-dur-fast) steps(2, end)}.segmented button[aria-checked=true]{box-shadow:inset 2px 2px 0 var(--px-accent-hi), inset -2px -2px 0 var(--px-accent-lo)}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) :is(select,textarea),:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) input:is([type=text],[type=search],[type=number],[type=date],[type=url]),:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) input:not([type]){appearance:none;background-color:var(--px-surface-inset);min-height:32px;color:var(--px-ink);border:2px solid var(--px-border);box-shadow:var(--px-shadow-inset);transition:border-color var(--px-dur-fast) steps(2, end)}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) :is(select,textarea,input:is([type=text],[type=search],[type=number],[type=date],[type=url],:not([type]))):hover{border-color:var(--px-border-hi)}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) :is(select,textarea,input:is([type=text],[type=search],[type=number],[type=date],[type=url],:not([type]))):focus-visible{border-color:var(--px-accent-hi)}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) :is(select,textarea,input:is([type=text],[type=search],[type=number],[type=date],[type=url],:not([type]))):disabled{opacity:.5;cursor:default}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) :is(textarea,input:is([type=text],[type=search],[type=number],[type=date],[type=url],:not([type])))::placeholder{color:var(--px-ink-faint);opacity:1}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' shape-rendering='crispEdges'%3E%3Cpath fill='%23e0ad69' d='M0 0h10v2H8v2H6v2H4V4H2V2H0z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:28px}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) option{background:var(--px-surface);color:var(--px-ink)}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(.cabin-room,.cabin-dialog,.record-dialog,.focus-dock,.album-wall-overlay) input[type=date]::-webkit-calendar-picker-indicator{filter:invert(72%)sepia(40%)saturate(600%)hue-rotate(345deg);opacity:.9;cursor:pointer}.cabin-room .pocket-track select{min-height:0}.album-wall-overlay .wall-search>label>input{box-shadow:none;background:0 0;border:0}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:16px}input[type=range]::-webkit-slider-runnable-track{background:var(--px-shadow);border:2px solid var(--px-border);height:6px;box-shadow:inset 0 2px #00000080}input[type=range]::-moz-range-track{background:var(--px-shadow);border:2px solid var(--px-border);height:6px}input[type=range]::-moz-range-progress{background:var(--px-accent);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--px-accent);width:10px;height:14px;box-shadow:inset 2px 2px 0 var(--px-accent-hi), inset -2px -2px 0 var(--px-accent-lo), 0 0 0 2px var(--px-shadow);transition:translate var(--px-dur-fast) steps(2, end);border:0;margin-top:-6px}input[type=range]::-moz-range-thumb{border:2px solid var(--px-shadow);background:var(--px-accent);width:10px;height:14px}input[type=range]:hover::-webkit-slider-thumb{translate:0 -1px}input[type=range]:disabled{opacity:.45;cursor:default}input[type=checkbox],input[type=radio]{accent-color:var(--px-accent)}.cabin-scene[data-scene-scale=down] .cabin-scene-art{image-rendering:auto}.room-cat-bubble,.app-toast{border:4px solid #0000;border-image:var(--px-frame-img-paper) 2 / 4px stretch;background:var(--px-paper);color:var(--px-paper-ink);box-shadow:var(--px-shadow-1);background-clip:padding-box}.room-cat-bubble:after{content:"";background:linear-gradient(var(--px-paper-ink) 0 0) 2px 0 / 4px 2px no-repeat, linear-gradient(var(--px-paper-ink) 0 0) 2px 2px / 4px 2px no-repeat, linear-gradient(var(--px-paper) 0 0) 2px -2px / 4px 2px no-repeat;border:0;width:8px;height:6px;position:absolute;top:100%;left:50%;translate:-50% 2px;rotate:0deg}.app-toast.is-error{color:var(--px-warn);box-shadow:inset 4px 0 0 var(--px-warn), var(--px-shadow-1)}.app-toast{animation:px-toast-in var(--px-dur-med) var(--px-ease) both}@keyframes px-toast-in{0%{opacity:0;translate:-50% 12px}to{opacity:1;translate:-50%}}.room-cat-bubble{translate:calc(-50% + var(--bubble-dx,0px)) calc(-4px + var(--bubble-dy,0px));transition:translate var(--px-dur-fast) steps(2, end)}.room-cat-bubble[data-side=left]:after,.room-cat-bubble[data-side=right]:after{background:linear-gradient(var(--px-paper-ink) 0 0) 0 2px / 2px 4px no-repeat, linear-gradient(var(--px-paper-ink) 0 0) 2px 2px / 2px 4px no-repeat;width:6px;height:8px;top:50%;translate:0 -50%}.room-cat-bubble[data-side=right]:after{left:-10px}.room-cat-bubble[data-side=left]:after{left:calc(100% + 4px)}.room-cat-bubble:not([data-side=left]):not([data-side=right]):after{left:calc(50% - var(--bubble-dx,0px))}.scene-choice,.pet-choice{box-shadow:var(--px-shadow-2);transition:translate var(--px-dur-fast) steps(2, end), border-color var(--px-dur-fast) steps(2, end), box-shadow var(--px-dur-fast) steps(2, end);border:2px solid #8a5a3299}.scene-choice:hover,.pet-choice:hover{border-color:var(--px-accent);box-shadow:4px 6px 0 var(--px-shadow);translate:0 -2px}.scene-choice:active,.pet-choice:active{box-shadow:var(--px-shadow-1);transition-duration:0s;translate:1px 1px}.scene-choice[aria-pressed=true],.pet-choice[aria-pressed=true]{border-color:var(--px-accent-hi);box-shadow:0 0 0 2px var(--px-shadow), var(--px-shadow-2);background:#e0ad6914}.scene-choice>img{image-rendering:pixelated}.music-local-folders li{border-radius:0}@media (prefers-reduced-motion:reduce){.pixel-button:hover:not(:disabled),.cabin-room .cabin-toolbar button:hover:not(:disabled),.scene-choice:hover,.pet-choice:hover{translate:none}}html[data-desktop-reduce-motion=true] :is(.pixel-button:hover:not(:disabled),.cabin-room .cabin-toolbar button:hover:not(:disabled),.scene-choice:hover,.pet-choice:hover){translate:none}}@layer overrides{:root.room-focus-display .cabin-stage-wrap,:root.room-focus-display .cabin-stage-wrap *{animation-play-state:paused}:root.room-focus-display .room-now-playing{visibility:hidden}html[data-perf=low] .ambient-mote:nth-child(odd){display:none}html[data-perf=low] .ambient-shaft{opacity:var(--shaft,0);animation:none}html[data-perf=low] .scene-deck-notes{display:none}html[data-perf=low] .scene-deck-glow{transition:none}html[data-perf=low] .desktop-widget{background:color-mix(in srgb, var(--px-bg) 94%, transparent)}html[data-perf=low] .corner-pool:after{transition:none}}.focus-face-art{line-height:0;display:inline-block;position:relative}.record-now{pointer-events:none;position:absolute;inset:0}.record-now-disc{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.record-now-disc:focus-visible{outline:2px dashed var(--px-accent-hi);outline-offset:2px}.record-now-label{box-shadow:0 0 0 2px var(--px-shadow);image-rendering:pixelated;border-radius:50%;display:block;overflow:hidden}.record-now-label>img,.record-now-label>.record-sleeve,.record-now-label canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.record-now.is-playing .record-now-label{animation:1.8s steps(12,end) infinite record-now-spin}.record-now-skip{aspect-ratio:1;width:8%;min-width:28px;color:var(--px-ink);background:var(--px-surface-hud);border:2px solid var(--px-border);box-shadow:var(--px-shadow-2);opacity:0;cursor:pointer;pointer-events:auto;place-items:center;padding:0;transition:opacity .12s steps(2,end);display:grid;position:absolute}.record-now:hover .record-now-skip,.record-now-skip:focus-visible{opacity:1}.record-now-caption{white-space:nowrap;text-overflow:ellipsis;text-align:center;font:400 24px/1.4 var(--px-font-cn);color:var(--px-ink);text-shadow:2px 2px 0 var(--px-shadow);margin:10px 0 0;line-height:1.4;position:absolute;top:100%;left:0;right:0;overflow:hidden}.record-now-caption span{color:var(--px-ink-dim)}.focus-display-offer{background:var(--px-surface-hud);border:2px solid var(--px-border);box-shadow:var(--px-shadow-2);align-items:center;gap:0;display:flex;position:absolute;top:12vh;left:50%;translate:-50%}.focus-display-offer strong{font:400 12px/34px var(--px-font-cn);color:var(--px-ink);padding:0 12px}.focus-display-offer button{height:34px;font:inherit;color:var(--px-ink);background:var(--px-surface-2);border:0;border-left:2px solid var(--px-border);cursor:pointer;align-items:center;gap:5px;padding:0 12px;font-size:12px;display:inline-flex}.focus-display-offer button:hover{background:var(--px-surface-3)}.focus-display-bar .face-tabs{border-left:2px solid var(--px-border)}.focus-display-bar .face-tabs button{border:0;height:32px;margin:0}@media (prefers-reduced-motion:reduce){.record-now.is-playing .record-now-label{animation:none}}:root[data-desktop-reduce-motion=true] .record-now.is-playing .record-now-label{animation:none}@keyframes record-now-spin{to{rotate:1turn}}.focus-display-bar .face-tabs,.focus-display-bar .face-show{flex:none;display:inline-flex}.focus-display-bar .face-tabs button,.focus-display-bar .face-show button{white-space:nowrap;padding:0 8px}@media (width<=1100px){.focus-display-bar .face-show{display:none}}@property --sky-top{syntax:"<color>";inherits:true;initial-value:#0b1030}@property --sky-horizon{syntax:"<color>";inherits:true;initial-value:#1a2244}@property --sky-glow{syntax:"<color>";inherits:true;initial-value:#0000}@property --sky-ambient{syntax:"<color>";inherits:true;initial-value:#0000}@property --sky-shade{syntax:"<color>";inherits:true;initial-value:#0000}@property --sky-light{syntax:"<number>";inherits:true;initial-value:0}