@charset "UTF-8";
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#e8eeef;background:#14232d;font-synthesis:none;--glass:rgba(20,35,46,.82);--border:rgba(215,233,235,.16);--muted:#a2b6bc;--accent:#9cded7;--ink:#e8eeef;--shadow:0 14px 60px #05121b30}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.glass{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(22px);box-shadow:var(--shadow)}#app{height:100dvh;min-height:600px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 55%,#42535d,#152833 75%)}#viewport canvas{width:100%;height:100%;display:block}#labels{position:absolute;inset:0;pointer-events:none;z-index:2}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#09182135,transparent 60%,#07101c45),linear-gradient(0deg,#09182150,transparent 25%,transparent 72%,#09182155)}.topbar{position:absolute;top:22px;left:26px;right:26px;height:74px;border-radius:16px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{display:flex;align-items:center;gap:13px}.brand-icon{border:1px solid #b0d8d365;border-radius:12px;font-size:29px;width:43px;height:43px;display:grid;place-content:center;font-weight:600;position:relative}.brand-icon span{position:absolute;right:4px;bottom:0;color:var(--accent)}.brand strong{font-size:18px;font-weight:550;letter-spacing:1px}.brand-divider{margin:0 13px;color:#72919c;font-weight:300}.brand small{display:block;font-size:9px;letter-spacing:3.2px;color:var(--muted);margin-top:5px}.room-switch{display:flex;background:#0a152145;padding:5px;border-radius:10px;gap:4px}.room-switch button{padding:11px 20px;font-size:13px;color:var(--muted);border-radius:7px}.room-switch .active{color:#e5f4f2;background:#d2eae81c;box-shadow:inset 0 0 0 1px #c2e3df30}.room-switch span{font-size:10px;margin-left:5px}.header-tools{display:flex;align-items:center;gap:20px}.demo-badge{font-size:11px;color:#e3cb99;background:#ceb07815;border:1px solid #ceb07840;padding:6px 9px;border-radius:5px;letter-spacing:1px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-content:center;background:#b3d2cb;color:#1f4048;font-size:13px}.icon-button{font-size:23px;width:24px}.room-heading{position:absolute;top:130px;left:44px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#b9cacc}.eyebrow span{margin-left:23px;color:#819da7}.room-heading h1{font-size:32px;line-height:1.55;letter-spacing:3px;font-weight:400;margin:17px 0 13px;text-shadow:0 3px 18px #071827b0}.room-heading p{color:#b7c8ce;font-size:12px;letter-spacing:2px}.status-strip{position:absolute;top:123px;left:calc(50% - 215px);right:410px;min-width:390px;padding:17px 20px;display:flex;align-items:center;gap:20px;border-radius:12px}.status-strip small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px;white-space:nowrap}.status-strip small span{font-size:8px;letter-spacing:1px;margin-left:9px;color:#90a4aa}.status-strip strong{font-size:13px;white-space:nowrap;font-weight:500}.status-strip em{font-style:normal;color:#829ba4;font-size:12px}#online-count{font-size:19px;font-variant-numeric:tabular-nums}.status-divider{height:30px;width:1px;background:var(--border)}.primary{background:#b5dcd5;color:#183c40;border-radius:7px;padding:12px 15px;font-size:12px;white-space:nowrap}.primary span{margin-left:13px}.primary:hover{background:#d4f3e9}.live-dot{display:inline-block;width:5px;height:5px;background:#a0d4c0;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #a0d4c035}.collaboration{position:absolute;right:26px;top:118px;bottom:100px;width:346px;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;z-index:5}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 22px 18px}.panel-heading small{color:var(--muted);font-size:8px;letter-spacing:2px}.panel-heading h2{font-size:18px;letter-spacing:2px;font-weight:400;margin:6px 0 0}.connected{font-size:10px;color:#a3cbbf}.tabs{display:flex;padding:0 22px;gap:23px;border-bottom:1px solid var(--border)}.tabs button{font-size:12px;padding:12px 1px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);border-bottom-color:#b9dad1}.tabs span{font-size:10px;color:#879ca4;margin-left:3px}.panel-content{flex:1;min-height:0;overflow:auto;padding:20px 20px 4px;scrollbar-width:thin;scrollbar-color:#5d7884 transparent}.message{margin-bottom:21px}.message-meta{display:flex;align-items:center;gap:8px;font-size:11px}.message-avatar{width:27px;height:27px;display:grid;place-content:center;border-radius:8px;color:#d7ebe6;background:#79958e30;border:1px solid #a4c8bd25}.message-meta small{margin-left:auto;font-size:9px;color:#91a4ad}.message-meta em{font-size:8px;color:#93aaa9;font-style:normal}.message p{font-size:12px;line-height:1.9;margin:7px 0 0 36px;color:#c4d3d8}.message .quote{margin:11px 0 0 35px;padding:14px 15px;border:1px solid #c4ddca36;background:#b3d5ca0c;border-radius:8px;cursor:pointer;text-align:left;width:calc(100% - 35px)}.quote small{font-size:9px;color:#9eb9b2;letter-spacing:.5px}.quote strong{display:block;font-size:22px;font-weight:400;margin-top:7px;color:#d7e5d9}.quote em{font-size:10px;font-style:normal;color:#9ab3b5}.quote p{font-size:10px;margin:8px 0 0;color:#93a8af}.system-message{font-size:10px;text-align:center;color:#859da5;margin:0 0 24px;line-height:1.8}.system-message span{display:block;color:#b7c8ce;margin-top:6px}.member-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #d1e4ed0b}.member-row strong{font-weight:400;font-size:12px;display:block}.member-row small{font-size:10px;color:#90a8b1;display:block;margin-top:5px}.member-state{margin-left:auto;font-size:10px;color:#aad2bf}.member-state.away{color:#a59472}.member-state.offline{color:#829099}.detail-row{margin-bottom:20px;font-size:12px}.detail-row small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}#message-form{border:1px solid #b9d5da25;margin:15px 18px 9px;border-radius:9px;background:#071b2125;padding:12px}textarea{background:none;border:0;color:var(--ink);resize:none;display:block;width:100%;font-family:inherit;font-size:12px;line-height:1.7;outline:none}textarea::placeholder{color:#8099a2}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer-bottom span{font-size:9px;color:#78969f}.send-button{border-radius:7px;background:#c2ddd5;color:#20454a;font-size:21px;width:30px;height:30px}.privacy-note{font-size:9px;color:#a6b2a0;text-align:center;margin:0 0 16px}.bottom-bar{position:absolute;left:39px;right:32px;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:16px}.location{display:flex;align-items:center;gap:7px;font-size:12px}.location small{display:block;font-size:8px;color:#93aab4;letter-spacing:1px;margin-left:12px}.camera-controls{display:flex;padding:7px;border-radius:12px;gap:3px}.camera-controls button{padding:11px 14px;border-radius:7px;font-size:15px;color:#a9bfc7;white-space:nowrap}.camera-controls button span{font-size:11px;margin-left:7px}.camera-controls button.active{background:#b9dcd91b;color:#d6eae5}.camera-controls>div{height:27px;width:1px;background:var(--border);align-self:center;margin:0 5px}.scene-hint{font-size:10px;color:#93aab5;letter-spacing:1px;width:218px;text-align:right}.demo-watermark{position:absolute;left:39px;bottom:106px;font-size:8px;color:#c1cdd64a;letter-spacing:3px;pointer-events:none}.build-status{position:absolute;left:calc(50% - 350px);top:55%;display:flex;align-items:center;gap:17px;padding:24px 27px;border-radius:12px;max-width:440px;z-index:6}.build-status strong{font-size:14px;font-weight:400;letter-spacing:1px}.build-status p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.7}.spinner{width:24px;height:24px;border:1px solid #d3ebe12a;border-top-color:#b7dbcc;border-radius:50%;animation:spin 2s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.screen-label{position:absolute;text-align:center;pointer-events:none;width:260px;color:#e3eee9;transform:translate(-50%,-50%);text-shadow:0 1px 8px #071921}.screen-label small{font-size:8px;letter-spacing:3px;color:#a6c1be}.screen-label h2{font-size:24px;font-weight:400;letter-spacing:6px;margin:11px 0}.screen-label p{font-size:10px;letter-spacing:2px}.screen-label b{display:block;font-size:12px;font-weight:400;margin-top:15px;color:#e1d4ac}.seat-label{position:absolute;transform:translate(-50%,-100%);border:1px solid #bdded32e;background:#122a30c9;color:#d5e3de;border-radius:6px;padding:6px 9px;font-size:9px;white-space:nowrap;backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer}.seat-label.offline{opacity:.5}.seat-label .bubble{position:absolute;bottom:34px;width:200px;left:50%;transform:translateX(-50%);white-space:normal;font-size:11px;line-height:1.7;color:#eaf4f2;background:rgba(18,38,46,.55);border:1px solid rgba(190,230,222,.35);border-radius:12px;padding:10px 13px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 24px #00101859,inset 0 1px 0 rgba(255,255,255,.12);pointer-events:none}.seat-label .bubble::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(190,230,222,.35)}.quote-detail{position:absolute;z-index:20;left:calc(50% - 170px);top:38%;width:300px;padding:27px;border-radius:14px}.quote-detail>button{float:right;font-size:24px;color:var(--muted)}.quote-detail small{font-size:9px;letter-spacing:2px;color:var(--muted)}.quote-detail h2{font-size:20px;font-weight:400;margin:21px 0}.quote-detail strong{font-size:34px;font-weight:300;color:#ccdfcf}.quote-detail em{font-size:12px;font-style:normal}.quote-detail p{font-size:11px;line-height:1.8;color:var(--muted)}.toast{position:absolute;z-index:25;bottom:110px;left:50%;transform:translateX(-50%);padding:14px 24px;font-size:12px;border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.day{--glass:rgba(236,241,237,.85);--border:rgba(58,87,92,.2);--muted:#5d7479;--ink:#243e47;color:var(--ink)}body.day .brand-icon{border-color:#5f8a8a66}body.day .room-switch{background:#b9cfcc40}body.day .room-switch .active{background:#fff9;color:#23474b}body.day .demo-badge{color:#8d6a2f}body.day .message p{color:#46616b}body.day .message-meta small,body.day .message-meta em{color:#627f85}body.day .quote strong{color:#416b63}body.day .message-avatar{color:#315b60}body.day .tabs button.active{border-color:#497f78}body.day .member-state{color:#327e64}body.day .camera-controls button{color:#41646c}body.day .camera-controls button.active{color:#244d51;background:#91b2a83b}body.day .privacy-note{color:#778369}body.day .quote-detail strong{color:#3c6c61}body.day .connected{color:#387561}
@media(max-width:1500px){.status-strip{left:360px;right:400px;gap:14px;min-width:unset;flex-wrap:wrap}.status-strip .primary{display:none}.status-strip>div:first-child{max-width:190px}.status-strip strong{font-size:12px}.room-heading h1{font-size:27px}.brand strong{font-size:16px}.header-tools{gap:14px}.room-switch button{padding:10px 15px}}@media(max-width:1150px){.status-strip{left:36px;right:auto;top:300px;gap:14px}.status-strip>div:first-child,.status-strip>.status-divider:first-of-type{display:none}.topbar{left:15px;right:15px;padding:0 16px}.brand-divider{margin:0 7px}.brand small{letter-spacing:1.8px}.collaboration{right:15px;width:310px}.room-heading{left:33px}.scene-hint{display:none}.location small{display:none}.bottom-bar{left:27px;right:27px}.room-switch button{padding:10px}.header-tools .avatar{display:none}}@media(max-width:760px){#app{min-height:540px}.topbar{top:12px;height:62px;left:12px;right:12px}.brand strong{font-size:13px}.brand-icon{width:32px;height:32px;font-size:22px}.brand{gap:8px}.brand small{font-size:7px}.brand-divider{margin:0 5px}.room-switch{position:absolute;top:75px;left:0}.header-tools{gap:12px}.demo-badge{font-size:9px;padding:5px}.room-heading{top:155px;left:24px}.room-heading h1{font-size:23px;line-height:1.5}.eyebrow{font-size:7px;letter-spacing:1px}.eyebrow span{display:none}.room-heading p{font-size:10px}.collaboration{top:auto;bottom:86px;right:12px;left:12px;width:auto;height:225px}.panel-heading{padding:13px 17px}.panel-heading small{display:none}.panel-heading h2{font-size:14px;margin:0}.tabs{position:absolute;right:15px;top:7px;border:0;gap:16px;padding:0}.tabs button{font-size:10px;padding:6px 0}.connected{display:none}.panel-content{padding:8px 16px;max-height:105px}.message{margin-bottom:12px}.message-meta{font-size:10px}.message p{font-size:11px;line-height:1.6}.message-avatar{height:21px;width:21px}.message .quote{padding:7px 12px}.quote strong{font-size:16px}.system-message{display:none}#message-form{margin:6px 12px;padding:7px 10px;display:flex;gap:10px;align-items:center}textarea{height:30px;min-width:0;font-size:11px}.composer-bottom{margin:0}.composer-bottom span{display:none}.privacy-note{font-size:8px;margin:3px 0 8px}.status-strip{top:94px;left:auto;right:13px;padding:10px 14px;font-size:10px}.status-strip>div:nth-last-of-type(1),.status-strip>.status-divider{display:none}.status-strip small{font-size:8px;margin-bottom:5px}.status-strip strong{font-size:10px}.bottom-bar{left:12px;right:12px;bottom:16px;justify-content:center}.location{display:none}.camera-controls button{padding:10px;font-size:13px}.camera-controls button span{font-size:10px;margin-left:4px}.build-status{left:20px;right:20px;top:38%;padding:20px}.build-status p{font-size:10px}.build-status strong{font-size:12px}.demo-watermark{bottom:325px;left:22px;font-size:7px}.screen-label{scale:.7}.quote-detail{left:20px;right:20px;top:25%;width:auto}.toast{bottom:330px;max-width:90%;width:max-content}.seat-label{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.seat-label.self{border-color:#9cded780;color:#c9f0e6;box-shadow:0 0 0 1px #9cded71f}
.message-avatar.self{background:#9cded71f;border-color:#9cded766;color:#c9f0e6}