:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edeaf6;background:#0f101b;font-synthesis:none;--muted:#9995ad;--accent:#c6bbff;--line:#ffffff12}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#ffffff07;transition:.2s}button:hover{background:#ffffff13;transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:2px solid #d2c3ff;outline-offset:3px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 32px;background:#13141f}.brand{display:flex;align-items:center;gap:13px;min-width:250px}.brand-mark{width:42px;height:42px;border:1px solid #9583be;border-radius:14px;background:#302641;color:#f2d7a4;font-size:30px;text-align:center}.brand strong{font-size:13px;letter-spacing:2px;display:block}.brand div>span{display:block;font-size:9px;letter-spacing:3.5px;margin-top:5px;color:#a5a0b5}.room-pill{margin:auto;display:flex;gap:9px;align-items:center;background:#222330;border:1px solid #ffffff0d;border-radius:30px;padding:10px 14px;font-size:12px}.room-pill i,.activity-dot{width:6px;height:6px;border-radius:50%;background:#b9d99e;display:inline-block}.room-pill small{font-size:8px;letter-spacing:1px;color:#b8b1ce;border-left:1px solid #ffffff22;padding-left:10px}.icon-button{height:32px;width:32px;border-radius:50%;color:var(--muted)}main{display:grid;grid-template-columns:265px 1fr;min-height:calc(100vh - 88px)}aside{padding:32px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(160deg,#1b1a2c,#12131f)}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#aaa1be}h1{font-weight:500;letter-spacing:-1px;font-size:29px;line-height:1.2;margin:16px 0 12px}.intro{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 32px}.section-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#beb8cf;margin-bottom:16px}.section-title #count{background:#ffffff0d;border-radius:6px;padding:2px 7px}.person{display:flex;align-items:center;gap:10px;padding:10px 0}.person .dot-avatar{width:33px;height:37px;border-radius:11px;background:var(--coat);color:#292234;display:grid;place-items:center;font-weight:750;box-shadow:inset 0 -8px 0 #0000001a}.person b{display:block;font-size:12px;font-weight:550}.person small{display:block;font-size:10px;color:#8f899f;margin-top:3px}.person .you{color:#c9bfff;font-size:8px;margin-left:4px}.person>i{margin-left:auto;width:5px;height:5px;background:#9ab585;border-radius:50%}.room-options{margin-top:auto;padding-top:30px}.room-options label,dialog label{display:block;font-size:9px;letter-spacing:1px;color:#a9a2bb;margin-bottom:9px}select{width:100%;background:#242232;border:1px solid #ffffff15;border-radius:10px;padding:10px;font-size:11px;margin-top:6px}.aside-foot{margin-top:24px;display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px}.aside-foot p{font-size:9px;line-height:1.8;color:#9f97ae;margin:0}.aside-foot p span{color:#706b81}.tiny-orbit{font-size:23px;color:#857693}.stage{padding:30px 28px 0;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 55% 42%,#25243b 0,#151521 68%)}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:8px 0}.live-badge{white-space:nowrap;font-size:10px;color:#c3b4db;background:#282438;padding:8px 12px;border:1px solid #b995db22;border-radius:20px}#world{height:max(400px,calc(100vh - 308px));min-height:330px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#labels{position:absolute;inset:0;pointer-events:none}.name-label{position:absolute;font-size:9px;color:#f7edff;white-space:nowrap;background:#1b172bbf;border:1px solid #aaa0cf25;border-radius:6px;padding:3px 7px;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0002}.name-label.self{border-color:#c6bbff88;color:#eee4ff}.name-label.speaking{border-color:#afffa2;box-shadow:0 0 12px #afffa255}#empty,#error{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);text-align:center;border-radius:16px;background:#181522ed;padding:22px;width:min(420px,90%);border:1px solid #ffffff15;font-size:13px;box-shadow:0 15px 60px #0005}#empty p{font-size:11px;color:var(--muted)}#error{top:32%;color:#efd4a5}#error[hidden],#empty[hidden]{display:none}.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#9890a8;margin:0 8px 20px}.scene-caption>span:first-child{color:#b7a8cf}.key-hint{font-size:8px;letter-spacing:1.2px;color:#746d88}.toolbar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:18px 0 14px}.toolbar button{padding:10px 12px;font-size:11px;white-space:nowrap}.toolbar button span{margin-right:5px;font-size:15px;color:#c5bbdc}.toolbar button.primary{margin-left:auto}.toolbar .separator{width:1px;height:24px;background:var(--line);margin:0 4px}.toolbar .active{background:#28243d;border-color:#62577f}.primary{background:#c5b6ef!important;color:#231d36!important;border:0;padding:12px 18px;font-weight:650}.primary:hover{background:#d5c8f7!important}.toolbar button.primary span{color:#231d36}.activity-bar{display:flex;align-items:center;gap:10px;font-size:10px;color:#8b839f;min-height:40px;border-top:1px solid var(--line)}.activity-dot{background:#827699;width:4px;height:4px}dialog{color:#eee8f5;background:#201d2d;border:1px solid #a18fc544;border-radius:24px;padding:32px;width:min(430px,94vw);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#090716b8;backdrop-filter:blur(7px)}dialog p{color:#a79db7;font-size:12px;line-height:1.7}dialog h2{font-size:28px}.close{position:absolute;top:16px;right:16px;width:28px;height:28px;font-size:20px;border:0}.swatch-row{margin:18px 0}.swatch-row>span{display:block;font-size:9px;color:#aaa0ba;letter-spacing:1px;margin-bottom:8px}.swatch-row>div{display:flex;gap:9px}.swatch{width:28px;height:28px;border:3px solid transparent;border-radius:50%;background:var(--swatch)}.swatch.selected{border-color:white;box-shadow:0 0 0 2px #77648f}.upload{margin-top:22px;border-top:1px solid #ffffff15;padding-top:20px}.upload strong{font-size:12px}.file-label{padding:10px;background:#3b304c;border-radius:8px;cursor:pointer;text-align:center;color:#e0d0f3!important;font-size:11px!important}input[type=file]{display:none}#upload-state{font-size:11px;color:#baabc9}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#382e4c;border:1px solid #c9b1e344;color:#f4e7ff;padding:13px 20px;border-radius:12px;opacity:0;transition:.2s;pointer-events:none;z-index:5;font-size:12px;max-width:85vw}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){main{grid-template-columns:210px 1fr}aside{padding:26px 18px}.brand{min-width:190px}h1{font-size:25px}.stage{padding:24px 18px 0}.toolbar{gap:4px;flex-wrap:wrap}.toolbar button{font-size:10px;padding:8px}.key-hint{display:none}}@media(max-width:700px){header{height:70px;padding:0 15px}.brand{min-width:auto}.brand strong{font-size:10px}.brand div>span{font-size:7px}.brand-mark{width:33px;height:33px;font-size:24px}.room-pill{font-size:9px;margin-left:auto;margin-right:0;padding:8px}.room-pill small{display:none}.icon-button{display:none}main{display:block}aside{display:none}.stage{padding:16px 14px 0}#world{height:calc(100dvh - 285px);min-height:320px}.stage-top h2{font-size:18px}.toolbar .separator{display:none}.toolbar button.primary{margin-left:0}.scene-caption{margin-bottom:12px}.live-badge{font-size:8px}.name-label{font-size:8px;padding:2px 4px}}@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}

main{height:calc(100dvh - 88px);min-height:0}aside{overflow:auto}.stage{overflow:hidden}#world{flex:1;height:auto;min-height:200px}.toolbar{flex-shrink:0}.stage-top{flex-shrink:0}@media(max-width:700px){main{height:calc(100dvh - 70px)}.stage{height:100%}#world{height:auto;min-height:200px}}

[hidden]{display:none!important}.camera-tools{position:absolute;right:12px;top:12px;display:flex;gap:5px}.camera-tools button{background:#211d32e8;padding:7px 11px;font-size:12px}.panel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 0 9px}.panel-tabs button{padding:8px 17px;font-size:12px;border-radius:9px}.panel-tabs button.active,.button-row button.active{background:#443656;border-color:#a78ec2}.action-panel{min-height:127px;padding:12px 0}.toolbar{flex-wrap:wrap;border:0;align-content:start}.toolbar button{padding:8px 10px}.button-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.button-row button{padding:8px 12px;font-size:11px}.panel-note{font-size:10px;color:#a69ab6;margin:9px 0 0}.target-row{display:flex;align-items:center;gap:12px;font-size:11px}.target-row select{width:200px;margin:0}.target-row span{color:#a89ab6;font-size:10px}.needs-title{display:flex;justify-content:space-between;font-size:11px;margin:0 0 10px}.needs-title span{color:#b4d7a0}.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.needs-grid label{font-size:10px;color:#b1a7c1}.needs-grid label span{float:right;font-size:9px}.needs-grid progress{width:100%;height:7px;display:block;margin-top:6px;accent-color:#b5cfa0}.secondary{align-items:center;font-size:10px;color:#afa2bf}.scene-caption{margin-bottom:14px}.key-hint{letter-spacing:.4px;text-align:right}#world{height:max(330px,calc(100vh - 410px))}.stage{padding-top:22px}.intro{margin-bottom:20px}@media(max-width:1000px){.toolbar button.primary{margin-left:0}.key-hint{max-width:230px}.target-row{flex-wrap:wrap}.stage{padding:18px 14px 0}aside{padding:24px 18px}main{grid-template-columns:215px 1fr}}@media(max-width:700px){.needs-grid{grid-template-columns:repeat(2,1fr)}.action-panel{min-height:150px}#world{height:48vh}.camera-tools{right:5px;top:5px}}