:root{color:#f4efe4;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4efe4;--muted:#f4efe48f;--faint:#f4efe41f;--line:#f4efe429;--orange:#e75c38;--orange-bright:#f26c45;--green:#1ed760;--glass:#141512b3;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;background:#10110f;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#10110f;min-width:320px}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #f5c9a3}button:disabled{cursor:default;opacity:.25}.app-shell{isolation:isolate;background:#10110f;width:100%;height:100%;position:relative}.scene-layer{z-index:0;position:absolute;inset:0}.record-canvas{transition:filter .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.record-canvas.is-inspecting{filter:blur(12px)brightness(.38)saturate(.7);transform:scale(1.035)}.scene-vignette{z-index:1;pointer-events:none;background:linear-gradient(#070807cc 0%,#0000 20% 71%,#070807bd 100%),radial-gradient(circle at 50% 47%,#0000 34%,#05060580 100%);position:absolute;inset:0}.noise{z-index:2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:10;height:76px;padding:max(16px, env(safe-area-inset-top)) 26px 10px;background:linear-gradient(#0b0c0ab8,#0000);border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;align-items:center;gap:11px;padding:0;display:inline-flex}.brand-record{background:radial-gradient(circle,#0000 0 3px,#ffffff80 3.5px 4px,#0000 4.5px 9px,#ffffff29 9.5px 10px,#0000 10.5px),#171815;border:1px solid #ffffff8c;border-radius:50%;flex:none;width:34px;height:34px;position:relative}.brand-record:after{content:"";background:var(--orange);z-index:-1;border-radius:2px;width:7px;position:absolute;top:4px;bottom:4px;right:-3px}.brand-record span{background:var(--orange);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:.15em;font-size:17px;line-height:1}.brand small{color:var(--muted);font-family:var(--mono);letter-spacing:.16em;font-size:7px}.library-status{color:#f4efe494;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);letter-spacing:.13em;background:#10110f6b;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:8px;display:flex}.live-dot,.demo-dot{border-radius:50%;width:6px;height:6px}.live-dot{background:var(--green);box-shadow:0 0 10px #1ed76099}.demo-dot{background:#e7ad5b}.status-divider{background:#ffffff29;width:1px;height:10px;margin:0 2px}.account-actions{justify-self:end;align-items:center;gap:8px;display:flex}.connect-button{color:#121310;cursor:pointer;letter-spacing:.12em;background:#f3eee3;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:0 16px;font-size:9px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.connect-button:hover{background:#fffdf6;transform:translateY(-1px)}.spotify-logo-mini{color:var(--green);font-size:18px;line-height:0}.profile-menu-shell{pointer-events:auto;position:relative}.profile-chip{min-height:37px;color:inherit;cursor:pointer;background:#0e0f0d80;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:9px;padding:3px 12px 3px 4px;font-family:inherit;font-size:10px;transition:border-color .16s,background .16s;display:flex}.profile-chip:hover,.profile-chip.is-open{background:#20221ed6;border-color:#ffffff3d}.profile-menu-chevron{color:#f4efe480;transition:transform .16s}.profile-chip.is-open .profile-menu-chevron{transform:rotate(180deg)}.profile-menu{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f100ef5;border:1px solid #ffffff24;border-radius:12px;width:184px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 34px #0006}.profile-menu button{appearance:none;color:#f4efe4c7;cursor:pointer;min-height:36px;font-family:var(--mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:8px;display:flex}.profile-menu button:hover,.profile-menu button:focus-visible{color:#fffdf6;background:#ffffff14;outline:none}.profile-menu button:disabled{color:#f4efe44d;cursor:wait}.profile-menu button:disabled:hover{background:0 0}.settings-dialog{z-index:60;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.settings-dialog-shade{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050605ad;position:absolute;inset:0}.settings-dialog-panel{background:#111210f7;border:1px solid #ffffff24;border-radius:18px;width:min(430px,100vw - 32px);padding:22px;position:relative;box-shadow:0 28px 70px #0000008c,inset 0 1px #ffffff0f}.settings-dialog-options{gap:12px;display:grid}.settings-dialog-panel header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.settings-dialog-panel header span{color:#f4efe461;font-family:var(--mono);letter-spacing:.16em;margin-bottom:6px;font-size:7px;display:block}.settings-dialog-panel h2{color:#fffdf6;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:500}.settings-room-status{font-family:var(--mono);letter-spacing:.11em;border-bottom:1px solid #ffffff17;gap:10px;margin:-5px 0 18px;padding-bottom:18px;display:grid}.settings-room-status-source{align-items:center;gap:8px;display:flex}.settings-room-status-source i{flex:none}.settings-room-status-source strong{color:#f4efe4d1;font-size:8px}.settings-room-status-items{color:#f4efe475;flex-wrap:wrap;gap:7px 16px;font-size:7px;display:flex}.settings-room-status-items span{white-space:nowrap}.settings-dialog-close{appearance:none;color:#f4efe4a6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.settings-dialog-close:hover{color:#fffdf6;background:#ffffff17}.settings-option{cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:12px;align-items:flex-start;gap:13px;padding:15px;display:flex}.settings-option:hover{background:#ffffff0e;border-color:#ffffff29}.settings-option input{width:17px;height:17px;accent-color:var(--green);cursor:pointer;flex:none;margin:1px 0 0}.settings-option>span{gap:5px;display:grid}.settings-option strong{color:#fffdf6eb;font-size:11px;font-weight:600}.settings-option small{color:#f4efe480;font-size:9px;line-height:1.55}.settings-option-select{cursor:default}.settings-option-select select{appearance:none;color:#fffdf6e6;width:100%;font:inherit;letter-spacing:.04em;cursor:pointer;background-color:#ffffff0a;background-image:linear-gradient(45deg,#0000 50%,#f4efe48c 50%),linear-gradient(135deg,#f4efe48c 50%,#0000 50%),none;background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px),0 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1f;border-radius:8px;margin-top:4px;padding:9px 12px;font-size:10px;font-weight:600}.settings-option-select select:disabled{cursor:not-allowed;opacity:.45}.settings-option-select select option{color:#fffdf6;background:#141512}.import-status-chip{color:#ffdca8d1;min-height:30px;font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;background:#231a0c99;border:1px solid #e7ad5b3d;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:7px;display:inline-flex}.import-status-chip i{background:#e7ad5b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #e7ad5b75}.import-status-chip strong{color:#ffefd6f0;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:8px}.import-status-chip.is-ready{color:#aef2c6d1;background:#0a231494;border-color:#1ed76033}.import-status-chip.is-ready i{background:var(--green);box-shadow:0 0 8px #1ed7607a}.import-status-chip.is-error{color:#ffbbafd6;background:#2a0e0b9e;border-color:#e1634e47}.import-status-chip.is-error i{background:#e1634e;box-shadow:0 0 8px #e1634e73}.profile-chip img,.avatar-fallback{object-fit:cover;border-radius:50%;width:28px;height:28px}.avatar-fallback{background:#39433b;place-items:center;font-size:11px;font-weight:700;display:grid}.icon-button{border:1px solid var(--line);cursor:pointer;background:#1213119e;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:background .18s,border-color .18s,transform .18s;display:inline-grid}.icon-button:hover{background:#272824d6;border-color:#ffffff57;transform:rotate(3deg)}.bin-navigation{z-index:10;align-items:center;gap:14px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.round-control{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161714b8;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .16s,background .16s;display:grid}.round-control:not(:disabled):hover{background:#30312ce0;transform:scale(1.06)}.bin-readout{flex-direction:column;align-items:center;gap:2px;min-width:144px;display:flex}.bin-readout span{color:var(--muted);font-family:var(--mono);letter-spacing:.15em;font-size:7px}.bin-readout strong{font-family:var(--mono);letter-spacing:.09em;font-size:11px;font-weight:500}.bin-readout i{color:#ffffff40;margin:0 7px;font-style:normal}.bin-readout small{color:#e7ad5b9e;font-family:var(--mono);letter-spacing:.1em;margin-top:3px;font-size:5px}.current-record{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111210ad;border:1px solid #ffffff1c;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;width:min(360px,100vw - 52px);padding:11px 12px 11px 14px;display:grid;position:absolute;bottom:26px;left:26px;box-shadow:0 18px 50px #00000038}.record-number{color:var(--paper);font-family:var(--mono);font-size:20px}.record-number span{color:var(--muted);margin-top:1px;font-size:8px;display:block}.record-copy{min-width:0}.record-copy>span{color:#f4efe46b;font-family:var(--mono);letter-spacing:.16em;margin-bottom:3px;font-size:6px;display:block}.record-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;display:block;overflow:hidden}.record-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:8px;overflow:hidden}.record-copy i{padding:0 3px;font-style:normal}.current-record>button{cursor:pointer;height:31px;font-family:var(--mono);letter-spacing:.08em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:7px;display:inline-flex}.current-record>button:hover{background:#ffffff1f}.flip-controls{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1213109e;border:1px solid #ffffff1a;border-radius:999px;flex-direction:column;align-items:center;gap:10px;width:52px;padding:10px 7px;display:flex;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.flip-controls>button{cursor:pointer;background:#ffffff0e;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:38px;height:48px;padding:0;display:flex}.flip-controls>button:not(:disabled):hover{color:#fff;background:#ffffff21}.flip-controls button span,.flip-meter>span{font-family:var(--mono);letter-spacing:.08em;font-size:6px}.flip-meter{min-height:70px;color:var(--muted);flex-direction:column;align-items:center;gap:7px;display:flex}.flip-meter div{flex-direction:column;gap:3px;display:flex}.flip-meter i{background:#fff3;border-radius:50%;width:3px;height:3px}.flip-meter i.passed{background:var(--orange-bright);box-shadow:0 0 5px #f26c4573}.interaction-hint{z-index:9;color:#f4efe459;font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:5px;font-size:6px;display:flex;position:absolute;bottom:29px;right:26px}.interaction-hint i{background:#ffffff21;width:1px;height:13px;margin:0 6px}.keycap{color:#ffffffa6;background:#ffffff0b;border:1px solid #ffffff24;border-radius:4px;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.walk-hud{z-index:12;bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.walk-mode-chip{color:#f5cf92cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--mono);letter-spacing:.13em;background:#12110d9e;border:1px solid #e7ad5b3d;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:7px;display:inline-flex}.walk-instructions,.crate-prompt{color:#f4efe491;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:40px;font-family:var(--mono);letter-spacing:.1em;white-space:nowrap;background:#0d0e0cc2;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:5px;padding:7px 11px;font-size:7px;display:flex;box-shadow:0 12px 40px #00000040}.walk-instructions i{background:#ffffff24;width:1px;height:14px;margin:0 5px}.crate-prompt{pointer-events:auto;color:#fff0df;cursor:pointer;background:#2a1711d6;border-color:#f26c457a;transition:transform .16s,background .16s}.crate-prompt:hover{background:#432016eb;transform:translateY(-2px)}.crate-prompt .keycap{color:#ffd7b8;border-color:#ffb88673}.archive-progress{z-index:12;background:#ffffff1a;width:190px;height:2px;position:absolute;top:76px;right:27px}.archive-progress>div{background:#e8b966;height:100%;transition:width .22s}.archive-progress span{color:#ffffff5c;font-family:var(--mono);letter-spacing:.08em;text-align:right;text-transform:uppercase;margin-top:6px;font-size:6px;display:block}.status-toast{z-index:30;color:#fff3d9c7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#241e14e6;border:1px solid #e7ad5b40;border-radius:10px;align-items:center;gap:9px;max-width:min(620px,100vw - 32px);padding:10px 11px;font-size:9px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000040}.status-toast button{cursor:pointer;font-family:var(--mono);background:#ffffff1a;border-radius:5px;margin-left:6px;padding:5px 8px;font-size:7px}.welcome-card{z-index:22;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#272722ed,#0e0f0deb),#151613;border:1px solid #ffffff26;border-radius:24px;width:min(440px,100vw - 32px);padding:31px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 120px #0000008c,inset 0 1px #ffffff14}.welcome-card:after{content:"";background:radial-gradient(circle, var(--orange) 0 5px, transparent 6px 17px, #ffffff14 18px 19px, transparent 20px 28px, #ffffff0f 29px 30px, transparent 31px);border:1px solid #ffffff1a;border-radius:50%;width:72px;height:72px;position:absolute;top:22px;right:25px}.welcome-kicker{color:#e7b678;font-family:var(--mono);letter-spacing:.12em;align-items:center;gap:7px;margin-bottom:44px;font-size:7px;display:flex}.welcome-card h1{letter-spacing:-.045em;max-width:340px;margin:0;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.03}.welcome-card>p{color:#f4efe49e;max-width:345px;margin:18px 0 26px;font-size:12px;line-height:1.65}.welcome-actions{gap:8px;display:flex}.welcome-actions button{cursor:pointer;letter-spacing:.1em;border-radius:9px;min-height:41px;padding:0 15px;font-size:8px;font-weight:700}.welcome-primary{background:var(--orange)}.welcome-primary:hover{background:var(--orange-bright)}.welcome-secondary{background:#ffffff0d;border:1px solid #ffffff21}.welcome-card>small{color:#f4efe452;font-family:var(--mono);letter-spacing:.12em;margin-top:22px;font-size:6px;display:block}.loading-overlay{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0d0bdb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-record{color:#e3b26c;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:25px;animation:3s linear infinite record-spin;display:grid}.loading-overlay>span{color:#d7aa6b;font-family:var(--mono);letter-spacing:.17em;font-size:7px}.loading-overlay h2{margin:10px 0 22px;font-size:18px;font-weight:500}.loading-track{background:#ffffff1a;width:min(280px,100vw - 70px);height:2px}.loading-track div{background:var(--orange);height:100%;transition:width .28s}.loading-overlay small{color:var(--muted);font-family:var(--mono);margin-top:8px;font-size:7px}@keyframes record-spin{to{transform:rotate(360deg)}}.inspector{z-index:60;position:fixed;inset:0;overflow:hidden}.inspector-shade{z-index:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 42%,#4640356b,#0000 42%),#080908cc;position:absolute;inset:0}.inspector-canvas{z-index:1;position:absolute;inset:0}.inspector-topline{z-index:3;top:max(27px, env(safe-area-inset-top));color:#f4efe48c;font-family:var(--mono);letter-spacing:.14em;align-items:center;gap:22px;font-size:7px;display:flex;position:absolute;left:31px}.back-art-status{color:#f4efe452;align-items:center;gap:5px;display:inline-flex}.spin{animation:1s linear infinite record-spin}.inspector-close{z-index:4;top:max(22px, env(safe-area-inset-top));background:#1a1b18bd;position:absolute;right:27px}.inspector-details{z-index:3;right:31px;bottom:max(27px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;left:31px}.inspector-copy,.inspector-actions{pointer-events:auto}.inspector-copy{max-width:min(430px,45vw)}.eyebrow{color:#d8aa6c;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:7px}.eyebrow span{opacity:.45;padding:0 4px}.inspector-copy h2{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(24px,3.2vw,45px);font-weight:500;line-height:1;overflow:hidden}.inspector-copy>p{color:var(--muted);margin:8px 0 0;font-size:12px}.playback-message{color:#f4efe473;max-width:390px;margin-top:9px;font-size:8px;display:block}.inspector-actions{align-items:center;gap:7px;display:flex}.control-button{min-height:41px;color:var(--paper);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--mono);letter-spacing:.07em;background:#181916c7;border:1px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:7px;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.control-button:hover{background:#30312ce6;transform:translateY(-1px)}.control-button.primary{border-color:var(--orange);background:var(--orange);color:#fff9ef}.control-button.primary:hover{background:var(--orange-bright)}.inspector-hint{z-index:3;color:#f4efe440;font-family:var(--mono);letter-spacing:.12em;white-space:nowrap;font-size:6px;position:absolute;bottom:33px;left:50%;transform:translate(-50%)}.inspector-hint span{padding:0 5px}.now-spinning{color:#ffffffa6;font-family:var(--mono);letter-spacing:.13em;white-space:nowrap;background:#111210bf;border:1px solid #ffffff1f;border-radius:999px;padding:5px 8px;font-size:5px}@media (max-width:1040px){.current-record{width:325px}.interaction-hint{display:none}.walk-hud{right:14px;bottom:max(16px, env(safe-area-inset-bottom));left:14px;transform:none}.walk-instructions,.crate-prompt{white-space:normal;text-align:center;max-width:100%}.inspector-hint{display:none}}@media (max-width:760px){.topbar{height:66px;padding:max(12px, env(safe-area-inset-top)) 14px 8px;grid-template-columns:1fr auto}.brand-record{width:31px;height:31px}.brand strong{font-size:14px}.brand small,.library-status,.profile-chip>.profile-name{display:none}.profile-chip{padding-right:8px}.connect-button{min-height:35px;padding:0 12px;font-size:7px}.flip-controls{width:48px;padding:8px 5px;right:11px}.flip-meter{min-height:55px}.bin-navigation{gap:9px;bottom:111px}.bin-readout{min-width:122px}.round-control{width:38px;height:38px}.current-record{right:13px;bottom:max(13px, env(safe-area-inset-bottom));grid-template-columns:40px minmax(0,1fr) auto;width:auto;padding:9px 9px 9px 12px;left:13px}.record-number{font-size:16px}.current-record>button{justify-content:center;width:34px;padding:0;font-size:0}.record-copy strong{font-size:10px}.archive-progress{width:auto;top:67px;left:14px;right:14px}.archive-progress span{display:none}.status-toast{font-size:8px;top:129px}.welcome-card{border-radius:20px;padding:25px}.welcome-card:after{width:58px;height:58px}.welcome-kicker{margin-bottom:38px}.welcome-card h1{max-width:280px;font-size:32px}.welcome-actions{flex-direction:column}.welcome-actions button{width:100%}.inspector-topline{top:max(20px, env(safe-area-inset-top));left:17px}.back-art-status{display:none}.inspector-close{top:max(15px, env(safe-area-inset-top));right:15px}.inspector-details{right:14px;bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:14px;left:14px}.inspector-copy{text-align:center;max-width:100%}.inspector-copy h2{font-size:24px}.inspector-copy>p{font-size:10px}.playback-message{margin-left:auto;margin-right:auto}.inspector-actions{grid-template-columns:1fr 1fr;display:grid}.inspector-actions .control-button:last-child{grid-column:1/-1}}@media (max-height:690px) and (min-width:761px){.current-record,.bin-navigation{bottom:15px}.interaction-hint,.inspector-details{bottom:17px}}@media (hover:none){.interaction-hint{display:none}.flip-controls>button{height:54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.listening-room-shell{background:#050605}.listening-room-canvas{cursor:url(/listening-room/crosshair.svg) 9 9,crosshair;touch-action:none}.listening-room-locked-cursor{z-index:11;pointer-events:none;background:url(/listening-room/crosshair.svg) 50%/contain no-repeat;width:19px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.listening-room-vignette{background:linear-gradient(#040504b3 0%,#0000 18% 78%,#040504a3 100%),radial-gradient(circle at 50% 48%,#0000 52%,#02030261 100%)}.listening-room-topbar{z-index:12;pointer-events:none;background:linear-gradient(#060706c7,#0000);grid-template-columns:1fr auto;align-items:center;min-height:70px;padding:15px 22px;display:grid;position:absolute;top:0;left:0;right:0}.listening-room-brand{align-items:center;gap:11px;display:inline-flex}.listening-room-brand>span:last-child{flex-direction:column;gap:3px;display:flex}.listening-room-brand strong{letter-spacing:.16em;font-size:13px}.listening-room-brand small,.layout-reset,.listening-room-controls{font-family:var(--mono);letter-spacing:.11em}.listening-room-brand small{color:var(--muted);font-size:6px}.listening-room-topbar-actions{pointer-events:none;justify-self:end;align-items:center;gap:8px;display:flex}.listening-room-topbar-actions .connect-button,.listening-room-topbar-actions .icon-button,.listening-room-topbar-actions .profile-chip{pointer-events:auto}.layout-reset{color:#ffdba6db;cursor:pointer;pointer-events:auto;background:#2b190ab3;border:1px solid #f5ac536b;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:7px;display:inline-flex}.layout-reset:hover{color:#fff1dc;border-color:#f5ac53b8}.listening-room-controls{z-index:12;bottom:max(23px, env(safe-area-inset-bottom));color:#f4efe47a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#060706b3;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:6px;padding:8px 11px;font-size:6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #0000004d}.listening-room-controls.is-browsing{top:max(84px, calc(env(safe-area-inset-top) + 74px));bottom:auto}.listening-room-controls.is-building{border-color:#f5ac5342}.listening-room-controls.has-playback{bottom:max(104px, calc(env(safe-area-inset-bottom) + 96px))}.listening-room-controls>div,.listening-room-controls>span{align-items:center;gap:5px;display:inline-flex}.listening-room-controls>div{color:#f4d5a7c7;margin-right:4px}.listening-room-controls>.build-status.is-valid{color:#91e9a7eb}.listening-room-controls>.build-status.is-invalid{color:#ff8470f0}.listening-room-controls>span.is-disabled{opacity:.35}.listening-room-controls>.listening-room-coordinates{color:#91dcebb8;font-variant-numeric:tabular-nums;letter-spacing:.06em}.listening-room-controls>i{background:#ffffff21;width:1px;height:15px;margin:0 5px}.listening-room-controls kbd{color:#ffffffb8;min-width:19px;height:19px;font:inherit;background:#ffffff0d;border:1px solid #ffffff29;border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.playback-toolbar{z-index:15;right:22px;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#241d17eb,#080908e6),#080908e6;border:1px solid #ffffff24;border-radius:15px;grid-template-columns:48px minmax(150px,1fr) auto minmax(130px,.7fr) 34px;align-items:center;gap:12px;max-width:760px;min-height:70px;margin:0 auto;padding:10px 12px;display:grid;position:absolute;left:22px;box-shadow:0 18px 60px #00000075}.playback-toolbar>img{object-fit:cover;border-radius:7px;width:48px;height:48px;box-shadow:0 7px 20px #00000059}.playback-copy{min-width:0}.playback-copy span,.playback-copy small,.playback-progress,.playback-toolbar>a{font-family:var(--mono);letter-spacing:.08em}.playback-copy span{color:#f4cf97b3;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:6px;display:block;overflow:hidden}.playback-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.playback-copy small{color:#f4efe46b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:5px;display:block;overflow:hidden}.playback-copy .tab-audio-status{margin-top:2px;font-size:5px}.playback-copy .tab-audio-status.is-active{color:#89e0abc7}.playback-copy .tab-audio-status.is-requesting{color:#f4cf97d1}.playback-transport{align-items:center;gap:4px;display:flex}.playback-transport button,.playback-toolbar>a{width:32px;height:32px;color:var(--paper);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;place-items:center;padding:0;display:grid}.playback-transport button:not(:disabled):hover,.playback-toolbar>a:hover{background:#ffffff24}.playback-transport .playback-toggle{background:var(--orange);border-color:#f26c459e;width:39px;height:39px}.playback-progress{color:#f4efe466;white-space:nowrap;grid-template-columns:13px minmax(70px,1fr) auto;align-items:center;gap:7px;font-size:5px;display:grid}.playback-progress>div{background:#ffffff1f;height:2px;overflow:hidden}.playback-progress i{background:var(--orange-bright);height:100%;display:block;box-shadow:0 0 7px #f26c4580}.playback-toolbar>a{color:#f4efe49e;text-decoration:none}@media (max-width:760px){.listening-room-topbar{grid-template-columns:1fr auto;padding:12px 14px}.listening-room-controls{right:12px;bottom:max(12px, env(safe-area-inset-bottom));justify-content:center;left:12px;transform:none}.listening-room-controls.is-browsing{top:max(76px, calc(env(safe-area-inset-top) + 68px));bottom:auto}.listening-room-controls.has-playback{bottom:max(101px, calc(env(safe-area-inset-bottom) + 93px))}.listening-room-controls>span:nth-last-child(3),.listening-room-controls>i:nth-last-child(4){display:none}.playback-toolbar{right:10px;bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:42px minmax(0,1fr) auto 30px;gap:9px;min-height:78px;padding:9px;left:10px}.playback-toolbar>img{width:42px;height:42px}.playback-progress{grid-column:1/-1}.playback-toolbar>a{width:30px;height:30px}}