@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";.seek-joystick.svelte-nnpro2{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-left:10px}.disabled.svelte-nnpro2{opacity:.4}.joystick-track.svelte-nnpro2{position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;flex:0 0 108px;width:108px;height:30px;padding:0 8px;border:1px solid #44343e;border-radius:20px;background:radial-gradient(ellipse at center,#49352b,#211c22 70%);box-shadow:inset 0 2px 6px #0008;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-track.active.svelte-nnpro2{cursor:grabbing;border-color:var(--accent)}.joystick-track.svelte-nnpro2:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.joystick-limit.svelte-nnpro2{color:#a394a2;font:11px var(--mono)}.joystick-knob.svelte-nnpro2{position:absolute;left:calc(50% - 11px);box-sizing:border-box;width:22px;height:22px;border-radius:50%;border:1px solid #ffc598;background:radial-gradient(circle at 35% 25%,#ffd1a8,var(--accent) 55%,#a04d30);box-shadow:0 3px 6px #0009,inset 0 1px 2px #fff6;transform:translate(calc(var(--offset) * 40px));pointer-events:none}.joystick-knob.returning.svelte-nnpro2{animation:svelte-nnpro2-joystick-return .38s ease-in-out}@keyframes svelte-nnpro2-joystick-return{0%{transform:translate(calc(var(--return-offset) * 40px))}25%{transform:translate(calc(var(--return-offset) * -12.8px))}50%{transform:translate(calc(var(--return-offset) * 4.8px))}73%{transform:translate(calc(var(--return-offset) * -1.6px))}90%{transform:translate(calc(var(--return-offset) * .4px))}to{transform:translate(0)}}.joystick-offset.svelte-nnpro2{flex:0 0 4ch;text-align:left;white-space:nowrap;color:var(--accent);font:9px var(--mono);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.joystick-knob.returning.svelte-nnpro2{animation:none}}:root{font-family:DM Sans,Segoe UI,sans-serif;color:#eeedf0;background:#111113;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #111113;--panel: #19191d;--panel-raised: #222226;--line: #2c2b31;--text: #eeedf0;--muted: #a19da7;--quiet: #8a8691;--accent: #ff975e;--accent-light: #ffb389;--accent-dim: #32231f;--green: #9ebdaa;--danger: #ff9b9b;--display: "Instrument Serif", Georgia, serif;--mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.45}button{border:0;background:none}button,a,input,select,summary{transition:color .15s,background .15s,border-color .15s,box-shadow .15s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select{min-width:0}input:not([type=range]):not([type=file]),select{width:100%;background:#121215;color:var(--text);border:1px solid #36343c;border-radius:8px;padding:12px 14px;min-height:44px;font-size:13px}input:not([type=range]):focus,select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #ff975e12}input::placeholder{color:#8b8692;opacity:1}input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #212024 inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=range]:disabled{cursor:not-allowed}label{display:block;font-size:12px;font-weight:550;color:#d2cdd6}svg{display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,strong{overflow-wrap:anywhere}h1,h2{font-weight:550;letter-spacing:-.035em}h3{font-size:14px;font-weight:600;letter-spacing:-.02em}ul,ol{list-style:none;padding:0;margin:0}::selection{color:#16100c;background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:#403c45 transparent}.muted{color:var(--muted)}.accent,.brand-period{color:var(--accent)}.eyebrow{font-family:var(--mono);font-size:9px;line-height:1.6;font-weight:400;letter-spacing:.1em;color:var(--quiet)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;left:16px;top:-100px;background:var(--accent);color:#21160f;padding:12px 18px;border-radius:6px}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:7px;font-size:12px;font-weight:650;line-height:1.5;border:1px solid transparent}.button.primary{color:#23140e;background:var(--accent);box-shadow:0 1px #ffffff20 inset,0 3px 12px #00000015}.button.primary:hover:not(:disabled){background:var(--accent-light);box-shadow:0 3px 18px #ff975e19}.button.secondary{background:#29272d;border-color:#3a363e;color:#e7e1e9}.button.secondary:hover:not(:disabled){background:#363039;border-color:#64505a}.button.small{padding:7px 12px;min-height:34px;font-size:11px}.button.danger-button{background:#49282d;border-color:#73404b;color:#ffd5d5}.button.danger-button:hover:not(:disabled){background:#643139}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border-radius:6px;color:var(--muted)}.icon-button:hover:not(:disabled){color:var(--text);background:#ffffff0b}.icon-button.bordered{border:1px solid var(--line);background:#212024}.icon-button.danger:hover:not(:disabled),.status-error{color:var(--danger)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:5px 0;font-weight:550;color:var(--accent)}.text-button:hover:not(:disabled){color:#ffbc95}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h3{display:flex;align-items:center;gap:8px}.section-heading h3>svg{color:var(--muted)}.count{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;min-width:20px;min-height:18px;background:#ffffff07;border:1px solid #ffffff09;border-radius:5px;color:var(--muted);font:10px var(--mono)}.tag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;border:1px solid var(--line);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#c1b9c8;white-space:nowrap}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .85s linear infinite}.large-spinner{width:30px;height:30px;color:var(--accent);border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.loading-line{display:flex;justify-content:center;align-items:center;gap:10px;padding:40px 15px;color:var(--muted);font-size:13px}.inline-note{display:flex;gap:8px;align-items:flex-start;color:#b4a89e;font-size:11px;line-height:1.7;margin-top:12px}.inline-note svg{margin-top:2px}.field-help{color:var(--quiet);font-size:11px;line-height:1.6}.form-error,.form-success,.notice-box{display:flex;align-items:flex-start;gap:8px;line-height:1.7;font-size:12px;padding:11px 13px;border-radius:6px;overflow-wrap:anywhere}.form-error{color:#ffb2ae;background:#c3545412;border:1px solid #b65d5d35;margin:12px 0}.form-error svg,.form-success svg,.notice-box svg{margin-top:2px}.form-success{color:#b3d8bd;background:#63896f18;border:1px solid #90b59825;margin:12px 0}.notice-box{background:#77623a15;border:1px solid #ad89572d;color:#d9c6ae;margin-bottom:20px}.stack-form{display:flex;flex-direction:column;gap:9px}.stack-form>label:not(:first-child){margin-top:12px}.stack-form>.button{align-self:flex-start;margin-top:10px}.stack-form .form-error{margin:5px 0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.form-columns label{margin-bottom:9px}.form-columns .field-help{margin-top:7px}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#43312b;color:#ebbaa4;border:1px solid #654633;border-radius:11px;font-weight:600;font-size:11px;letter-spacing:.02em;position:relative;flex-shrink:0}.avatar.small{width:26px;height:26px;border-radius:8px;font-size:9px}.avatar.large{width:48px;height:48px;font-size:16px;border-radius:14px}.avatar i{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;background:var(--green);border:2px solid #1c1b20;border-radius:50%}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:700;letter-spacing:-.07em}.brand-period{margin-left:-8px}.brand-mark{display:inline-flex;justify-content:center;align-items:center;width:35px;height:38px;border:1px solid #9c553b5e;border-radius:12px 12px 12px 3px;background:linear-gradient(135deg,#4d2c22,#291e1b);color:var(--accent)}.brand-mark svg{transform:rotate(-7deg)}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:#171619;border-right:1px solid #28262c;padding:25px 13px 0;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;padding:0 9px}.sidebar-brand .brand{font-size:25px}.sidebar-intro{display:flex;align-items:center;gap:7px;color:var(--quiet);font-size:10px;margin:14px 10px 32px}.sidebar-intro .status-dot{background:#b18872;width:4px;height:4px}.rooms-label{display:flex;align-items:center;justify-content:space-between;padding-left:10px;margin-bottom:9px}.rooms-label .eyebrow{font-size:9px;letter-spacing:.08em}.room-list{display:flex;flex-direction:column;gap:5px}.room-button{width:100%;min-height:62px;padding:11px 8px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;text-align:left}.room-button:hover{background:#ffffff04}.room-button.active{background:linear-gradient(100deg,#34231f,#281f20);border-color:#67402f70;box-shadow:-2px 0 0 var(--accent)}.room-hash{color:#77727d;width:24px;flex-shrink:0}.active .room-hash{color:var(--accent)}.room-button-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.room-button-copy strong{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-button-copy>span{font-size:9px;color:var(--quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active .room-button-copy strong{color:#ffcab0}.member-count{font:9px var(--mono);color:var(--quiet);display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.active .member-count{color:#dcb297}.sidebar-empty{font-size:12px;color:var(--muted);line-height:1.7;padding:12px 12px 22px}.create-room-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #40383b;border-radius:7px;margin:15px 0 26px;min-height:38px;font-size:11px;color:#b4a6a4;flex-shrink:0}.create-room-button:hover{color:var(--accent);background:#ff975e07;border-color:#785242}.sidebar-bottom{margin-top:auto}.sidebar-note{margin:15px 9px 35px;padding:24px 0 0;border-top:1px solid var(--line);color:#a58e7d}.sidebar-note p{font-family:var(--display);font-size:27px;letter-spacing:-.02em;color:#c0b5b1;line-height:1.08;margin-top:13px}.sidebar-note em{color:var(--accent);font-weight:400}.sidebar-note>span{font:8px var(--mono);letter-spacing:.08em;color:#8d7d75;margin-top:15px;display:block}.sidebar-action{display:flex;align-items:center;gap:10px;padding:12px 10px;width:100%;font-size:11px;color:var(--muted);border-radius:6px}.sidebar-action:hover{background:#ffffff06;color:var(--text)}.sidebar-action>svg:last-child{margin-left:auto}.profile-card{margin:15px -13px 0;padding:15px 13px;border-top:1px solid #2c282e;background:#1c1b1e;display:flex;align-items:center;gap:5px}.profile-button{display:flex;flex:1;min-width:0;gap:10px;align-items:center;padding:0;text-align:left}.profile-button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.profile-button strong{font-size:11px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-button>span>span{color:var(--quiet);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-close,.mobile-menu,.sidebar-scrim{display:none}.workspace{min-width:0;padding:0 28px;max-width:2000px;width:100%;margin:0 auto}.workspace:focus{outline:none}.workspace-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-heading{display:flex;gap:13px;align-items:center;min-width:0}.room-heading>div{min-width:0}.header-room-icon{display:flex;align-items:center;justify-content:center;height:43px;width:43px;border:1px solid #353038;background:#1e1b20;border-radius:11px;color:#b9a99c;flex-shrink:0}.room-heading .eyebrow{font-size:8px;margin-bottom:4px}.room-heading h1{font-size:21px;line-height:1.4}.header-presence{display:flex;align-items:center;gap:17px;flex-shrink:0}.connection-pill{display:flex;gap:7px;align-items:center;font-size:10px;color:#acc4b5}.connection-pill.offline{color:#d4ab88}.connection-pill.offline .status-dot{background:#e4ab77}.room-member-total{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#c4bec9;border-left:1px solid var(--line);padding-left:16px}.room-member-total>span{color:var(--quiet);font-size:10px}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.stage{min-width:0}.capability-banner,.setup-banner,.connection-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #57412c;border-radius:8px;margin-bottom:20px;color:#d6b79c;background:#2a211b;font-size:11px;line-height:1.6}.capability-banner>div,.setup-banner>div{flex:1}.capability-banner strong,.setup-banner strong{display:block;font-weight:550;color:#efd1b9;font-size:11px;margin-bottom:2px}.capability-banner span,.setup-banner span{color:#b4a296}.setup-banner{background:#211d19;border-color:#46372b}.setup-banner code{color:#e0be9e;font:10px var(--mono)}.connection-banner{background:#29211f;border-color:#563c31}.connection-banner>span{flex:1}.player-shell{border:1px solid #383036;border-radius:11px;overflow:hidden;background:#08080a;box-shadow:0 14px 40px #0000002b}.player-shell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.video-viewport{--controls-height: 71px;position:relative;width:100%;min-width:0;aspect-ratio:16 / 9;min-height:330px;background:radial-gradient(ellipse at 48% 55%,#3b241c45 0,#19141640 35%,transparent 68%),#0c0b0d;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-viewport:has(.video-visible){min-height:240px}.video-viewport:has(.screen-empty,.screen-message){aspect-ratio:auto}.video-viewport>video,.video-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;background:#050506}.video-viewport>.video-visible{opacity:1}.video-viewport>video.webgl-source{opacity:0}.video-canvas{pointer-events:none}.player-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.seek-preview-label{position:absolute;bottom:calc(var(--controls-height) + 12px);left:50%;transform:translate(-50%);padding:7px 12px;border:1px solid #ffb17b66;border-radius:6px;background:#19131bdd;color:#ffcfac;font:11px var(--mono);white-space:nowrap;pointer-events:none;z-index:2}.player-test-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 15px;border-top:1px solid #ffffff0b;background:#19171c;flex-shrink:0}.player-test-tools>span{color:var(--muted);font-size:10px}.screen-topline{pointer-events:none;position:absolute;top:0;left:0;right:0;padding:17px 20px 38px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(#0007,transparent);z-index:2;transition:opacity .3s ease}.controls-hidden .screen-topline{opacity:0}.screen-brand,.screen-tag{display:inline-flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.1em;color:#aaa1a3;text-shadow:0 1px 4px #000}.screen-brand svg{color:#b0806b}.screen-tag{color:#a69a97;font-size:7px;border:1px solid #ffffff15;background:#16111666;padding:5px 7px;border-radius:4px}.screen-empty{text-align:center;padding:55px 22px calc(var(--controls-height) + 24px);position:relative;z-index:1;max-height:100%;overflow-y:auto}.cinema-orbit{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#241916;border:1px solid #6844316b;color:#d9956c;margin-bottom:22px;box-shadow:0 0 0 9px #ff975e03,0 0 0 10px #ff975e09,0 0 0 24px #ff975e02}.cinema-orbit svg{margin-left:5px}.screen-empty .eyebrow{font-size:8px;color:#b08872;letter-spacing:.13em}.screen-empty h2{font:39px/1.1 var(--display);letter-spacing:-.025em;margin-top:7px;color:#e6dcd4}.screen-empty h2 em{color:var(--accent)}.screen-empty>p:not(.eyebrow){color:#aca0a2;font-size:11px;line-height:1.8;margin:12px 0 20px}.screen-empty .button{min-height:35px;font-size:11px;padding:8px 13px}.screen-corner{position:absolute;width:22px;height:22px;bottom:calc(var(--controls-height) + 16px);opacity:.45}.corner-left{border-left:1px solid #735045;border-bottom:1px solid #735045;left:20px}.corner-right{border-right:1px solid #735045;border-bottom:1px solid #735045;right:20px}.screen-message{position:relative;z-index:3;width:100%;min-height:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:15px;text-align:center;padding:65px 28px calc(var(--controls-height) + 24px);background:#0b0a0de8;color:#d7c5b8}.screen-message h3{font:29px var(--display);color:#ebddd4}.screen-message p{max-width:420px;color:#b4a7ac;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.screen-message .container-note{display:block;max-width:410px;color:#a99b92;font-size:10px;line-height:1.7;padding:10px 12px;border:1px solid #46332b;background:#30201760;border-radius:6px}.screen-message-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);border:1px solid #b7855436;background:#593b241f;border-radius:15px}.error-screen .screen-message-icon{color:var(--danger);border-color:#9d454b45}.buffering-indicator{display:flex;gap:10px;align-items:center;position:absolute;z-index:2;padding:12px 16px;border:1px solid #72615560;border-radius:7px;background:#161211e8;color:#e6c7b4;font-size:12px;transform:translateY(calc(var(--controls-height) / -2))}.server-overlay{position:absolute;z-index:5;left:18px;right:18px;bottom:calc(var(--controls-height) + 12px);display:flex;align-items:flex-start;gap:10px;padding:15px 17px;background:#2b1b14f5;box-shadow:0 4px 20px #0008;border:1px solid #b1714a80;border-left:3px solid var(--accent);color:#ffdbc5;font-size:13px;line-height:1.65;border-radius:6px;max-height:calc(100% - var(--controls-height) - 60px);overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;transition:bottom .3s ease}.controls-hidden .server-overlay{bottom:18px}.server-overlay svg{margin-top:2px}.transport{--control-gutter: 15px;position:absolute;inset:auto 0 0;z-index:4;pointer-events:none;transform:translateY(0);transition:transform .35s cubic-bezier(.22,.61,.36,1)}.controls-backdrop{position:absolute;inset:-80px 0 0;pointer-events:none}.controls-backdrop:after,.controls-blur{position:absolute;inset:0;pointer-events:none;transition:opacity .3s ease}.controls-backdrop:after{content:"";background:linear-gradient(to bottom,transparent,#08070b20 25%,#08070b99 65%,#08070bee)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) and ((mask-image: linear-gradient(black,transparent)) or (-webkit-mask-image: linear-gradient(black,transparent))){.controls-blur{-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));-webkit-mask-image:linear-gradient(to bottom,transparent var(--blur-start),black var(--blur-end));mask-image:linear-gradient(to bottom,transparent var(--blur-start),black var(--blur-end))}.controls-blur:nth-child(1){--blur-radius: 3px;--blur-start: 0%;--blur-end: 35%}.controls-blur:nth-child(2){--blur-radius: 6px;--blur-start: 20%;--blur-end: 55%}.controls-blur:nth-child(3){--blur-radius: 12px;--blur-start: 40%;--blur-end: 75%}.controls-blur:nth-child(4){--blur-radius: 20px;--blur-start: 60%;--blur-end: 100%}}.controls-hidden .transport{transform:translateY(calc(100% - 2px))}.controls-hidden .controls-backdrop:after,.controls-hidden .controls-blur{opacity:0}.seek-track{--progress: 0%;--buffered: 0%;position:relative;height:28px;margin:0 var(--control-gutter);display:flex;align-items:center;transition:height .35s ease,margin .35s ease}.seek-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--progress),#897165 var(--progress),#897165 var(--buffered),#ffffff38 var(--buffered));pointer-events:none;transition:height .35s ease,border-radius .35s ease}.seek-track input{position:relative;margin:0;width:100%;height:100%;appearance:none;background:transparent;pointer-events:auto;touch-action:none;transition:opacity .2s ease,visibility 0s}.seek-track input::-webkit-slider-runnable-track{height:4px;background:transparent}.seek-track input::-moz-range-track{height:4px;background:transparent}.seek-track input::-moz-range-progress{background:transparent}.seek-track input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:var(--accent);border-radius:50%;margin-top:-3px;transition:transform .2s ease}.seek-track input::-moz-range-thumb{width:10px;height:10px;background:var(--accent);border-radius:50%;border:0;transition:transform .2s ease}.controls-hidden .seek-track{height:2px;margin:0}.controls-hidden .seek-track:before{height:2px;border-radius:0}.controls-hidden .seek-track input::-webkit-slider-thumb{transform:scale(0)}.controls-hidden .seek-track input::-moz-range-thumb{transform:scale(0)}.transport-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:0 var(--control-gutter) 9px;pointer-events:auto;transition:opacity .24s ease,visibility 0s}.controls-hidden .transport-row,.controls-hidden .seek-track input{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.24s}.shared-controls,.local-controls{display:flex;align-items:center;gap:5px}.local-controls{margin-left:auto}.relative-seek-control{display:flex;align-items:center}.player-controls .relative-seek-control .seek-joystick{margin-left:0}.play-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent);border-radius:6px}.play-button:hover:not(:disabled){background:#ff975e10}.time-display{font:10px var(--mono);color:#d8cbd2;margin-left:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.time-display>span{color:#91818e}.shared-label{display:inline-flex;align-items:center;gap:5px;color:#a394a2;font-size:9px;padding-right:11px;border-right:1px solid #332b34;margin-right:4px;white-space:nowrap}.volume-range{width:50px;height:28px;margin:0 6px 0 0;touch-action:none}.player-shell:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;border:0;border-radius:0}.player-shell:fullscreen .video-viewport{flex:1 1 0;min-height:0;aspect-ratio:auto}.player-shell:fullscreen .screen-message{height:100%;min-height:0}.now-playing{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 1px 24px}.now-playing-title{min-width:0}.now-playing .eyebrow{font-size:8px;color:#ac8c78;margin-bottom:7px}.now-playing h2{font-size:17px;font-weight:550;letter-spacing:-.02em;line-height:1.5}.media-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:9px;font-size:10px;color:var(--quiet)}.media-meta>span{display:inline-flex;gap:5px;align-items:center}.media-meta>span+span:before{content:"·";padding:0 8px;color:#655965}.sync-badge{display:inline-flex;gap:5px;align-items:center;padding:6px 8px;border:1px solid #344036;border-radius:5px;color:#a9c4af;background:#95caa306;font-size:9px;flex-shrink:0;margin-top:24px}.sync-badge>span{color:#849b89;font:8px var(--mono);margin-left:3px}.sync-badge.disconnected{color:#cbaa90;border-color:#4c3932;background:#4f322510}.now-playing+.inline-note{margin:-10px 0 22px}.composer{background:linear-gradient(110deg,#201c1d,#1c1b20);border:1px solid #3b3031;border-radius:9px;padding:20px}.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.composer-heading .eyebrow{font-size:8px;color:#b1927e}.composer-heading h3{font-size:13px;margin-top:5px}.source-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid #383039;background:#141216;border-radius:6px;flex-shrink:0}.source-switch button{display:flex;align-items:center;gap:5px;color:#a193a0;padding:6px 8px;font-size:10px;border-radius:4px}.source-switch button.active{color:#f1b08c;background:#362821}.source-switch button:hover:not(.active){color:#e7d1d0}.youtube-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.url-field{position:relative;min-width:0;flex:1}.url-field>svg{position:absolute;left:13px;top:13px;color:#92868a;pointer-events:none}.url-field input{padding-left:40px!important;font-size:11px!important;border-color:#3e3338!important}.youtube-form .button{grid-column:2;grid-row:1;font-size:11px;padding:10px 12px;flex-shrink:0}.youtube-start-time{grid-column:1 / -1;display:flex;align-items:center;gap:6px;min-width:0}.youtube-start-time>label{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;margin:0;color:#aa99a2;font-size:11px;white-space:nowrap}.youtube-start-time input[type=checkbox]{flex:0 0 14px;width:14px;height:14px;min-height:14px;margin:0;padding:0;accent-color:var(--accent)}.youtube-start-time>input[type=text]{flex:1 1 76px;width:100px;max-width:100px;min-height:30px;padding:5px 6px;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.youtube-form .youtube-start-time .seek-joystick{margin-left:0}.youtube-form>.form-error{grid-column:1 / -1;margin:0}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.composer-bottom>p{font-size:9px;line-height:1.7;color:#998b96}.composer-bottom>label{display:inline-flex;align-items:center;gap:8px;font-size:9px;color:#aa99a2;white-space:nowrap}.composer-bottom select{min-height:29px;font-size:10px;padding:5px 20px 5px 8px;width:123px;border-color:#3b3037;background-color:#1c181d}.upload-dropzone{display:flex;gap:13px;align-items:center;padding:17px 14px;border:1px dashed #5b443b;background:#271d192f;border-radius:6px;transition:background .15s,border-color .15s,box-shadow .15s}.source-switch button.drag-active,.source-switch button.drag-active:hover,.upload-dropzone.drag-active{color:var(--accent-light);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 2px #ff975e55}.upload-symbol{color:#b3917a}.upload-dropzone>div{flex:1 1 180px;min-width:0}.upload-dropzone strong{font-size:12px;font-weight:550}.upload-dropzone p{color:#a5959c;font-size:10px;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.upload-dropzone .button{font-size:10px;min-height:34px;padding:7px 10px;flex-shrink:0;max-width:100%}.upload-explainer{border-top:1px solid #3b2f33;padding-top:12px;margin-top:14px;color:#bfa492;font-size:10px}.upload-explainer summary{cursor:pointer;line-height:1.7}.upload-explainer p{color:#a99aa2;line-height:1.8;margin-top:10px}.uploads-panel{padding:23px 0 0}.uploads-panel>.section-heading{margin-bottom:12px}.uploads-panel .section-heading .field-help{font:8px var(--mono);letter-spacing:.04em}.transfer-list{display:flex;flex-direction:column;gap:10px}.transfer-item{padding:14px;border:1px solid var(--line);border-radius:7px;background:#19181c}.transfer-top{display:flex;align-items:center;gap:10px}.transfer-icon{color:#b39580}.transfer-icon.complete{color:var(--green)}.transfer-title{flex:1;min-width:0}.transfer-title>strong{display:block;font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-title>span{display:block;font-size:9px;margin-top:5px;color:#a093a1}.separator{padding:0 4px;color:#675866}.transfer-percent{font:10px var(--mono);color:#bd9980}.transfer-actions{display:flex;gap:2px}.transfer-actions .icon-button{width:28px;height:28px}progress{width:100%;height:3px;border:0;border-radius:3px;appearance:none;background:#342b31;color:var(--accent);margin:13px 0 8px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#342b31}progress::-webkit-progress-value{background:var(--accent);border-radius:3px}progress::-moz-progress-bar{background:var(--accent);border-radius:3px}.transfer-stats{display:flex;justify-content:space-between;gap:12px;color:#a496a3;font:9px/1.6 var(--mono)}.transfer-stats>span:last-child{text-align:right}.transfer-footnote{margin-top:10px;font-size:9px}.room-company{margin-top:25px;padding-top:23px;border-top:1px solid #2b262e}.room-company .section-heading h3{font-size:12px}.room-company .field-help{font:8px var(--mono);letter-spacing:.04em}.member-list{display:flex;gap:9px;flex-wrap:wrap}.member-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;background:#1b191e;border:1px solid #2e2831;border-radius:8px;font-size:10px;color:#c6bac9;max-width:100%}.member-chip>span:not(.avatar){overflow-wrap:anywhere;min-width:0}.member-chip:nth-child(3n+2) .avatar{background:#29302d;border-color:#3c5444;color:#bacab5}.member-chip:nth-child(3n+3) .avatar{background:#30293c;border-color:#554160;color:#c1afcf}.member-chip .you-label{color:#887c8b;font-size:9px;padding-left:2px}.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:29px 0 23px;color:#81717f;font:7px var(--mono);letter-spacing:.1em}.stage-footer>span:first-child{display:inline-flex;align-items:center;gap:5px;color:#9a7964}.queue-panel{min-width:0;border:1px solid #2d2930;background:#18171b;border-radius:10px;position:sticky;top:22px;display:flex;flex-direction:column;min-height:596px;max-height:calc(100dvh - 44px)}.queue-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 17px 18px}.queue-header .eyebrow{font-size:7px;color:#9c8e9a;margin-bottom:6px}.queue-header h2{font-family:var(--display);font-size:29px;font-weight:400;letter-spacing:-.02em}.queue-tabs{display:flex;margin:0 16px;border-bottom:1px solid #342b35}.queue-tabs button{display:flex;align-items:center;justify-content:center;flex:1;gap:6px;padding:10px 0 13px;margin-bottom:-1px;color:#a192a3;font-size:11px;border-bottom:2px solid transparent}.queue-tabs button.active{color:#f5bb97;border-color:var(--accent)}.queue-tabs button.active .count{color:#d7b098;border-color:#5c443533;background:#62422b25}.queue-tabs button .count{font-size:9px;min-height:15px;min-width:17px;padding:1px 3px}.queue-content{flex:1;min-height:0;overflow-y:auto;padding:15px 14px}.current-queue-item{display:flex;align-items:center;gap:10px;border:1px solid #52392a;border-radius:6px;padding:12px 9px;margin-bottom:14px;background:#30231c66}.current-queue-item>div{min-width:0;flex:1}.current-queue-item .eyebrow{font-size:7px;color:var(--accent);margin-bottom:3px}.current-queue-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.5;font-weight:500}.current-queue-item .tag{font-size:8px;padding:3px 5px;color:#dba880;border-color:#5d4230}.equalizer{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:16px;width:20px;flex-shrink:0}.equalizer i{width:3px;height:12px;background:var(--accent);border-radius:1px;animation:wave 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:16px;animation-delay:-.7s}.equalizer i:nth-child(3){height:7px;animation-delay:-.3s}.equalizer.still i{animation-play-state:paused}@keyframes wave{to{height:4px}}.queue-empty{text-align:center;padding:49px 13px 35px}.empty-lineup-art{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;background:#252025;border:1px solid #3e333a;border-radius:13px;box-shadow:4px 4px 0 -1px #18171b,4px 4px #342c32,8px 8px 0 -1px #18171b,8px 8px #29242c;color:#af8d75;transform:rotate(-7deg);margin-bottom:29px}.queue-empty h3{font:25px var(--display);color:#d9c9c7;margin-bottom:11px}.queue-empty p{font-size:11px;color:#a699a7;line-height:1.8;max-width:215px;margin:0 auto 15px}.queue-empty .text-button{font-size:11px}.queue-list{display:flex;flex-direction:column;gap:11px}.queue-list>li{border:1px solid #302932;border-radius:7px;padding:10px;background:#1d1b20}.queue-list>li.playlist-item{border-color:#483429;background:#29201950}.playlist-heading{display:flex;gap:7px;align-items:center;color:#cda37d;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #49342b}.playlist-heading>div{flex:1;min-width:0}.playlist-heading strong{display:block;font-size:10px;font-weight:550;line-height:1.4}.playlist-heading span{display:block;font-size:8px;color:#a38979;margin-top:3px}.playlist-heading .icon-button{width:24px;height:27px}.queue-item{display:flex;gap:10px;align-items:flex-start}.queue-thumb{width:80px;height:55px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#39302e,#24212a);color:#b58d75;border:1px solid #ffffff05;border-radius:4px;overflow:hidden;flex-shrink:0}.queue-thumb img,.history-thumb img{width:100%;height:100%;object-fit:cover}.queue-thumb>span{position:absolute;right:3px;bottom:3px;background:#08080ade;border-radius:2px;padding:2px 3px;color:#e2d7d9;font:7px var(--mono)}.queue-item-info{min-width:0;flex:1}.queue-index{font:7px var(--mono);color:#aa8693;letter-spacing:.03em}.queue-item-info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:500;line-height:1.5;margin:4px 0 6px}.item-status{font-size:8px;color:#a092a5;display:flex;align-items:center;gap:4px}.item-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#a18d9e}.item-dot.processing,.item-dot.uploading{background:#caa177}.item-dot.ready{background:var(--green)}.item-dot.error{background:var(--danger)}.queue-actions{display:flex;align-items:center;gap:2px;margin-top:8px;border-top:1px solid #312931;padding-top:4px}.queue-actions .icon-button{width:27px;height:26px}.queue-position{font-size:8px;color:#96818f;flex:1}.queue-item-error{font-size:10px;line-height:1.6;color:#eaa8a3;margin-top:9px;overflow-wrap:anywhere}.history-help{font-size:10px;line-height:1.7;color:#b1a1ae;margin:2px 1px 16px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 7px;width:100%;border:1px solid #322936;background:#201c22;border-radius:6px}.history-item:hover:not(:disabled){background:#32232b;border-color:#62402f}.history-thumb{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:57px;height:40px;border-radius:4px;overflow:hidden;color:#bda390;background:#3a2b26}.history-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0007;color:#ffe1ca;opacity:0}.history-item:hover .history-play,.history-item:focus-visible .history-play{opacity:1}.history-info{flex:1;min-width:0}.history-info strong{font-size:10px;line-height:1.5;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-info>span{display:block;margin-top:4px;color:#a08d9e;font-size:8px}.history-item>svg{color:#a88b80}.queue-footer{border-top:1px solid #302831;display:flex;align-items:center;gap:10px;padding:17px;color:#b49786;background:#1c181c;border-radius:0 0 10px 10px}.queue-footer p{font-size:10px;color:#b5a2af;line-height:1.7}.queue-footer span{display:block;color:#907d90;font-size:9px}.lobby{max-width:1100px;padding-bottom:50px}.lobby-welcome{position:relative;padding:48px 42px;border:1px solid #48372f;border-radius:11px;overflow:hidden;margin-bottom:30px;background:radial-gradient(ellipse at 90% 100%,#623c222e,transparent 65%),#1c1819}.lobby-welcome>.eyebrow{color:#b89b83;font-size:8px}.lobby-welcome h2{font:62px/.99 var(--display);letter-spacing:-.025em;color:#ede0d6;margin:15px 0 20px}.lobby-welcome em{color:var(--accent)}.lobby-welcome>p{font-size:12px;line-height:1.9;color:#b7a5a7;margin-bottom:24px}.lobby-decoration{position:absolute;right:90px;top:95px;width:175px;height:175px;display:flex;align-items:center;justify-content:center;color:#9b6d4a;transform:rotate(13deg);border:1px solid #79533550;border-radius:40px;box-shadow:0 0 0 25px #aa673e07,0 0 0 26px #aa673e15,0 0 0 66px #aa673e04,0 0 0 67px #aa673e10}.lobby>.section-heading{margin-bottom:18px}.room-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.room-card{display:grid;grid-template-columns:42px 1fr;gap:15px;text-align:left;border:1px solid #3c3037;background:#1d191f;padding:21px 20px 15px;border-radius:9px}.room-card:hover{background:#292020;border-color:#815435}.room-card-icon{display:flex;justify-content:center;align-items:center;width:42px;height:42px;background:#35271f;color:#daae85;border:1px solid #634631;border-radius:10px}.room-card-info{min-width:0}.room-card-info strong{display:block;font-size:15px;font-weight:550;padding-top:1px;margin-bottom:8px}.room-card-info>span{font-size:10px;line-height:1.7;color:#a891a7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1 / -1;margin-top:7px;padding-top:15px;border-top:1px solid #352a33}.room-card-footer>span{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#ac91a7}.room-card-footer>span:last-child{color:#e5b18c}.lobby-empty{grid-column:1 / -1;padding:45px 25px;text-align:center;border:1px dashed #463741;border-radius:9px;color:#af8c77}.lobby-empty h3{font:28px var(--display);color:#d5bfbd;margin:17px 0 10px}.lobby-empty p{color:#a08ba0;font-size:12px}.dialog{background:#1d1a20;color:var(--text);width:min(540px,calc(100% - 32px));max-height:min(88dvh,880px);border:1px solid #59433d;border-radius:13px;padding:0;box-shadow:0 24px 120px #000b}.dialog.wide{width:min(730px,calc(100% - 32px))}.dialog::backdrop{background:#070508b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-inner{padding:29px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:27px}.dialog-heading h2{font:33px/1.1 var(--display);color:#f3dcd1;margin:9px 0 10px}.dialog-heading .eyebrow{font-size:8px;color:#b5977d}.dialog-heading .muted{font-size:11px;line-height:1.7;color:#b4a0b4}.dialog-heading>.icon-button{margin:-7px -10px 0 0}.account-identity{display:flex;gap:12px;align-items:center;background:#161217;border:1px solid #382a36;padding:15px;border-radius:8px;margin-bottom:20px}.account-identity>div{flex:1;min-width:0}.account-identity strong{font-size:14px;display:block}.account-identity .muted{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.account-section+.account-section{margin-top:25px;padding-top:22px;border-top:1px solid #3b2c3b}.account-section h3{margin-bottom:9px}.admin-form{padding:19px;background:#282029;border:1px solid #5b413d;border-radius:8px;margin:20px 0}.admin-form .section-heading{margin-bottom:0}.admin-users>li{border-bottom:1px solid #3b2c3b}.admin-users>li:last-child{border-bottom:none}.admin-user-row{display:flex;align-items:center;gap:10px;padding:14px 0}.admin-user-row .user-detail{flex:1;min-width:0}.user-detail>strong{display:block;font-weight:550;font-size:12px}.user-detail>span{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.delete-confirm{background:#3b222a;border:1px solid #6d384a;border-radius:6px;padding:14px;margin-bottom:16px;color:#eac0ca;font-size:12px}.delete-confirm p{line-height:1.7;margin-bottom:12px}.empty-small{text-align:center;padding:35px;color:var(--muted);font-size:12px}.empty-small .button{margin-top:15px}.toast-region{position:fixed;bottom:24px;right:24px;z-index:50;display:flex;flex-direction:column;gap:10px;width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:13px 12px 13px 17px;border:1px solid #705238;background:#2d221cf5;box-shadow:0 5px 30px #0006;color:#e5c4ab;border-radius:8px;pointer-events:auto;animation:toast-in .2s ease-out}.toast>svg{margin-top:4px}.toast>span{flex:1;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap;padding-top:2px}.toast.error{background:#372329f5;border-color:#875052;color:#f5babc}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.boot-screen{min-height:100dvh;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:22px;background:radial-gradient(ellipse at center,#2f1c1e,#111113 60%)}.boot-screen h1{font:49px var(--display)}.boot-screen p{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#bf9bb4;max-width:470px}.login-page{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{position:relative;background:radial-gradient(ellipse at 55% 20%,#59322233,transparent 65%),#191516;padding:35px 48px 28px;display:flex;flex-direction:column;border-right:1px solid #473028;overflow:hidden}.login-story>.brand{align-self:flex-start;font-size:29px}.login-art{position:relative;min-height:285px;flex:1;max-height:400px;display:flex;align-items:center;justify-content:center;padding:30px;margin:15px -30px 0}.orbit{position:absolute;border:1px solid #b7754530;border-radius:50%;width:270px;height:270px;transform:rotate(-30deg)}.orbit-two{width:390px;height:300px;border-color:#b7754520}.orbit-three{width:500px;height:330px;border-color:#b7754512}.ticket{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:190px;height:218px;padding:17px 17px 0;background:linear-gradient(140deg,#c18b64,#eda779 55%,#d0895e);color:#3d281f;transform:rotate(-10deg);box-shadow:12px 18px 0 -8px #9e614448,0 20px 70px #0005;border-radius:6px}.ticket:before,.ticket:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#211818;bottom:35px}.ticket:before{left:-8px}.ticket:after{right:-8px}.ticket-top{font:6px var(--mono);letter-spacing:.09em;text-align:center;padding-top:3px}.ticket-symbol{display:flex;align-items:center;justify-content:center;align-self:center;width:90px;height:90px;border:1px solid #74462d;border-radius:50%;padding-left:8px;box-shadow:0 0 0 7px #7042260d}.ticket-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #845035;font:9px var(--mono);letter-spacing:.06em;height:43px}.ticket-bottom>span{font-size:23px}.art-caption{position:absolute;right:8%;top:42%;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:.1em;color:#ad8265}.login-editorial{padding-top:17px;position:relative;z-index:1}.login-editorial .eyebrow{color:#b58a6b;font-size:8px;letter-spacing:.09em}.login-editorial h1{font:clamp(48px,5.7vw,85px)/.95 var(--display);color:#f1dccc;letter-spacing:-.03em;margin-top:18px}.login-editorial h1 em{color:var(--accent)}.login-editorial>p:last-child{font-size:12px;line-height:1.8;color:#c0a59c;margin-top:24px}.login-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #4c342b;padding-top:23px;margin-top:34px}.login-footer>span:first-child{display:flex;align-items:center;gap:7px;font-size:9px;color:#b7a292}.login-footer>span:last-child{color:#a5836e;font:7px var(--mono);letter-spacing:.05em}.login-form-panel{position:relative;padding:55px 45px 75px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 10% 0%,#47312c0a,transparent 50%),#111113}.login-form-wrap{max-width:348px;width:100%}.small-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#dda57f;border:1px solid #5e4032;background:#38251c5e;border-radius:13px;margin-bottom:28px}.login-form-wrap>.eyebrow{color:#b79b84;font-size:8px}.login-form-wrap h2{font:53px/1.1 var(--display);letter-spacing:-.025em;color:#f0e2db;margin:12px 0}.login-intro{font-size:12px;line-height:1.8;margin-bottom:30px;color:#ad9eac}.login-form-wrap label{font-size:11px;color:#d0c1d0}.login-form-wrap input{min-height:46px!important;background:#1b181e!important;border-color:#443341!important;font-size:12px!important}.login-form-wrap input:focus{border-color:var(--accent)!important}.stack-form>.login-submit{width:100%;min-height:46px;margin-top:17px;justify-content:space-between;padding-left:18px}.invite-note{display:flex;gap:10px;align-items:flex-start;margin-top:28px;padding-top:23px;border-top:1px solid #332733;color:#bc9a88}.invite-note>svg{margin-top:2px}.invite-note p{font-size:10px;line-height:1.8;color:#c5aebf}.invite-note p span{color:#9f889f;font-size:9px}.login-features{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:27px}.login-features span{display:inline-flex;gap:5px;align-items:center;color:#a08b9e;font-size:9px}.login-features svg{color:#b09884}.login-fineprint{position:absolute;bottom:30px;left:15px;right:15px;text-align:center;color:#a1849b;font:7px var(--mono);letter-spacing:.12em}@media(min-width:1600px){.app-shell{grid-template-columns:246px minmax(0,1fr)}.workspace{padding:0 38px}.work-grid{grid-template-columns:minmax(0,1fr) 332px;gap:30px}.screen-empty h2{font-size:49px}.screen-empty>p:not(.eyebrow){font-size:13px}.screen-empty .button{font-size:12px;min-height:40px}.queue-header h2{font-size:33px}.queue-thumb{width:93px;height:62px}.queue-item-info h3{font-size:12px}.login-story{padding:45px 70px 35px}}@media(max-width:1279px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.workspace{padding:0 20px}.work-grid{gap:18px;grid-template-columns:minmax(0,1fr) 275px}.shared-label{display:none}.header-presence{gap:12px}.room-member-total>span{display:none}.room-heading h1{font-size:18px}.room-heading .eyebrow{font-size:7px}.composer-heading{align-items:flex-start;flex-direction:column;gap:12px}.source-switch{align-self:flex-start}.composer{padding:17px}.composer-bottom{align-items:flex-start;flex-direction:column-reverse;gap:8px}.sync-badge>span{display:none}.now-playing h2{font-size:15px}.now-playing{gap:12px}.room-company .field-help{display:none}.upload-dropzone{flex-wrap:wrap}.upload-dropzone .button{margin-left:35px}.lobby-decoration{right:70px;top:110px;width:125px;height:125px}.lobby-decoration svg{width:72px}}@media(max-width:1099px){.work-grid{grid-template-columns:minmax(0,1fr)}.queue-panel{position:static;min-height:320px;max-height:none;margin-bottom:25px}.queue-content{max-height:540px}.queue-list{display:grid;grid-template-columns:1fr 1fr;align-items:start}.queue-list>li{min-width:0}.queue-empty{padding:25px 20px 20px}.queue-empty p{max-width:360px}.queue-header{padding:18px 20px 12px}.queue-header h2{font-size:28px}.queue-tabs{max-width:320px}.current-queue-item{max-width:420px}.empty-lineup-art{width:52px;height:52px;margin-bottom:22px}.history-list{display:grid;grid-template-columns:1fr 1fr}.composer-heading,.composer-bottom{flex-direction:row;align-items:center}.upload-dropzone{flex-wrap:nowrap}.upload-dropzone .button{margin-left:0}.setup-banner{flex-wrap:wrap}.setup-banner .button{margin-left:29px}.lobby-decoration{opacity:.25;right:45px;z-index:0}.lobby-welcome>:not(.lobby-decoration){position:relative;z-index:1}.lobby-welcome{padding:38px 30px}.login-story{padding:30px 35px 26px}.login-footer>span:last-child{display:none}.login-art{min-height:280px}.login-form-panel{padding:45px 35px 75px}.login-features{gap:11px}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none;position:fixed;z-index:31;inset:0 auto 0 0;height:100dvh;width:258px;box-shadow:12px 0 60px #0008}.sidebar.open{display:flex}.sidebar-brand{justify-content:space-between}.sidebar-close,.mobile-menu{display:inline-flex}.sidebar-scrim{display:block;position:fixed;z-index:30;inset:0;background:#050408b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-note{margin-top:10px}.workspace{padding:0 18px}.workspace-header{min-height:89px;gap:12px}.room-heading{gap:10px}.room-heading h1{font-size:18px}.room-heading .eyebrow{font-size:6px;margin-bottom:5px}.header-room-icon{display:none}.header-presence{flex-direction:column;align-items:flex-end;gap:6px}.connection-pill{font-size:8px;gap:4px}.room-member-total{font-size:9px;border:0;padding:0}.room-member-total svg{width:14px}.now-playing{padding-top:18px}.stage-footer{margin-bottom:8px}.lobby-welcome h2{font-size:53px}.lobby-welcome{padding:30px 25px}.lobby-decoration{right:55px;top:125px}.login-page{grid-template-columns:1fr}.login-story{padding:25px 30px 28px;border-right:0;border-bottom:1px solid #4b302a}.login-story>.brand{font-size:25px}.login-art{position:absolute;right:20px;top:30px;width:180px;min-height:240px;opacity:.5;transform:scale(.7) rotate(8deg);transform-origin:right center;pointer-events:none}.orbit-three,.art-caption{display:none}.login-editorial{margin-top:28px;padding-top:0}.login-editorial h1{font-size:53px}.login-editorial .eyebrow{max-width:190px;font-size:7px}.login-editorial>p:last-child{font-size:11px;margin-top:16px}.login-footer{display:none}.login-form-panel{padding:35px 30px 80px}.login-form-wrap{max-width:430px}.small-mark{display:none}.login-form-wrap h2{font-size:45px;margin:8px 0}.login-intro{margin-bottom:25px}.login-features{gap:22px}.dialog-inner{padding:25px}.dialog{max-height:92dvh}}@media(max-width:480px){.workspace{padding:0 12px}.workspace-header{min-height:82px}.room-heading{gap:5px}.room-heading h1{font-size:16px}.room-heading .eyebrow{font-size:5px;letter-spacing:.06em}.setup-banner,.capability-banner,.connection-banner{font-size:10px;padding:12px;gap:9px}.setup-banner strong,.capability-banner strong{font-size:10px}.setup-banner .button{margin-left:27px}.video-viewport{min-height:320px}.video-viewport:has(.video-visible){min-height:260px}.screen-empty{padding:52px 16px calc(var(--controls-height) + 20px)}.screen-empty h2{font-size:34px}.screen-empty>p:not(.eyebrow){font-size:10px}.cinema-orbit{width:51px;height:51px;margin-bottom:22px}.cinema-orbit svg{width:28px}.screen-topline{padding:13px 12px 30px}.screen-brand{font-size:6px}.screen-tag{font-size:6px;padding:4px}.screen-message{padding:52px 18px calc(var(--controls-height) + 20px);gap:12px}.screen-message h3{font-size:25px}.screen-message p{font-size:10px}.screen-message-icon{height:43px;width:43px}.screen-message .container-note{font-size:9px}.server-overlay{left:10px;right:10px;bottom:calc(var(--controls-height) + 10px);font-size:11px;padding:10px}.transport{--control-gutter: 9px}.transport-row{gap:6px}.shared-controls,.local-controls{gap:1px}.transport .icon-button{width:28px}.volume-range{width:50px;margin-right:3px}.time-display{margin-left:3px;font-size:8px}.play-button{width:29px}.now-playing{flex-direction:column;gap:9px}.sync-badge{margin:0;padding:5px 7px;font-size:8px}.sync-badge>span{display:inline}.composer{padding:15px 13px}.composer-heading{flex-direction:column;align-items:flex-start;gap:12px}.composer-heading h3{font-size:13px}.youtube-form{grid-template-columns:minmax(0,1fr)}.youtube-form .button{grid-column:1;grid-row:auto;justify-self:end;align-self:flex-end;min-height:35px;padding:7px 11px}.composer-bottom{flex-direction:column-reverse;align-items:flex-start;gap:8px}.upload-dropzone{flex-wrap:wrap}.upload-dropzone>div{flex-basis:calc(100% - 36px)}.upload-dropzone .button{margin-left:35px}.upload-dropzone strong{font-size:11px}.upload-dropzone p{font-size:9px}.queue-list,.history-list{grid-template-columns:1fr}.queue-thumb{width:96px;height:65px}.queue-item-info h3{font-size:12px}.queue-actions .icon-button{width:33px;height:30px}.queue-item-info .queue-index{font-size:8px}.item-status{font-size:9px}.queue-header .eyebrow{font-size:7px}.transfer-item{padding:12px 10px}.transfer-icon{display:none}.transfer-percent{font-size:9px}.transfer-stats{font-size:8px;gap:8px}.transfer-title>span{font-size:8px}.transfer-footnote{font-size:9px}.lobby-welcome{padding:28px 20px}.lobby-welcome h2{font-size:47px}.lobby-welcome .eyebrow{font-size:7px;max-width:220px}.lobby-welcome>p{font-size:11px;max-width:260px}.lobby-decoration{opacity:.13;right:13px;top:160px}.dialog-inner{padding:22px 18px}.dialog-heading h2{font-size:29px}.form-columns{grid-template-columns:1fr}.admin-form{padding:13px}.admin-user-row{gap:6px}.admin-user-row .avatar{width:27px;height:27px;border-radius:8px;font-size:9px}.admin-user-row .tag{font-size:7px;padding:4px}.admin-user-row .icon-button{width:29px}.admin-user-row .user-detail strong{font-size:11px}.toast-region{right:16px;bottom:16px}.login-story{padding-left:25px;padding-right:25px}.login-editorial h1{font-size:49px}.login-art{right:5px;opacity:.26}.login-form-panel{padding-left:25px;padding-right:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.player-controls .transport-row,.player-controls .seek-track input{transition-delay:0s!important}}