:root{color-scheme:dark;--bg: #101014;--panel: #19191f;--line: #2b2b33;--text: #ecebf0;--muted: #888893;--orange: #f3aa82;--accent: #ef986a;font-family:DM Sans,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}svg{flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.topbar{height:92px;border-bottom:1px solid #24242b;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#f2ad86;color:#22202a;border-radius:12px;transform:rotate(-6deg)}.brand-mark svg{transform:rotate(6deg)}.brand-light{font-weight:400;color:#d4d1d7}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:1.4px;margin-top:6px}.top-actions{display:flex;align-items:center;gap:22px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.connection i{width:6px;height:6px;border-radius:50%;background:#777}.connection.online i{background:#a5c4a3;box-shadow:0 0 0 4px #a5c4a30b}.platform{font-size:11px;color:#73717e;border-left:1px solid var(--line);padding-left:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;font-weight:600;font-size:13px;border-radius:8px;white-space:nowrap}.button.small{padding:11px 15px;font-size:12px}.accent{background:var(--orange);color:#231d1a;box-shadow:0 3px 12px #f3aa8210}.accent:hover{background:#ffc39f}.soft{background:#303038;color:#e8e4e5}.soft:hover{background:#3e3d45}.outline{border:1px solid #44404a}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#9795a3;flex-shrink:0}.icon-button:hover{background:#ffffff09;color:#e9e5e5}.workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:28px;padding:35px 4.5% 25px}.screen-column{min-width:0}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#86838d;font-weight:600;margin-bottom:8px}h1{font-size:26px;font-weight:600;letter-spacing:-.5px;margin:0}.orange-dot{color:var(--orange)}.room-heading p{font-size:12px;color:#85838d;margin:10px 0 0}.heading-actions{display:flex;gap:9px}.stage{position:relative;width:100%;aspect-ratio:16/9;background:#08080b;border:1px solid #303039;border-radius:12px 12px 0 0;overflow:hidden;isolation:isolate}.stage video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.stage:fullscreen{border:0;border-radius:0;aspect-ratio:auto}.welcome{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 12%,#673f3d60,transparent 60%),linear-gradient(115deg,#25202a 15%,#25212b 47%,#45343b)}.scene-orb{position:absolute;right:9%;top:10%;height:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#e7b39a90,#8c5c5a55 55%,#30243110 70%);box-shadow:0 0 110px #b8775540;opacity:.7}.scene-lines{position:absolute;inset:0;background:linear-gradient(80deg,transparent 62%,#17151f80 62.1%,transparent 63%),linear-gradient(0deg,#11121b80 10%,transparent 10.5%);z-index:1}.scene-lines:after{content:"";position:absolute;bottom:0;right:2%;width:34%;height:35%;background:#1b1926;clip-path:polygon(0 100%,0 65%,11% 65%,11% 48%,25% 48%,25% 67%,40% 67%,40% 33%,48% 33%,48% 18%,55% 18%,55% 35%,68% 35%,68% 52%,86% 52%,86% 30%,100% 30%,100% 100%)}.frame-index{position:absolute;top:26px;left:30px;font-size:15px;letter-spacing:4px;color:#d3c0bc;z-index:2}.frame-index span{margin-left:15px;letter-spacing:2px;font-size:8px;color:#9c8e96}.welcome-text{position:absolute;z-index:2;left:7%;top:25%}.tag{font-size:10px;color:#d9b2a0;letter-spacing:2px}.welcome h2{font-size:clamp(25px,3.1vw,45px);font-weight:500;line-height:1.55;letter-spacing:2px;margin:15px 0 10px}.welcome p{font-size:11px;line-height:1.9;color:#afa1aa;letter-spacing:.6px}.welcome .button{margin-top:12px;padding:12px 16px;font-size:11px}.scene-footer{position:absolute;z-index:2;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#95818e}.transport{display:flex;align-items:center;gap:13px;height:58px;background:#1c1b22;border:1px solid #303039;border-top:0;border-radius:0 0 10px 10px;padding:0 19px}.play-button{width:27px;color:#d5c7c6}.time{font-size:10px;font-variant-numeric:tabular-nums;color:#c4bcc7;white-space:nowrap}.muted{color:var(--muted)}input[type=range]{accent-color:var(--orange);height:3px;flex:1;min-width:30px;cursor:pointer}.transport select{background:transparent;color:#b5adbb;border:0;font-size:11px;padding:4px}.source-card{margin-top:23px;background:#19191f;border:1px solid #2b2a32;border-radius:10px;padding:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:8px}.section-heading>span:first-child{display:flex;align-items:center;gap:9px}.section-heading svg{color:#b5a6ac}.subtle{font-size:10px;color:#74717d;font-weight:400}.source-form{position:relative;display:flex;gap:8px;margin:18px 0 12px}.source-form input{padding:12px 10px 12px 37px;width:100%;min-width:0;background:#121217;border:1px solid #33313a;color:#ded7dc;border-radius:7px;font-size:11px;outline:none}.source-form input:focus{border-color:#b97e60}.input-icon{position:absolute;left:11px;top:10px;color:#6c6672}.source-form .button{font-size:11px;padding:10px 14px}.source-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.site-chips{display:flex;align-items:center;gap:7px}.site-chips button{font-size:9px;color:#9c929f;background:#26232c;border:1px solid #332e39;border-radius:4px;padding:4px 8px}.site-chips button:hover{color:var(--orange);border-color:#ad795e}.site-chips span{font-size:9px;color:#6e6573;margin-left:3px}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#a49ba7}.text-button:hover{color:var(--orange)}.mode-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;border:1px solid #343037;background:linear-gradient(110deg,#252024,#1c1a20);border-radius:9px;padding:19px 20px}.mode-copy{display:flex;align-items:center;gap:15px}.mode-symbol{color:#ba977f;background:#b58e6b12;display:grid;place-items:center;width:39px;height:39px;border-radius:10px}.mode-copy h3{font-size:12px;font-weight:500;margin:0 0 7px}.mode-copy p{font-size:10px;color:#8c808d;margin:0;line-height:1.6}.pill{display:inline-block;color:#b39982;border:1px solid #5d493b;border-radius:4px;padding:2px 5px;margin-left:8px;font-size:8px}.switch{flex-shrink:0;width:34px;height:19px;border-radius:20px;background:#3e3841;padding:3px}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:#a399a8;transition:transform .2s}.switch[aria-checked=true]{background:#b77d5f}.switch[aria-checked=true] i{transform:translate(15px);background:#ffdcc6}.screen-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#6e6573;margin-top:16px}.screen-foot span{display:flex;align-items:center;gap:5px}.sidebar{display:flex;flex-direction:column;padding-top:5px;min-width:0;gap:18px}.members-card{border:1px solid #2d2a33;background:#1a191f;border-radius:10px;padding:20px 19px 15px}.section-heading b{font-size:9px;font-weight:400;color:#b4a4af;display:inline-grid;place-items:center;min-width:20px;height:19px;background:#322b35;border-radius:4px}.live-label{color:#8f9e91;font-size:9px;font-weight:400;display:flex;gap:4px;align-items:center}.members{padding:17px 0 3px;max-height:220px;overflow-y:auto}.empty-members{font-size:11px;line-height:1.9;color:#817585;margin:9px 0 16px}.member{display:flex;align-items:center;gap:10px;padding:7px 0}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#40343c;color:#d2afa0;font-size:11px;flex-shrink:0}.member:nth-child(3n+2) .avatar{background:#303b39;color:#a0b4ad}.member:nth-child(3n+3) .avatar{background:#333448;color:#a8a8bf}.member-info{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}.member-info strong{font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info small{font-size:9px;color:#887a8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latency{font-size:9px;color:#a4b39a;font-variant-numeric:tabular-nums}.latency.slow{color:#e0b17a}.invite-line{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;border-top:1px solid #302b35;margin-top:10px;padding-top:14px;font-size:10px;color:#a797a6}.invite-line:hover{color:var(--orange)}.chat-panel{height:450px;min-height:300px;display:flex;flex:1;flex-direction:column;background:#1a191f;border:1px solid #2d2933;border-radius:10px;position:relative;overflow:hidden}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #2d2933;cursor:grab;touch-action:none;font-size:12px}.chat-heading>div{display:flex;align-items:center;gap:8px}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#9d917e}.drag-hint{font-size:8px;color:#746878}.chat-heading .icon-button{width:22px;height:22px}.chat-heading .icon-button svg{width:14px;height:14px}.chat-messages{overflow-y:auto;padding:14px;flex:1;min-height:100px;scrollbar-width:thin;scrollbar-color:#493d4b transparent}.chat-empty{height:100%;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#655b6d;text-align:center;gap:3px}.chat-empty>span{color:#665568;background:#2a232d;border-radius:50%;padding:16px}.chat-empty p{font-size:11px;color:#a094a4;margin:14px 0 5px}.chat-empty small{font-size:9px;color:#77677f}.chat-compose{border-top:1px solid #2d2933;padding:12px 14px}.chat-compose textarea{background:none;border:0;outline:none;resize:none;width:100%;font-size:11px;color:#e6dce5;line-height:1.6;padding:0;min-height:38px}.chat-compose textarea::placeholder{color:#716275}.compose-actions{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.compose-actions>div{display:flex;gap:2px}.compose-actions .icon-button{width:28px;height:28px}.compose-actions .icon-button svg{width:17px;height:17px}.send-button{background:#f0b38e;color:#36262a;border-radius:7px;width:30px;height:29px}.chat-compose>small{display:block;text-align:right;font-size:8px;color:#665a6c;margin-top:8px}.sidebar-foot{color:#67586f;font-size:7px;letter-spacing:1.5px;text-align:center;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:14px}.sidebar-foot span{font-size:14px;color:#9e7b61}.app-foot{max-width:1600px;margin:auto;padding:15px 4.5% 24px;border-top:1px solid #24212a;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#6a5c71}.app-foot b{font-size:8px;border:1px solid #3d3045;border-radius:4px;padding:2px 4px;font-weight:400;margin-left:5px}.app-foot>span:nth-child(2){letter-spacing:1px}.message{margin-bottom:15px;display:flex;flex-direction:column;align-items:flex-start}.message.mine{align-items:flex-end}.message-meta{font-size:8px;color:#8a788f;margin-bottom:7px}.bubble{font-size:11px;background:#302735;border:1px solid #3a2e3e;border-radius:0 9px 9px;padding:9px 11px;line-height:1.65;max-width:95%;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{border-radius:9px 0 9px 9px;background:#423239;border-color:#59404a;color:#f3d4c3}.bubble img{max-width:100%;max-height:170px;border-radius:5px;display:block}.emoji-picker{position:absolute;bottom:130px;left:12px;right:12px;background:#322738;padding:10px;border:1px solid #55405a;border-radius:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;z-index:5;box-shadow:0 8px 30px #0008}.emoji-picker button{font-size:20px;padding:3px}.floating{position:fixed;z-index:20;width:330px;height:460px;min-height:300px;max-height:85vh;box-shadow:0 15px 65px #0009;flex:none;resize:both}.chat-hidden .workspace{grid-template-columns:minmax(0,1fr)}.native-stage{position:absolute;inset:0;display:grid;place-items:center}.native-hint{font-size:12px;color:#88798e}.browser-hint,.cache-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#17131cef;padding:20px}.browser-hint>svg{color:#c09177}.browser-hint h3,.cache-overlay h3{font-size:20px;font-weight:500;margin:18px 0 9px}.browser-hint p,.cache-overlay p{font-size:12px;color:#aa96ac;line-height:1.8}.cache-overlay{z-index:6}.cache-icon{color:var(--orange);border:1px solid #73513f;background:#3b2c26;padding:16px;border-radius:50%}.cache-track{height:4px;background:#4a394c;width:min(300px,80%);border-radius:5px;overflow:hidden;margin:15px 0 24px}.cache-track i{height:100%;display:block;background:var(--orange);transition:width .3s}dialog{padding:30px;width:480px;max-width:calc(100% - 30px);color:var(--text);background:#211b25;border:1px solid #564250;border-radius:16px;box-shadow:0 20px 100px #000a;max-height:calc(100dvh - 30px);overflow-y:auto}dialog::backdrop{background:#050308bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:24px;font-weight:500;margin:10px 0}.dialog-copy{font-size:13px;color:#b09bb1;line-height:1.8;margin-bottom:25px}dialog label{display:block;font-size:11px;color:#c7b3c6;margin:17px 0}dialog input{display:block;width:100%;margin-top:9px;padding:12px;background:#17121c;color:#eddfec;border:1px solid #47364d;border-radius:7px;outline:none;font-size:12px}dialog input:focus{border-color:var(--orange)}.dialog-note{font-size:12px;line-height:1.8;color:#937d99}.dialog-buttons{display:flex;gap:10px;margin-top:22px}.dialog-buttons button{flex:1}.form-error{font-size:12px;color:#ffad9c;line-height:1.6}.room-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:#17121c;border-radius:9px}.room-tabs button{flex:1;padding:11px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.room-tabs button[aria-pressed=true]{background:#44313a;color:#ffd5bb}.advanced{border-top:1px solid #47364d;padding:18px 0}.advanced summary{cursor:pointer;font-size:13px;color:#e1cedc}.advanced .dialog-note{margin-bottom:0}.help-steps{padding-left:20px;color:#b5a1b8;font-size:12px;line-height:1.9}.help-steps li{margin:10px 0}.help-links{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0 20px}.dialog-wide{width:100%;margin-top:15px}dialog input{font-size:16px}dialog label{font-size:12px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.hero-actions .text-button{color:#e1c4d2}.toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%);background:#443342;border:1px solid #796075;color:#f7dff0;box-shadow:0 8px 30px #0008;padding:13px 20px;border-radius:9px;font-size:12px;line-height:1.6;max-width:90vw;width:max-content}.stage audio{display:none}input::placeholder{color:#756b7e}button{transition:background .15s,color .15s}@media(min-width:1500px){.workspace{gap:35px;grid-template-columns:minmax(0,1fr) 350px}.welcome h2{font-size:45px}.chat-panel{min-height:450px}}@media(max-width:1100px){.workspace{padding:27px 3%;gap:20px;grid-template-columns:minmax(0,1fr) 290px}.topbar{padding:0 3%;height:80px}.top-actions{gap:12px}.platform{display:none}.welcome h2{font-size:29px}.welcome .button{margin-top:5px;padding:10px;font-size:10px}.welcome-text{top:23%}.frame-index{top:20px;left:24px}.scene-footer{bottom:15px;left:24px}.source-card,.mode-card{padding:16px}.mode-copy{gap:10px}.pill{display:none}.chat-panel{height:440px}.room-heading{margin-bottom:23px}.room-heading h1{font-size:23px}.top-actions .connection{font-size:10px}.members-card{padding:17px 15px}}@media(max-width:850px){.topbar{height:75px;padding:0 20px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:36px;height:36px;border-radius:10px}.top-actions{gap:7px}.top-actions .connection{display:none}.top-actions .button{font-size:10px;padding:10px}.workspace{padding:25px 20px;display:flex;flex-direction:column;gap:24px}.room-heading{margin-bottom:20px}.room-heading h1{font-size:24px}.room-heading p{font-size:11px;line-height:1.7;max-width:75vw}.eyebrow{font-size:8px}.welcome-text{top:23%;left:7%}.welcome h2{font-size:clamp(25px,5vw,40px);margin:10px 0}.welcome p{font-size:10px}.scene-footer{font-size:7px}.frame-index{font-size:12px}.sidebar{display:grid;grid-template-columns:1fr 1.4fr;align-items:start;padding:0;gap:16px}.members-card{padding:18px}.chat-panel{height:360px}.sidebar-foot{grid-column:1/-1}.drag-hint{display:none}.app-foot{margin:0 20px;padding:15px 0 20px}.mode-copy p{font-size:10px}.source-card{margin-top:18px}.source-form input{font-size:10px}.screen-foot{font-size:8px}.transport{height:53px;padding:0 14px;gap:10px}}@media(max-width:540px){.stage.lobby-stage{height:340px;min-height:340px;aspect-ratio:auto}.stage.lobby-stage .scene-footer{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-actions .text-button{padding:6px 0;font-size:12px}.topbar{padding:0 16px;height:72px}.brand small{display:none}.brand{font-size:18px;gap:10px}.top-actions{gap:4px}.top-actions .icon-button{width:28px}.top-actions .button svg{display:none}.top-actions .button{padding:9px 10px;font-size:9px}.workspace{padding:25px 14px 20px}.room-heading{align-items:flex-start}.room-heading h1{font-size:22px;line-height:1.5;max-width:72vw;overflow-wrap:anywhere}.room-heading p{font-size:10px}.heading-actions{gap:0;padding-top:15px}.stage{aspect-ratio:1.42;border-radius:10px 10px 0 0}.welcome-text{top:22%;left:8%}.welcome h2{font-size:29px;line-height:1.5;letter-spacing:1px}.welcome p{margin:7px 0;font-size:10px}.tag{font-size:8px}.frame-index{top:18px;left:22px;font-size:12px}.frame-index span{font-size:6px;margin-left:8px}.scene-orb{right:-10%;top:12%;height:70%}.welcome .button{font-size:9px;padding:10px 12px;margin-top:8px}.welcome .button svg:last-child{display:none}.scene-footer{bottom:15px;left:22px;right:22px;letter-spacing:1.3px;font-size:6px}.source-card{padding:15px}.source-form{gap:6px;margin-top:15px}.source-form .button{padding:9px;font-size:10px;gap:5px}.source-form .button svg{display:none}.source-form input{padding-left:32px;font-size:10px}.input-icon{left:9px}.source-card .subtle{font-size:8px}.site-chips{gap:5px}.site-chips button{font-size:8px;padding:4px 6px}.site-chips span{font-size:8px}.mode-card{padding:15px;gap:8px}.mode-copy{gap:9px}.mode-symbol{width:30px;height:34px}.mode-copy h3{font-size:11px}.mode-copy p{font-size:9px;max-width:230px}.sidebar{display:flex;gap:15px;align-items:stretch}.members-card{padding:17px}.members{max-height:175px}.member{padding:8px 0}.chat-panel{height:380px;flex:none}.chat-messages{min-height:150px}.sidebar-foot{margin-top:2px}.app-foot{margin:0 14px;font-size:8px;gap:10px}.app-foot>span:nth-child(2){display:none}.transport{gap:9px}.transport select{font-size:10px;width:45px;padding:2px}.transport .icon-button{width:23px}.time{font-size:9px}.screen-foot{gap:5px}.screen-foot span:last-child{text-align:right}.browser-hint h3,.cache-overlay h3{font-size:17px}.browser-hint p,.cache-overlay p{font-size:11px}.floating{position:fixed;width:calc(100vw - 28px);max-width:330px;height:400px;resize:none;max-height:80vh}.chat-heading{cursor:default}.stage:fullscreen{aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}