.presence-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;background:#15231b66}.presence-editor{width:min(390px,92vw);padding:22px;border-radius:18px;background:#f8f7f1;color:#29382c;box-shadow:0 20px 70px #14221833}.presence-editor header,.presence-editor footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.presence-editor p{font-size:13px;color:#63705f}.presence-editor button{border:1px solid #d6dccc;border-radius:9px;padding:7px 11px;background:#f0f1e9;color:inherit;cursor:pointer}.presence-editor button:disabled{opacity:.5;cursor:default}.presence-presets{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0;font-size:12px}.presence-editor label{font-size:13px}.presence-editor textarea{display:block;box-sizing:border-box;width:100%;min-height:82px;resize:vertical;margin-top:7px;padding:10px;border:1px solid #bdc8b6;border-radius:10px;font:inherit;color:inherit;background:#fffefa}.presence-editor small{display:block;margin:8px 0 20px;color:#73806c}.presence-editor footer{justify-content:flex-end}.presence-editor button[type=submit]{background:#425b42;color:#fff}.presence-editor [role=alert]{color:#a14b36}.screen-stage-bar.minimal{position:absolute;left:auto;top:auto;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;z-index:2;padding:0;background:transparent;border:0;box-shadow:none;opacity:1;pointer-events:auto;-webkit-app-region:no-drag}.screen-stage-bar.minimal .screen-stage-expand{position:static;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;color:#f4f2eb;background:#1d2a24d9;border:1px solid #ffffff2e;box-shadow:0 6px 18px #0b161033;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;pointer-events:auto;-webkit-app-region:no-drag}.screen-stage-bar.minimal .screen-stage-expand:hover{background:#26362e}.screen-stage-expand svg{width:14px;height:14px}.signal-bars-panel{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:inherit}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:13px;flex:0 0 auto}.signal-bars i{display:block;width:3px;background:#8b929344;border-radius:1px}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:13px}.signal-bars i.on{background:#617d67}.signal-bars[data-level=poor] i.on{background:#b28d3d}.signal-bars[data-level=lost] i.on{background:#b15e50}.file-transfers{position:fixed;left:20px;bottom:46px;z-index:290;width:min(360px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.file-transfers-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;font-size:12px;color:var(--muted, #5b6b5e);text-shadow:0 1px 2px rgba(255,255,255,.5)}.file-transfers-head button{pointer-events:auto;padding:2px 8px;font-size:12px}.file-transfers-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.file-card{pointer-events:auto;display:grid;gap:6px;padding:11px 12px;border-radius:12px;border:1px solid rgba(29,42,31,.16);background:var(--panel, #ffffff);color:var(--text, #1d2a1f);box-shadow:0 14px 32px #1020143d;animation:file-card-in .2s ease-out}.file-card.done{border-color:#3f9d4f80}.file-card.failed{border-color:#c458428c}@keyframes file-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.file-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.file-card-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-size{flex:none;font-size:12px;color:var(--muted, #5b6b5e);font-variant-numeric:tabular-nums}.file-card-bar{position:relative;height:7px;border-radius:999px;background:#1d2a1f1f;overflow:hidden}.file-card-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3f9d4f,#7cc06a);transition:width .18s linear}.file-card-bar.sending>i{background:linear-gradient(90deg,#2f7fb5,#63b6e8)}.file-card-bar.failed>i{background:#c45842}.file-card-state{display:grid;gap:2px;margin:0;font-size:12px;line-height:1.45;min-width:0}.file-card-head{color:var(--text, #1d2a1f)}.file-card-detail{color:var(--muted, #5b6b5e);overflow-wrap:anywhere}.file-card.failed .file-card-detail{color:#a4402c}.file-card-actions{display:flex;gap:8px}.file-card-actions button{white-space:nowrap}@media (max-width: 560px){.file-transfers{left:8px;right:8px;width:auto;bottom:40px}}.sharing-preview{position:fixed;left:94px;bottom:88px;width:min(320px,calc(100vw - 110px));z-index:130;background:#fcfcf8;border:1px solid #71957c;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #14241d30}.sharing-preview header,.sharing-preview footer{display:flex;align-items:center;gap:10px;padding:10px 12px}.sharing-preview header{background:#e9f2e9;justify-content:space-between;color:#315e3e}.sharing-preview strong{font-size:12px;white-space:nowrap}.sharing-preview i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#428454;margin-right:8px}.sharing-preview video{display:block;width:100%;max-height:220px;aspect-ratio:16/9;object-fit:contain;background:#19221f}.sharing-preview small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.sharing-preview button{font-size:12px;padding:5px 8px;white-space:nowrap}.sharing-preview .stop-sharing{background:#a54537;color:#fff;border-color:transparent}.sharing-preview .clear-board{background:#dfe9e0;color:#315e3e;border-color:#71957c66}.sharing-preview .screen-stage{border-radius:0;background:#19221f}.sharing-preview .screen-stage video{max-height:220px;border-radius:0}.session-panel.private-calls{width:340px;max-height:65vh;overflow:auto;padding:18px;border:1px solid #d7dfd4;border-radius:20px;background:#fbfcf8;box-shadow:0 14px 45px #18382724}.private-calls>div>span{padding-right:0;font-size:12px;color:#687568}.private-calls>div>button{position:static;margin-top:8px}.call-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px;height:auto;min-height:0;border-bottom:0}.call-heading small{display:block;font-size:10px;letter-spacing:.12em;color:#73836d;margin-bottom:3px}.call-heading strong{font-size:17px;color:#233e31}.call-avatar{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#e4ecde;color:#426648}.call-heading i{width:8px;height:8px;border-radius:50%;background:#bdc7b8;margin-left:auto}.call-heading i.call-live{background:#48a474;box-shadow:0 0 0 4px #48a47415}.private-call-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:13px;border-top:1px solid #e4e9df}.session-panel.private-calls .private-call-actions button{position:static;inset:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9e2d5;border-radius:11px;padding:10px 12px;background:#f0f4eb;color:#34553e}.session-panel.private-calls .private-call-actions .call-hangup{background:#fbeae5;border-color:#f0d0c6;color:#a54835}.incoming-calls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;overflow:auto;background:#0e1a1424;pointer-events:none}.incoming-calls>*{pointer-events:auto}.call-invite{width:min(380px,calc(100vw - 32px));padding:24px;border:1px solid #d9e2d5;border-radius:22px;background:#fbfcf8;box-shadow:0 20px 65px #17312230}.call-invite h2{font-size:18px;line-height:1.6;margin:16px 0 6px}.call-invite p{font-size:13px;line-height:1.7;color:#6c7968}.call-invite .actions{display:flex;gap:10px;margin-top:18px}.call-invite button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;border-radius:12px;padding:11px}@media (max-width: 700px){.session-panel.private-calls{width:auto;left:16px;right:16px;bottom:18px;max-height:52vh}.session-panel.private-calls.folded{right:auto;max-height:none}}.session-panel.private-calls.folded{width:auto;max-height:none;padding:8px 10px;border-radius:16px}.call-folded .call-avatar,.call-folded .call-heading small{display:none}.call-folded .call-heading{margin-bottom:6px;gap:8px;flex-wrap:nowrap}.call-folded .call-heading strong{font-size:12px;white-space:nowrap}.call-folded>span{display:none}.call-folded .screen-stage{display:none}.call-folded .private-call-actions.folded{margin-top:0;padding-top:0;border-top:0;flex-wrap:nowrap;gap:6px}.session-panel.private-calls .private-call-actions.folded button{width:34px;height:34px;min-width:34px;padding:0;border-radius:11px}.session-panel.private-calls .call-fold{position:static;inset:auto;font-size:12px;line-height:1.2;padding:5px 10px;border:1px solid #d9e2d5;border-radius:10px;background:#f0f4eb;color:#34553e;white-space:nowrap}.session-panel.private-calls .call-fold:hover:not(:disabled){background:#e4ecdd;color:#2c4a34}.call-alerts{position:fixed;right:20px;bottom:88px;z-index:260;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 32px));pointer-events:none}.call-alerts>*{pointer-events:auto}.call-alert{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:14px;border-radius:16px;background:#fbfcf8;border:1px solid #e2c9bd;box-shadow:0 18px 40px #17312238;animation:call-alert-in .22s ease-out}.call-alert.missed{border-color:#d8c48a}.call-alert-icon{grid-row:1;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fbeae5;color:#a54835}.call-alert.missed .call-alert-icon{background:#f6eed6;color:#8a6d21}.call-alert-copy{min-width:0}.call-alert-copy strong{display:block;font-size:15px;color:#233e31}.call-alert-copy small{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:#6c7968}.call-alert-actions{grid-column:1 / -1;display:flex;gap:8px}.call-alert-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:11px;font-size:12px;border:1px solid #d9e2d5;background:#f0f4eb;color:#34553e}.call-alert-actions .primary{background:#4d7c55;border-color:#4d7c55;color:#f6fbf3}@keyframes call-alert-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 700px){.call-alerts{right:12px;left:12px;bottom:76px;width:auto}}.call-floating-panels{position:fixed;right:12px;bottom:100px;z-index:130;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:max-content;max-width:calc(100vw - 24px);pointer-events:none;overflow-y:auto;scrollbar-width:thin}.call-floating-panels>.session-panel.private-calls,.call-floating-panels>.sharing-preview{position:relative;inset:auto;flex:0 0 auto;max-width:100%;margin:0;pointer-events:auto}.call-floating-panels>.sharing-preview{width:300px}.call-floating-panels>.session-panel.private-calls.folded{width:max-content;max-width:100%;padding:4px;border-radius:12px}.call-floating-panels .private-calls .call-folded{display:flex;align-items:center;gap:6px;padding:0;min-height:32px}.call-floating-panels .private-calls .call-folded+.call-folded{margin-top:4px}.call-floating-panels .call-folded .call-heading{flex:1;min-width:0;gap:4px;padding:0;margin:0}.call-floating-panels .call-folded .call-heading>div:not(.call-avatar){min-width:0}.call-floating-panels .call-folded .call-heading strong{display:block;max-width:64px;overflow:hidden;text-overflow:ellipsis}.call-floating-panels .call-folded .call-heading i{display:none}.call-floating-panels .call-folded .private-call-actions.folded{gap:3px}.call-floating-panels .private-calls .private-call-actions.folded button{width:30px;min-width:30px;height:30px;border-radius:8px}.call-floating-panels .private-calls .call-folded .call-fold{height:30px;padding:4px 6px;border-radius:8px}.call-floating-panels>.sharing-preview.collapsed{width:max-content;border-radius:12px}.sharing-preview header{height:auto;min-height:0;border:0}.sharing-preview.collapsed header{height:40px;padding:4px 6px;gap:6px}.sharing-preview.collapsed header button{height:30px;padding:4px 6px;border-radius:8px}.sharing-preview.collapsed footer{display:none}.sharing-preview.collapsed strong{font-size:11px}.sharing-preview.collapsed i{margin-right:4px}.update-prompt{position:fixed;right:20px;bottom:20px;z-index:300;display:grid;grid-template-columns:40px 1fr;gap:10px;width:min(380px,calc(100vw - 32px));padding:14px;border-radius:14px;border:1px solid rgba(63,157,79,.55);background:var(--panel, #ffffff);color:var(--text, #1d2a1f);box-shadow:0 18px 42px #10201447;animation:update-prompt-in .22s ease-out}@keyframes update-prompt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.update-prompt .update-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#3f9d4f24;color:#2f7a3d}.update-body{display:grid;gap:6px;min-width:0}.update-title{font-size:15px}.update-detail{color:var(--muted, #5b6b5e);line-height:1.45}.update-bar{position:relative;height:8px;border-radius:999px;background:#1d2a1f1f;overflow:hidden}.update-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3f9d4f,#7cc06a);transition:width .18s linear}.update-bytes{color:var(--muted, #5b6b5e);font-variant-numeric:tabular-nums}.update-actions{display:flex;gap:8px;margin-top:2px}.update-actions button{white-space:nowrap}.update-hint{color:#a4622b}@media (max-width: 560px){.update-prompt{right:8px;left:8px;bottom:8px;width:auto}}.seat{position:relative;text-align:left;padding:10px 11px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.seat:hover:not(:disabled){border-color:#c2d0bd;background:#fff;transform:none}.seat.chosen{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.seat.mine{background:#e1eee0;border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.seat strong{display:block;font-size:13px;margin:6px 0 2px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat small{font-size:11px;color:var(--ink-3)}.detail{margin:18px 16px 14px;padding:16px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface-2)}.detail .eyebrow{font-size:11px;letter-spacing:1.5px}.detail h3{font-size:15px;margin:8px 0 12px;color:var(--ink)}.chat{display:flex;flex:1;min-height:0;flex-direction:column}.messages{flex:1;overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:14px}.messages article{display:flex;flex-direction:column;align-items:flex-start}.messages strong{font-size:12px;color:var(--ink-3);margin-bottom:4px}.messages p{margin:0;background:var(--surface-3);border-radius:4px 12px 12px;padding:10px 12px;font-size:13px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-width:88%}.chat form{display:flex;padding:12px;gap:8px;border-top:1px solid var(--line-2)}.chat input{width:0;flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface-2);outline:none;color:var(--ink)}.chat input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #2e5c431f}.chat form button{font-size:13px;padding:9px 16px;border-radius:10px;background:var(--brand);color:#fff;border-color:var(--brand)}.chat form button:disabled{background:var(--surface-3);color:var(--ink-3);border-color:var(--line)}.modal{width:min(480px,92vw);max-height:88dvh;overflow-y:auto;padding:30px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg)}.modal h2{font-size:19px;color:var(--ink);text-shadow:none}.modal p{font-size:14px;line-height:1.85;margin:16px 0;color:var(--ink-2)}.modal .actions{margin-top:20px;justify-content:flex-end}.session-panel{position:fixed;bottom:140px;right:360px;width:330px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;z-index:30;box-shadow:var(--shadow-lg)}.session-panel>div{position:relative;padding:10px 0;border-bottom:1px solid var(--line-2)}.session-panel>div:last-child{border-bottom:0;padding-bottom:2px}.session-panel span{font-size:13px;color:var(--ink-2);display:block;padding-right:68px;line-height:1.5}.session-panel button{position:absolute;top:4px;right:0;font-size:12px;padding:6px 11px}.session-panel video{width:100%;margin:10px 0 2px;border-radius:10px}main{position:relative;--side-width: 320px}.seat-picker-hint{position:fixed;top:118px;left:50%;transform:translate(-50%);z-index:35;width:min(470px,calc(100vw - 48px));background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:11px}.seat-picker-hint>strong{font-size:15px;color:var(--ink)}.seat-picker-hint p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0}.seat-picker-hint .look-chooser{margin:0}.seat-picker-hint .hint-actions{display:flex;justify-content:flex-end;gap:8px}.look-chooser{display:flex;flex-direction:column;gap:12px}.look-body{display:flex;gap:16px;align-items:flex-start}.look-stage{flex:0 0 190px;display:grid;place-items:center;background:linear-gradient(180deg,var(--surface-2),rgba(0,0,0,.04));border:1px solid var(--line);border-radius:14px;padding:10px 6px}.look-preview{position:relative;display:block;width:100%}.look-preview:before{content:"";display:block;padding-top:125%}.look-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.look-preview.large{max-width:100%}.look-preview.small{width:100%}.look-options{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.look-steps{display:flex;gap:10px}.look-steps button{flex:1;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--ink-2);font-size:14px;cursor:pointer}.look-steps button.chosen{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);color:var(--brand)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;max-height:360px;overflow-y:auto;padding:2px}.color-grid button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--ink-2);font-size:12px;line-height:1.2}.color-grid button img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:linear-gradient(160deg,#eef2ec,#dfe6de);pointer-events:none}.color-grid button span{text-align:center}.color-grid .swatch{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.22);pointer-events:none}.color-grid button.chosen,.accessory-grid button.chosen{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 0 0 2px var(--brand);color:var(--brand)}.accessory-list{display:flex;flex-direction:column;gap:12px;max-height:380px;overflow-y:auto;padding:2px}.accessory-row{display:flex;flex-direction:column;gap:6px}.accessory-slot{font-size:13px;color:var(--ink-2)}.accessory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.accessory-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--ink-2);font-size:11px;line-height:1.2}.accessory-grid button img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:linear-gradient(160deg,#eef2ec,#dfe6de);pointer-events:none}.accessory-grid .none-mark{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:6px;background:var(--surface-2);border:1px dashed var(--line);color:var(--ink-3, var(--ink-2));font-style:normal;font-size:18px}:root{font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;font-size:15px;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--bg: #e9ede5;--surface: #ffffff;--surface-2: #f5f7f1;--surface-3: #e9f0e4;--ink: #1c3325;--ink-2: #4d6151;--ink-3: #83917f;--line: #d8dfd2;--line-2: #e6ebe0;--brand: #2e5c43;--brand-2: #3f7553;--brand-soft: #e2efe1;--mint: #4c8a60;--amber: #d99a3f;--danger: #b4473b;--danger-soft: #fcefea;--rail: #1d3024;--rail-2: #283f31;--rail-ink: #d7e5d4;--rail-dim: #8fa893;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(22, 40, 29, .06);--shadow-md: 0 8px 24px rgba(22, 40, 29, .1);--shadow-lg: 0 18px 46px rgba(22, 40, 29, .18)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:var(--r-md);padding:10px 15px;font-weight:500;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover:not(:disabled){background:var(--surface-3);border-color:#c2d0bd;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:2px}h1,h2,h3,p{margin:0}.app{display:flex;height:100dvh;min-height:680px;background:var(--bg)}.rail{width:78px;flex-shrink:0;background:linear-gradient(180deg,#20382a,#1b2e23);border-right:1px solid #16281e;display:flex;align-items:center;flex-direction:column;padding:20px 0 18px;gap:8px}.brand{font-size:27px;font-weight:700;text-decoration:none;color:#f1f6ee;line-height:1;margin-bottom:24px;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--rail-2);border-radius:13px;background:var(--rail-2);box-shadow:inset 0 1px #ffffff0f}.brand span{color:var(--amber)}.avatar{background:#e4eadb;width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;font-weight:600;color:#49653f;border:2px solid #6d8a71}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 28px}header{height:102px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-2)}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--ink-3);font-weight:700;text-transform:uppercase}h1{font-size:23px;letter-spacing:.3px;margin-top:8px;font-weight:600;color:var(--ink)}.version{font-size:11px;background:var(--brand-soft);border:1px solid #cfdfcb;border-radius:999px;padding:4px 10px;color:#557051;margin-left:12px;vertical-align:middle;font-weight:600}.connection{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px;box-shadow:var(--shadow-sm);white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);flex-shrink:0;box-shadow:0 0 0 3px #4c8a602e}.offline{background:var(--amber);box-shadow:0 0 0 3px #d99a3f2e}main{display:flex;gap:20px;flex:1;min-height:0;padding:20px 0}.stage{position:relative;flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:#dce2d7;box-shadow:var(--shadow-md);display:flex;flex-direction:column}h2{font-size:21px;margin-top:6px;font-weight:600;color:#20382a;text-shadow:0 1px 2px rgba(255,255,255,.5)}.tag{font-size:12px;padding:8px 13px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:#ffffffbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#3f5847;font-weight:600;box-shadow:var(--shadow-sm)}.view-tabs{position:absolute;top:94px;left:22px;display:flex;gap:2px;background:#ffffffd1;border:1px solid rgba(255,255,255,.7);padding:4px;border-radius:13px;z-index:2;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-tabs button{font-size:13px;background:transparent;border:0;padding:8px 13px;border-radius:9px;color:var(--ink-2);font-weight:500}.view-tabs button:hover:not(:disabled){background:#ffffffe6;transform:none}.view-tabs .selected{background:var(--brand);color:#fff;box-shadow:0 2px 8px #2e5c4352}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.scene canvas{display:block}.bottom-bar{height:84px;flex-shrink:0;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:14px}.identity{display:flex;align-items:center;gap:11px;min-width:0}.identity strong{font-size:14px;color:var(--ink)}.identity small{display:block;color:var(--ink-3);font-size:12px;margin-top:3px}.actions{display:flex;gap:8px;flex-shrink:0}.actions button{font-size:13px;padding:9px 14px;border-radius:10px}.primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 10px #2e5c4347}.primary:hover:not(:disabled){background:var(--brand-2);border-color:var(--brand-2)}footer{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-3);gap:15px}footer span{white-space:nowrap;color:#a3ac99}@media (max-width: 1100px){.workspace{padding:0 16px}main{--side-width: 282px}.tag{display:none}.bottom-bar{padding:12px}.identity{display:none}.view-tabs{left:16px}.connection{font-size:12px}.version{display:none}}@media (max-width: 760px){.app{height:auto;min-height:100dvh}.rail{width:56px;padding:16px 0}.brand{width:40px;height:40px;font-size:23px;margin-bottom:18px}.workspace{padding:0 12px}header{height:88px}h1{font-size:19px}.connection{display:none}main{flex-direction:column}.stage{height:560px;flex:none}.seat strong{max-width:72px}.bottom-bar{justify-content:center}.view-tabs button{padding:8px;font-size:12px}footer{height:auto;padding:15px 0;line-height:1.7}footer span{display:none}.session-panel{right:15px;width:290px}.eyebrow{letter-spacing:1.4px}}.seat{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) 10px;grid-template-rows:auto auto;align-items:center;column-gap:6px;text-align:left;width:100%;min-width:0;min-height:40px;padding:5px 7px;background:transparent;border:0;border-bottom:1px solid #a6b28b1a;border-radius:0;box-shadow:none;line-height:1.35}.seat strong{grid-column:2;grid-row:1;color:#dfe6d1;margin:0;font-size:12px;font-weight:400;min-width:0;max-width:100%}.seat small{grid-column:1 / -1;grid-row:2;font-size:10px;line-height:1.4;color:#8a9c7e;overflow-wrap:anywhere}.seat:hover:not(:disabled){background:#344330;border-color:#a6b28b1a;box-shadow:none}.seat.chosen{background:#3a4a32;border-color:#a6b28b1a;border-radius:10px;box-shadow:inset 2px 0 #d7ed9d}.seat.mine{background:#2d3b2b;border-color:#a6b28b1a;box-shadow:none}.seat.mine.chosen{background:#3a4a32;box-shadow:inset 2px 0 #d7ed9d}.detail{margin:10px 16px;padding:12px;background:#202b25;border:1px solid #52634460;border-radius:14px;flex:0 0 auto}.detail .eyebrow{color:#94a67c;font-size:8px;letter-spacing:1px}.detail h3{color:#e0e8cf;font-size:13px;font-weight:400;margin:4px 0 10px;overflow-wrap:anywhere}.chat{padding-top:8px}.chat>small{margin:0 8px;color:#8fa07f;font-size:9px;line-height:1.7}.messages{padding:16px 20px;min-height:140px}.messages strong{color:#aebf93;font-size:9px;font-weight:400}.messages p{background:#3d4c33;color:#e1ebd0;font-size:12px;line-height:1.7;border:1px solid #526345}.messages>button{font-size:10px;padding:8px;color:#b6c69e;background:transparent;border-color:#526344}.chat form{margin:8px 16px 12px;padding:5px;gap:4px;border:1px solid #566747;border-radius:10px}.chat input{color:#ebf3dc;background:transparent;border:0;padding:8px;font-size:11px}.chat input::placeholder{color:#81956e}.chat input:focus{background:transparent;box-shadow:none}.chat form:focus-within{border-color:#d7ed9d}.chat form button{border:0;border-radius:6px;background:#d7ed9d;color:#26312b;padding:8px 12px;font-size:11px}.chat form button:disabled{background:#415235;color:#8c9f78}.visitor{display:grid;grid-template-columns:10px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;width:100%;min-width:0;text-align:left;padding:5px 8px;background:#332c1e;border:1px solid #8a6c2f4d;border-radius:10px;box-shadow:none}.visitor:hover:not(:disabled){background:#403722;border-color:#c99b3f}.visitor.chosen{background:#453a22;border-color:#e6c274;box-shadow:inset 3px 0 #e6c274}.visitor strong{grid-column:2;font-size:12px;font-weight:400;color:#f2dda9;overflow-wrap:anywhere}.visitor small{grid-column:2;font-size:10px;color:#b9a271}.visitor.mine strong{color:#ffeec2;font-weight:600}:root{--bg: #eae7dd;--surface: #f7f5ed;--surface-2: #eeede3;--surface-3: #e2e5d6;--ink: #252f27;--ink-2: #53604e;--ink-3: #74806b;--line: #d2d5c6;--line-2: #dddfd1;--brand: #344b31;--brand-2: #233922;--brand-soft: #e5ecd4;--mint: #788f52;--amber: #b8794d;--acid: #d7ed9d;--night: #26312b;--paper: #f1f0e6;--r-xl: 24px;--shadow-sm: 0 2px 8px #26312b06;--shadow-md: 0 10px 30px #26312b10;--shadow-lg: 0 24px 80px #101c2340}::selection{color:var(--night);background:var(--acid)}*{scrollbar-width:thin;scrollbar-color:#7d8b7260 transparent}button{transition:background .2s,border-color .2s,color .2s,box-shadow .2s}button:hover:not(:disabled){transform:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa7c46;outline-offset:4px}.app{height:100dvh;min-height:660px;display:flex;flex-direction:column;padding:0 24px;background:var(--bg)}.rail{width:100%;height:56px;flex-shrink:0;display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;background:transparent;border:0;border-bottom:1px solid #bcc2b2}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;width:auto;height:auto;margin:0 auto 0 0;border:0;background:transparent;box-shadow:none;border-radius:0}.brand-mark{display:inline-flex;align-items:baseline;justify-content:center;width:32px;height:34px;font:33px/.8 Georgia,serif;letter-spacing:-5px;padding-right:5px;padding-top:2px}.brand>.brand-mark{color:var(--acid);background:var(--night);border-radius:50%}.brand .brand-mark>span{color:var(--acid)}.brand .brand-wordmark{display:flex;align-items:center;gap:12px;color:var(--night);font:700 15px/1.2 Segoe UI,sans-serif;letter-spacing:1.2px}.brand-wordmark>span{padding-left:12px;border-left:1px solid #bbc2b1;color:#617058;font-size:12px;font-weight:400;letter-spacing:2px}.avatar{width:34px;height:34px;background:#dce4ca;border:1px solid #9fab8d;color:#34422d}.workspace{padding:0;min-height:0}.rail .connection{margin-left:auto;white-space:nowrap}.workspace>main{margin-top:8px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600}.connection{margin-left:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:11px;gap:8px}.dot{width:6px;height:6px}.workspace>main{padding:0;gap:14px;--side-width: 360px}.stage{border:0;border-radius:24px;box-shadow:none}.tag{margin-left:auto;font-size:12px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#31412d;text-align:right}.tag>span{margin-left:20px;font-size:19px;color:#526d3f}.tag>small{display:block;margin-top:5px;font-size:9px;font-weight:400;color:#506247}.view-tabs{top:98px;left:26px;gap:2px;border:1px solid #ffffff40;background:#edeee0a8;padding:4px;border-radius:30px;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.view-tabs button{font-size:11px;padding:9px 11px;border-radius:25px;color:#4b5c42}.view-tabs .selected{background:var(--night);color:var(--acid);box-shadow:none}.view-tabs .selected:hover:not(:disabled){background:#3b4b36;color:var(--acid)}.bottom-bar{position:absolute;bottom:18px;left:18px;right:18px;height:auto;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #ffffff16;border-radius:17px;background:#243129f0;color:#e8eedb;box-shadow:0 12px 30px #14241b30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4}.identity{gap:9px}.identity strong{font-size:12px;color:#f1f4e5;font-weight:500}.identity small{font-size:10px;color:#aebaa2}.identity .avatar{background:var(--acid);border:0;width:34px;height:34px}.bottom-bar .actions{gap:6px}.bottom-bar .actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 11px;font-size:11px;border:1px solid #63705b80;border-radius:10px;color:#e1e8d4;background:transparent}.bottom-bar .actions svg{width:15px;height:15px;flex-shrink:0}.bottom-bar .actions button:hover:not(:disabled){color:#fff;background:#43533a}.bottom-bar .actions .primary{color:#273520;background:var(--acid);border-color:var(--acid);box-shadow:none}.bottom-bar .actions .primary:hover:not(:disabled){background:#e4f8b5;color:#273520}button:disabled{opacity:.46}.workspace>footer{height:34px;padding:0 2px;font-size:10px;color:#738067}.workspace>footer>span{font-size:8px;color:#849071;letter-spacing:1.3px}.modal{border:1px solid #d8dfca;border-radius:24px;padding:30px}.modal h2{font-family:"Noto Serif CJK SC",SimSun,serif;font-size:26px;font-weight:500}.seat-picker-hint{top:215px;max-height:calc(100dvh - 250px);overflow-y:auto;border:1px solid #d3ddbf}.session-panel{right:406px;bottom:125px}.sharing-preview{left:44px;bottom:125px}@media (prefers-reduced-motion: no-preference){@keyframes arrive{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}}@media (max-width: 1200px){.app{padding:0 18px}.workspace>main{--side-width: 340px;gap:12px}.bottom-bar{left:14px;right:14px;padding:11px}.bottom-bar .identity{display:none}.bottom-bar .actions{width:100%;justify-content:center;flex-wrap:wrap}.bottom-bar .actions button{padding:10px 12px}.tag{display:none}.session-panel{right:380px}}@media (max-height: 850px) and (min-width: 761px){.seat{min-height:46px;padding:6px 8px}.seat strong{font-size:11px;line-height:1.45}.seat small{font-size:9px;line-height:1.4}}@media (max-width: 1000px){.workspace>main{--side-width: 312px}.connection{font-size:10px}.bottom-bar .actions{display:grid;grid-template-columns:1fr 1fr}.bottom-bar .actions button{padding:8px 10px;font-size:10px}.bottom-bar{bottom:14px}.session-panel{right:350px}.view-tabs{left:18px}.view-tabs button{padding:9px;font-size:10px}}@media (max-width: 760px){.app{min-height:100dvh;height:auto;padding:0 12px}.rail{height:56px;gap:3px}.brand{gap:6px}.brand>.brand-mark{width:32px;height:34px;font-size:33px}.brand .brand-wordmark{font-size:13px;letter-spacing:1px;gap:8px}.brand-wordmark>span{font-size:10px;letter-spacing:1px;padding-left:8px}.workspace{padding:0}.connection{display:none}.workspace>main{flex-direction:column;gap:12px}.stage{height:520px;flex:none;border-radius:21px}.view-tabs{left:15px;right:15px;top:90px}.view-tabs button{flex:1;padding:8px 3px;font-size:10px}.tag{display:none}.bottom-bar{left:12px;right:12px;bottom:12px;padding:10px;min-height:0}.bottom-bar .actions{gap:6px}.bottom-bar .actions button{padding:10px 6px;font-size:11px}.seat{min-height:48px}.seat strong{max-width:none}.detail{margin:20px 24px}.workspace>footer{min-height:36px;height:auto;font-size:9px;padding:12px 2px}.workspace>footer span{display:none}.seat-picker-hint{top:185px;max-height:calc(100dvh - 205px);width:calc(100vw - 36px)}.session-panel{left:22px;right:22px;bottom:22px;width:auto}.sharing-preview{left:22px;bottom:22px;width:calc(100vw - 44px)}.modal{padding:24px;max-height:88dvh;overflow-y:auto}.modal .actions{display:flex;flex-wrap:wrap}.modal .actions button{font-size:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 760px){.rail{justify-content:space-between}}@media (max-width: 540px){.brand-wordmark>span{display:none}}@media (max-width: 350px){.brand .brand-wordmark{display:none}}.account-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);gap:0;padding:20px;background:#26312b;color:#eff4df}.role-page{display:grid;place-items:center}.role-card{width:min(520px,100%);display:grid;gap:14px;padding:40px 38px;border-radius:24px;background:#fbfcf8;color:#2d3e32;box-shadow:0 20px 60px #101a1433}.role-card .eyebrow{font-size:10px;letter-spacing:2.4px;color:#7d8b72}.role-card h2{margin:0;font-size:28px}.role-card p{margin:0;font-size:13px;line-height:1.7;color:#5d6b58}.role-options{display:grid;gap:12px;margin-top:6px}.role-option{display:grid;gap:6px;text-align:left;padding:18px 20px;border-radius:16px;border:1px solid #d9e2d5;background:#f4f7ef;color:#2c4133;cursor:pointer}.role-option:hover:not(:disabled){border-color:#9fb98f;background:#eaf2e2}.role-option strong{font-size:16px}.role-option small{font-size:12px;color:#6c7968;line-height:1.6}.role-note{font-size:11px;color:#8b937f}.account-intro{position:relative;min-height:calc(100dvh - 40px);overflow:hidden;display:flex;flex-direction:column;padding:42px 7%;border-radius:25px;background:#d7ed9d;color:#2a3b27}.account-brand{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:650;letter-spacing:1.8px}.account-brand .brand-mark{font-size:42px;color:#2a3b27}.account-brand .brand-mark>span{color:#2a3b27}.account-brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:4px;font-weight:400}.intro-copy{position:relative;z-index:1;margin-top:56px}.account-intro .eyebrow{font-size:8px;color:#6c814b;letter-spacing:1.7px}.account-manifesto{font:clamp(37px,5vw,77px)/.98 Georgia,serif;letter-spacing:-3px;margin:20px 0 30px;color:#2b3f27}.account-manifesto em{font-weight:400}.account-intro h1{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:32px;font-weight:400;line-height:1.45;letter-spacing:1px;color:#38502c;margin:0 0 20px}.account-intro p{font-size:11px;line-height:2;color:#5a7042}.space-artwork{position:absolute;width:62%;right:-12%;bottom:95px;opacity:.33;filter:brightness(.4) saturate(.6);transform:rotate(-8deg);pointer-events:none}.account-space{position:relative;z-index:1;display:grid;gap:10px;padding-top:25px;margin-top:auto;border-top:1px solid #78934d50}.account-space>span{font-size:8px;letter-spacing:1.8px;color:#6b814b}.account-space strong{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:450;letter-spacing:.1em}.account-space strong>span{font-size:32px;font-weight:300}.account-space small{color:#6d804f;font-size:9px;letter-spacing:1px}.account-card{align-self:center;justify-self:center;width:min(100%,420px);padding:42px 32px;background:transparent}.account-card>.eyebrow{font-size:8px;color:#98ab84;letter-spacing:1.6px}.account-card h2{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:39px;font-weight:400;margin:18px 0 12px;text-shadow:none;color:#e5efd2}.account-card p,.account-card small{color:#95a886;font-size:11px;line-height:1.9}.account-tabs{display:flex;padding:0;gap:0;border-radius:0;border-bottom:1px solid #667b4e60;background:transparent;margin:34px 0 28px}.account-tabs button{flex:1;border:none;background:transparent;border-radius:0;font-size:12px;padding:13px;color:#7e9569}.account-tabs button[aria-pressed=true]{color:#d7ed9d;background:transparent;box-shadow:inset 0 -2px #d7ed9d}.account-tabs button:hover:not(:disabled){color:#e8f6cc;background:#34462d}.account-card label{display:grid;gap:10px;font-size:11px;color:#c3d3ae;margin:23px 0}.account-card input{width:100%;padding:15px;border:1px solid #586e465c;border-radius:9px;background:#31402d;color:#e9f2dc;font:inherit;font-size:12px}.account-card input::placeholder{color:#81986c}.account-card input:focus{outline:2px solid #c1db8e;outline-offset:3px;background:#364932}.account-card .account-error{min-height:22px;color:#efad8f}.account-card .account-recovery{display:block;margin-left:auto;border:0;background:transparent;color:#d7ed9d;padding:5px 0}.account-submit{width:100%;padding:16px;margin:4px 0 26px;border-radius:9px;font-size:12px;letter-spacing:.08em;background:#d7ed9d;color:#293b25;border:0;box-shadow:none}.account-submit:hover:not(:disabled){background:#e4f6bc;color:#263b22}.account-card>small{display:block;border-top:1px solid #667b4e40;padding-top:21px;font-size:9px}@media (min-width: 1000px) and (max-height: 850px){.account-intro{padding-top:30px;padding-bottom:30px}.intro-copy{margin-top:35px}.account-manifesto{font-size:58px;margin:16px 0 25px}.account-intro h1{font-size:27px}.account-space{padding-top:16px}}@media (max-width: 760px){.account-page{grid-template-columns:1fr;padding:12px}.account-intro{min-height:0;padding:28px;border-radius:20px}.account-brand{font-size:9px}.account-brand small{display:none}.intro-copy{margin-top:34px}.account-manifesto{font-size:45px;margin:18px 0 24px;letter-spacing:-2px}.account-intro h1{font-size:24px;line-height:1.5}.account-intro p{font-size:10px}.space-artwork{width:270px;right:-100px;bottom:-10px;opacity:.18}.account-space{display:none}.account-card{padding:38px 18px;max-width:460px}.account-card h2{font-size:34px}}.look-body{gap:22px}.look-stage{flex:0 0 32%;padding:10px 10px 20px;gap:7px;background:radial-gradient(ellipse at 50% 35%,#fffdf3,#e7eddf);overflow:hidden}.look-stage strong{font-size:15px}.look-stage small{color:var(--ink-3);font-size:11px}.live-look{position:relative;width:100%;aspect-ratio:4 / 5;min-height:100px}.live-look canvas{display:block;width:100%;height:100%}.live-look-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.look-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;font-size:12px;gap:12px}.look-steps{gap:6px;padding:4px;border-radius:12px;background:var(--surface-2)}.look-steps button{border:0;font-size:13px;padding:10px 8px}.look-steps button.chosen{background:#fff;box-shadow:var(--shadow-sm)}.color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:none;overflow:visible}.color-grid button{min-width:0;padding:5px 4px 10px;font-size:11px}.color-grid button img{background:none}.color-grid .swatch{width:10px;height:10px}.accessory-list{max-height:none;overflow:visible}.accessory-tabs{display:flex;gap:6px;flex-wrap:wrap}.accessory-tabs button{flex:1;padding:8px 5px;font-size:12px;white-space:nowrap}.accessory-tabs button.chosen{background:var(--brand);color:#fff}.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accessory-grid button{min-width:0;padding:7px;font-size:12px}.accessory-grid button img{background:var(--surface-2);aspect-ratio:1}.seat-picker-hint[aria-label="Customize my avatar"]{width:min(840px,calc(100vw - 32px));top:50%;transform:translate(-50%,-50%);max-height:88dvh;overflow-y:auto;padding:26px;gap:18px}.seat-picker-hint[aria-label="Customize my avatar"]>strong{font-size:21px}.settings-content,.settings-card,.look-options{overflow-wrap:anywhere}@media (max-width: 720px){.look-body{flex-direction:column;gap:14px}.look-stage{width:100%;box-sizing:border-box;padding:4px 10px 12px}.live-look{width:160px;height:190px;min-height:0}.look-options{width:100%}.color-grid{gap:7px}.seat-picker-hint[aria-label="Customize my avatar"]{padding:18px}}
