:root{--bg-app: #111113;--bg-canvas: #131316;--bg-panel: #151518;--bg-bar: #17171a;--bg-card: #1a1a1d;--bg-card-2: #1b1b1f;--bg-card-3: #1d1d21;--bg-hover: #222227;--bg-tile: #232327;--bd: #26262a;--bd-2: #2c2c31;--bd-3: #333338;--bd-hover: #3f3f46;--tx: #ececee;--tx-body: #c9c9cf;--tx-2: #9a9aa1;--tx-muted: #77777e;--tx-faint: #55555c;--primary: #e4e4e6;--success: #6faf7f;--danger: #d87f8b;--amber: #d9a25f;--chat: #6f9fd8;--board: #a78bdb;--files: #8fbf7f;--voice: #63b3a4;--r-ctl: 8px;--r-card: 12px;--r-panel: 14px;--ui: "Instrument Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg-app);color:var(--tx);font-family:var(--ui);font-size:13px;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bd-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--bd-hover);color:#fff}input::placeholder,textarea::placeholder{color:#5a5a63}button{font-family:var(--ui);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:var(--ui)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--primary);color:#111113;font-size:12.5px;font-weight:600;border-radius:9px;padding:8px 16px;transition:opacity .12s}.btn:hover{opacity:.88}.btn:disabled{opacity:.4;cursor:default}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--tx-body);border:1px solid var(--bd-2);border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--bd-hover);color:var(--tx)}.btn-danger{border:1px solid #3a2528;color:var(--danger);background:transparent;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:500}.btn-danger:hover{background:#2a1a1d}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-ctl);color:var(--tx-2);transition:background .12s,color .12s}.btn-icon:hover,.btn-icon.on{background:var(--bg-hover);color:var(--tx)}.field{width:100%;background:var(--bg-canvas);border:1px solid var(--bd-2);border-radius:var(--r-ctl);color:var(--tx);font-size:12.5px;padding:8px 10px;outline:none;transition:border-color .12s}.field:focus{border-color:#5a5a63}.dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--tx-faint)}.dot.on{background:var(--success)}.dot.busy{background:var(--amber);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:13px;height:13px;flex:none;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.mono{font-family:var(--mono)}.muted{color:var(--tx-muted)}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-2)}.login{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;overflow-y:auto}.login-card{width:348px;background:var(--bg-card);border:1px solid var(--bd-2);border-radius:var(--r-panel);padding:30px;box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;font-size:21px;color:var(--tx-body);background:var(--bg-tile);border:1px solid var(--bd-3);border-radius:11px}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-sub{font-size:11px;color:var(--tx-faint);letter-spacing:.04em}.login-card h1{margin:0;font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1}.login-card p{margin:0;font-size:12.5px;color:var(--tx-muted);line-height:1.5}.gsi-busy{display:flex;align-items:center;justify-content:center;gap:9px;height:44px;font-size:12.5px;color:var(--tx-muted)}.gsi-fail{font-size:12px;color:var(--danger);text-align:center;line-height:1.5}.about-wrap{width:348px;display:flex;flex-direction:column}.about-toggle{display:flex;align-items:center;gap:7px;padding:9px 4px;font-size:12px;color:var(--tx-muted);transition:color .12s}.about-toggle:hover{color:var(--tx-body)}.about-caret{display:inline-block;font-size:13px;line-height:1;transition:transform .18s ease}.about-caret.open{transform:rotate(90deg)}.about-panel{max-height:0;overflow:hidden;transition:max-height .22s ease}.about-inner{display:flex;flex-direction:column;gap:14px;background:var(--bg-card);border:1px solid var(--bd-2);border-radius:var(--r-card);padding:16px;margin-top:2px}.about-point-title{font-size:12px;font-weight:600;color:var(--tx);margin-bottom:3px}.about-point-body{font-size:12px;color:var(--tx-muted);line-height:1.55}.divider{display:flex;align-items:center;gap:10px;color:var(--tx-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.07em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--bd)}.topbar{height:54px;flex:none;display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--bg-bar);border-bottom:1px solid var(--bd)}.logo{width:28px;height:28px;flex:none;border-radius:var(--r-ctl);background:var(--bg-tile);border:1px solid var(--bd-3);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--tx-body);line-height:1}.bar-title{display:flex;align-items:baseline;gap:9px;font-size:13.5px;font-weight:600;min-width:0}.bar-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-right{margin-left:auto;display:flex;align-items:center;gap:11px}.bar-user{font-size:12px;color:var(--tx-muted)}.btn-sm{padding:6px 11px;font-size:12px}.add-row{display:flex;gap:0}.add-field{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.add-field:focus{border-right-color:#5a5a63}.add-btn{flex:none;border-radius:0 var(--r-ctl) var(--r-ctl) 0;padding:8px 18px}.shell{height:100vh;display:flex;flex-direction:column}.body-row{flex:1;display:flex;min-height:0}.friends-wrap{flex:1;display:flex;justify-content:center;overflow-y:auto;padding:28px 16px}.friends{width:100%;max-width:520px;display:flex;flex-direction:column;gap:22px}.section{display:flex;flex-direction:column;gap:9px}.row{display:flex;align-items:center;gap:11px;background:var(--bg-card-2);border:1px solid #28282d;border-radius:9px;padding:10px 12px;transition:background .12s,border-color .12s}.row:hover{background:var(--bg-hover);border-color:var(--bd-hover)}.avatar{width:30px;height:30px;flex:none;border-radius:50%;background:var(--bg-tile);border:1px solid var(--bd-3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--tx-body);object-fit:cover}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-name{font-size:13px;font-weight:500;color:var(--tx)}.row-sub{font-size:11px;color:var(--tx-muted);display:flex;align-items:center;gap:5px}.empty{border:1px dashed var(--bd-2);border-radius:9px;padding:18px;text-align:center;color:var(--tx-faint);font-size:12px}.connecting{align-self:flex-start;margin:0 auto;display:inline-flex;align-items:center;gap:9px;background:var(--bg-card);border:1px solid var(--bd-2);border-radius:10px;padding:10px 16px;color:var(--tx-muted);font-size:12.5px}.ws{flex:1;display:flex;min-height:0}.ws-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-canvas)}.ws-side{width:320px;flex:none;display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--bd)}.tabs{display:flex;gap:2px;padding:8px;border-bottom:1px solid var(--bd);flex:none}.tab{flex:1;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:500;color:var(--tx-muted);transition:background .12s,color .12s}.tab:hover{background:var(--bg-hover);color:var(--tx-body)}.tab.on{background:var(--bg-hover);color:var(--tx)}.chat-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.msg{display:flex;flex-direction:column;gap:3px;max-width:85%}.msg.mine{align-self:flex-end;align-items:flex-end}.msg-bubble{background:var(--bg-card-2);border:1px solid #28282d;border-radius:10px;padding:7px 11px;font-size:12.5px;line-height:1.45;color:var(--tx-body);word-break:break-word;white-space:pre-wrap}.msg.mine .msg-bubble{background:#23303d;border-color:#2d3f4f;color:#dce8f2}.msg-time{font-size:9.5px;color:var(--tx-faint);font-family:var(--mono)}.msg-sys{align-self:center;font-size:11px;color:var(--tx-faint)}.composer{flex:none;padding:10px;border-top:1px solid var(--bd);display:flex;gap:8px}.composer textarea{flex:1;resize:none;height:36px;max-height:110px;background:var(--bg-canvas);border:1px solid var(--bd-2);border-radius:var(--r-ctl);color:var(--tx);font-size:12.5px;padding:9px 10px;outline:none;line-height:1.35}.composer textarea:focus{border-color:#5a5a63}.board-wrap{flex:1;position:relative;min-height:0}.board-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.board-tools{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;background:var(--bg-bar);border:1px solid var(--bd-2);border-radius:10px;padding:6px 8px;box-shadow:0 6px 20px #00000059}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent}.swatch.on{border-color:var(--tx)}.tool-div{width:1px;height:18px;background:var(--bd-2)}.drop{margin:12px;border:1px dashed var(--bd-2);border-radius:var(--r-card);padding:22px;text-align:center;color:var(--tx-muted);font-size:12px;transition:border-color .12s,background .12s}.drop.over{border-color:var(--files);background:#8fbf7f0f}.xfer{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-bottom:1px solid var(--bd)}.xfer-top{display:flex;align-items:center;gap:8px}.xfer-name{flex:1;min-width:0;font-size:12px;color:var(--tx-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xfer-meta{font-size:10px;color:var(--tx-faint);font-family:var(--mono)}.bar{height:3px;background:var(--bd);border-radius:2px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--files);transition:width .15s}.screen-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.screen-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0d0d0f;padding:10px}.screen-video{max-width:100%;max-height:100%;border-radius:10px;background:#000}.screen-empty{color:var(--tx-faint);font-size:12.5px}.screen-bar{flex:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--bd)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:330px;background:#17171af7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--bd-2);border-radius:var(--r-panel);padding:22px;box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;gap:14px}.modal h2{margin:0;font-size:15px;font-weight:600}.modal p{margin:0;font-size:12.5px;color:var(--tx-muted);line-height:1.5}.modal-actions{display:flex;gap:8px;justify-content:flex-end}#toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;align-items:center}.toast{display:flex;align-items:center;gap:9px;background:var(--bg-card-3);border:1px solid var(--bd-3);border-radius:9px;padding:9px 14px;font-size:12px;color:var(--tx-body);box-shadow:0 6px 20px #0006}.toast.err{border-color:#3a2528;color:var(--danger)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#111113d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--tx-body)}