*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:radial-gradient(circle at top,#18314f,#07111e 55%,#02050b);color:#f8fafc;font-family:Trebuchet MS,Segoe UI,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{color:inherit}.boot-screen,.auth-shell,.office-shell{min-height:100%}.boot-screen,.auth-shell{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr)}.boot-screen{place-items:center;padding:32px}.boot-card,.hero-panel,.auth-card,.office-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08101cc2;border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 80px #02061773}.boot-card{width:min(560px,100%);padding:40px;border-radius:28px}.hero-panel{padding:72px;display:flex;flex-direction:column;justify-content:center;gap:24px}.hero-panel h1,.boot-card h1,.office-sidebar h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95}.hero-copy,.boot-card p,.office-sidebar p,.helper-copy{color:#cbd5e1;line-height:1.6}.helper-description{font-size:.9rem}.hero-metrics{display:flex;flex-wrap:wrap;gap:12px}.hero-metrics span,.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:#7dd3fc}.hero-metrics span{padding:10px 14px;border-radius:999px;background:#0ea5e91f;border:1px solid rgba(125,211,252,.2)}.auth-card{margin:48px;border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auth-tabs button,.auth-form button,.secondary-button{border:0;border-radius:16px;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.auth-tabs button{padding:14px 16px;background:#334155a6;color:#cbd5e1}.auth-tabs button.active{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#f8fafc}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;font-size:.95rem;color:#e2e8f0}.auth-form input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172ae0;color:#f8fafc}.auth-form button,.secondary-button{padding:14px 18px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff7ed;font-weight:700}.auth-form button:disabled{opacity:.7;cursor:wait}.secondary-button{background:#1e293be0;border:1px solid rgba(148,163,184,.2)}.feedback,.preview-card{padding:14px 16px;border-radius:16px}.feedback.notice{background:#22c55e1f;border:1px solid rgba(74,222,128,.22);color:#bbf7d0}.feedback.error{background:#ef44441f;border:1px solid rgba(248,113,113,.22);color:#fecaca}.preview-card{display:grid;gap:10px;background:#0ea5e91f;border:1px solid rgba(125,211,252,.18)}.preview-card a{word-break:break-all;color:#e0f2fe}.office-shell{display:grid;grid-template-columns:320px 1fr}.office-shell.sidebar-hidden{grid-template-columns:minmax(0,1fr)}.office-sidebar{padding:32px;display:flex;flex-direction:column;gap:18px;border-right:1px solid rgba(148,163,184,.12);overflow-y:auto}.office-stage{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}.office-stage-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;flex:1 1 auto;min-height:0}.office-stage-body.chat-hidden{grid-template-columns:minmax(0,1fr)}.office-stage-body.chat-docked{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(220px,28vh,280px)}.office-stage-loading{align-items:center;justify-content:center}.stage-placeholder{padding:18px 22px;border-radius:18px;background:#08101cb8;border:1px solid rgba(148,163,184,.16)}.sidebar-section{display:grid;gap:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.ghost-button{padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0f172a99;cursor:pointer}.is-hidden{display:none}.office-list{display:grid;gap:10px}.office-button{display:grid;gap:6px;padding:10px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:#0f172ab3;cursor:pointer;text-align:left;font-size:.65rem}.office-button small{color:#94a3b8}.office-button.active{background:linear-gradient(135deg,#0ea5e947,#2563eb3d);border-color:#7dd3fc47}.office-details-card,.invite-card{padding:10px;border-radius:20px;background:#0f172a85;border:1px solid rgba(148,163,184,.12)}.office-details-card h2{font-size:.98rem}.office-details-card p{font-size:.88rem}.invite-form{display:grid;gap:12px}.invite-form input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172ae0;color:#f8fafc}.invite-form button{padding:12px 16px;border-radius:16px;border:0;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#eff6ff;cursor:pointer}.stage-status-card{position:absolute;top:22px;right:52px;z-index:3;display:grid;gap:10px;width:min(160px,calc(100% - 44px));padding:6px 8px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#08101c28;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 20px 60px #02061759}.integrations-panel{position:absolute;top:22px;left:22px;z-index:3;display:grid;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#08101c6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.integrations-panel a{font-size:.84rem;color:#bae6fd;text-decoration:none}.integrations-panel a:hover{color:#e0f2fe;text-decoration:underline}.stage-status-copy{display:grid;gap:4px}.stage-status-copy strong{font-size:1.1rem;color:#f8fafc}.stage-status-zone{color:#cbd5e1;font-size:.95rem}.voice-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0f172ab8;color:#cbd5e1}.voice-pill-connecting,.voice-pill-reconnecting{color:#fef3c7;border-color:#fbbf2447;background:#78350f3d}.voice-pill-connected{color:#bbf7d0;border-color:#22c55e47;background:#14532d3d}.voice-pill-paused{color:#e2e8f0}.voice-pill-error{color:#fecaca;border-color:#f871713d;background:#7f1d1d3d}.voice-helper-copy,.voice-error{line-height:1.5}.voice-helper-copy{color:#cbd5e1}.voice-error{color:#fecaca}.voice-panel{position:absolute;top:98px;right:22px;z-index:7;width:min(360px,calc(100% - 44px));display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:#08101cd6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px #0206177a}.voice-panel-is-hidden{display:none}.voice-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.voice-panel-header h3{font-size:1.15rem}.voice-panel-copy{color:#cbd5e1;line-height:1.5}.voice-panel-chip-row{display:flex;flex-wrap:wrap;gap:8px}.voice-settings-grid{display:grid;gap:12px}.voice-setting-field{display:grid;gap:8px}.voice-setting-field span{color:#e2e8f0;font-size:.92rem}.voice-setting-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-setting-value{color:#bae6fd;font-size:.82rem}.voice-setting-field select{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172ae0;color:#f8fafc}.voice-setting-field input[type=range]{width:100%;accent-color:#38bdf8}.voice-setting-field input[type=range]:disabled{opacity:.65}.voice-setting-field select:disabled{opacity:.65;cursor:not-allowed}.voice-panel-button{padding:12px 16px;border-radius:16px;border:0;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#eff6ff;cursor:pointer;font-weight:700}.voice-panel-button-secondary{background:linear-gradient(135deg,#334155,#1e293b)}.voice-action-row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.voice-video-stage{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.voice-video-column{display:grid;gap:8px}.voice-video-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.voice-video-host{min-height:120px;max-height:180px;overflow-y:auto;display:grid;gap:8px;padding:8px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#0206178a}.voice-video-host:empty:before{content:"No live video";color:#94a3b8;font-size:.78rem}.voice-local-video-tile,.voice-remote-video-tile{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#020617;aspect-ratio:16 / 9;object-fit:cover}.voice-local-screen-tile,.voice-remote-screen-tile{border-color:#7dd3fc4d;box-shadow:0 0 0 1px #38bdf833}.voice-media-host{display:none}.voice-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.voice-overlay-layer-hidden{display:none}.voice-overlay-top-strip{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(980px,calc(100% - 120px));min-height:92px}.voice-overlay-remote-host{display:flex;align-items:flex-start;justify-content:center;gap:10px;flex-wrap:wrap}.voice-overlay-remote-host:empty:before{content:""}.voice-overlay-center-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,calc(100% - 96px));pointer-events:none}.voice-overlay-screen-host{display:grid;gap:12px;justify-items:center}.voice-overlay-screen-host:empty:before{content:""}.voice-overlay-self-tile{position:absolute;right:20px;bottom:98px;width:min(240px,28vw);min-width:150px}.voice-overlay-local-host{display:grid;gap:8px}.voice-overlay-local-host:empty:before{content:""}.voice-local-video-tile,.voice-remote-video-tile{border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#020617;box-shadow:0 18px 40px #02061773}.voice-remote-video-tile{width:clamp(150px,18vw,210px);aspect-ratio:16 / 9;object-fit:cover}.voice-local-video-tile{width:100%;aspect-ratio:16 / 9;object-fit:cover}.voice-local-screen-tile,.voice-remote-screen-tile{width:min(900px,calc(100vw - 120px));max-height:min(62vh,540px);aspect-ratio:16 / 9;object-fit:contain;border-color:#7dd3fc8c;box-shadow:0 0 0 1px #38bdf859,0 22px 50px #0206178c;background:#020617eb}.game-frame,#game-container{width:100%;height:100%;flex:1 1 auto}.game-frame{min-width:0;min-height:0}.chat-panel{display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:0;padding:18px 20px 20px;border-left:1px solid rgba(148,163,184,.12);background:#08101cc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-panel-is-hidden{display:none}.chat-panel-docked{border-left:0;border-top:1px solid rgba(148,163,184,.12);padding-bottom:96px}.chat-panel-header{display:grid;gap:8px}.chat-panel-header h3{font-size:1.2rem}.chat-panel-header p{color:#cbd5e1;line-height:1.5}.chat-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chat-tab,.chat-composer button,.chat-delete-button{transition:transform .12s ease,opacity .12s ease,background .12s ease}.chat-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:#0f172ab8;color:#cbd5e1;cursor:pointer}.chat-tab-badge{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#f871713d;color:#fecaca;font-size:.72rem;font-weight:700}.chat-direct-panel{display:grid;gap:10px}.chat-direct-toolbar{display:flex;align-items:flex-end;gap:10px}.chat-direct-toolbar label{flex:1;display:grid;gap:6px}.chat-direct-toolbar select{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#0f172ae0;color:#f8fafc}.chat-direct-threads{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chat-direct-thread{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.16);background:#0f172aa8;color:#cbd5e1;border-radius:999px;padding:8px 12px;white-space:nowrap;cursor:pointer}.chat-direct-thread strong{min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f8717133;color:#fecaca;font-size:.72rem}.chat-direct-thread.is-active{border-color:#7dd3fc4d;background:#0ea5e933;color:#e0f2fe}.chat-tab.active{background:linear-gradient(135deg,#f9731647,#ea580c42);border-color:#fb923c47;color:#fff7ed}.chat-stream{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;padding-right:4px}.chat-empty{padding:16px;border-radius:18px;background:#0f172a8f;border:1px solid rgba(148,163,184,.1);color:#cbd5e1;line-height:1.6}.chat-message{display:grid;gap:8px;padding:14px;border-radius:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.12)}.chat-message.own{background:linear-gradient(135deg,#0ea5e92e,#2563eb24);border-color:#7dd3fc3d}.chat-message header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-message strong{color:#f8fafc}.chat-message time{color:#94a3b8;font-size:.78rem}.chat-message p{color:#e2e8f0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-mention{color:#7dd3fc;font-weight:700}.chat-mention-self{color:#fdba74}.chat-delete-button{justify-self:start;padding:6px 10px;border-radius:999px;border:1px solid rgba(248,113,113,.22);background:#ef444424;color:#fecaca;cursor:pointer}.chat-composer{display:grid;gap:12px}.chat-composer textarea{width:100%;min-height:104px;resize:vertical;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172ae0;color:#f8fafc}.chat-mention-suggestions{display:grid;gap:6px;max-height:180px;overflow-y:auto;padding:8px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#020617eb}.chat-mention-suggestion{width:100%;text-align:left;padding:9px 10px;border-radius:10px;border:0;background:transparent;color:#cbd5e1;cursor:pointer}.chat-mention-suggestion:hover,.chat-mention-suggestion.is-active{background:#38bdf82e;color:#e0f2fe}.chat-composer-footer{display:grid;gap:12px}.chat-composer button{padding:12px 16px;border-radius:16px;border:0;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff7ed;cursor:pointer;font-weight:700}.chat-composer button:disabled,.chat-delete-button:disabled{opacity:.7;cursor:wait}.people-panel{position:absolute;top:98px;right:22px;bottom:92px;z-index:7;width:min(380px,calc(100% - 44px));display:grid;grid-template-rows:auto auto auto 1fr;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:#08101cd6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px #0206177a}.people-panel-is-hidden{display:none}.people-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.people-panel-header h3{font-size:1.15rem}.people-panel-copy{color:#cbd5e1;line-height:1.5}.people-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.people-summary-card{display:grid;gap:6px;padding:12px;border-radius:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.12)}.people-summary-card strong{font-size:1.35rem;color:#f8fafc}.people-summary-card p{color:#94a3b8;font-size:.8rem;line-height:1.45}.people-panel-list{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-right:4px}.people-empty{padding:16px;border-radius:18px;background:#0f172a8f;border:1px solid rgba(148,163,184,.1);color:#cbd5e1;line-height:1.6}.people-person-card{display:grid;gap:10px;padding:14px;border-radius:20px;background:#0f172ac7;border:1px solid rgba(148,163,184,.12)}.people-person-card.is-online{background:linear-gradient(135deg,#0ea5e929,#22c55e1f);border-color:#67e8f93d}.people-person-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.people-person-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.people-person-email{margin-top:4px;color:#94a3b8;font-size:.84rem;word-break:break-word}.people-status-chip,.people-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#1e293bc2;color:#e2e8f0;font-size:.75rem}.people-status-chip.is-online{border-color:#4ade8042;background:#14532d52;color:#bbf7d0}.people-status-chip.is-offline{border-color:#94a3b82e;background:#1e293bb3;color:#cbd5e1}.people-status-chip.is-pending{border-color:#fbbf2442;background:#78350f42;color:#fde68a}.people-person-badges{display:flex;flex-wrap:wrap;gap:8px}.people-person-meta{display:grid;gap:6px}.people-person-meta p{color:#cbd5e1;font-size:.88rem;line-height:1.5}.floating-stage-dock{position:fixed;left:50%;bottom:20px;z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;max-width:calc(100vw - 24px);padding:12px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#08101cd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #02061773;transform:translate(-50%)}.floating-dock-button{position:relative;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#0f172ad6;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.floating-dock-button:hover{transform:translateY(-1px)}.floating-dock-button svg{width:22px;height:22px}.floating-dock-button.is-active{background:linear-gradient(135deg,#0ea5e952,#2563eb47);border-color:#7dd3fc4d}.floating-dock-button.is-danger{background:linear-gradient(135deg,#ef444447,#b91c1c3d);border-color:#f871714d}.floating-dock-button:disabled{opacity:.55;cursor:not-allowed}.floating-dock-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;border:1px solid rgba(248,113,113,.38);background:#b91c1ce0;color:#fee2e2;font-size:.7rem;font-weight:700}@media (max-width: 980px){.auth-shell,.office-shell{grid-template-columns:1fr}.hero-panel{padding:40px 28px 0}.auth-card{margin:28px}.office-sidebar{border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.office-stage{min-height:65vh}.office-stage-body{grid-template-columns:1fr}.office-stage-body.chat-docked{grid-template-rows:minmax(0,1fr) clamp(220px,38vh,320px)}.chat-panel{border-left:0;border-top:1px solid rgba(148,163,184,.12);max-height:42vh}.chat-panel-docked{max-height:none}.people-panel{top:82px;right:16px;left:16px;bottom:78px;width:auto}.voice-panel{top:82px;right:16px;left:16px;width:auto}.voice-overlay-top-strip{top:12px;width:calc(100% - 32px);min-height:68px}.voice-overlay-center-stage{width:calc(100% - 26px)}.voice-overlay-self-tile{right:12px;bottom:82px;width:min(170px,42vw);min-width:120px}.voice-remote-video-tile{width:clamp(108px,24vw,148px)}.voice-local-screen-tile,.voice-remote-screen-tile{width:calc(100vw - 30px);max-height:44vh}.voice-action-row,.voice-video-stage{grid-template-columns:1fr}.integrations-panel{top:16px;left:auto;right:16px}.people-summary-grid{grid-template-columns:1fr}.stage-status-card{top:16px;left:16px;width:min(320px,calc(100% - 32px))}.voice-helper-copy,.voice-error{text-align:left}.floating-stage-dock{width:calc(100% - 24px);justify-content:center;gap:10px;bottom:12px}.floating-dock-button{width:48px;height:48px}}