:root{color:#eff0fa;background:#050609;font-family:Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #050609;--bg-elevated: #0b0e15;--surface: #11131a;--surface-2: #171a22;--surface-3: #2e3038;--line: #272a31;--line-soft: rgba(239, 240, 250, .1);--text: #eff0fa;--text-medium: #c5c8d6;--text-low: #8b91a3;--primary: #538dff;--primary-strong: #2f73f6;--success: #40c98b;--warning: #f5ba55;--danger: #c74e5b;--danger-strong: #df5463;--radius-1: 8px;--radius-2: 16px;--bar-h: 96px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg)}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.ui-button{min-width:0;color:inherit;font:inherit}.ui-button[data-variant=default],.ui-button[data-variant=secondary]{color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-1)}.ui-button[data-variant=ghost]{background:transparent}.ui-button[data-variant=destructive]{color:#fff1f2;background:var(--danger);border:1px solid var(--danger-strong);border-radius:var(--radius-1)}.ui-button[data-size=icon]{display:grid;place-items:center;padding:0}.ui-input{font:inherit}.ui-checkbox{width:18px;height:18px;flex:0 0 auto;display:inline-grid;place-items:center;color:#f8fbff;background:var(--surface);border:1px solid var(--line);border-radius:5px}.ui-checkbox[data-state=checked]{background:var(--primary-strong);border-color:var(--primary)}.ui-checkbox-indicator{display:inline-flex}h1,h2,p{margin-top:0}h1{margin-bottom:10px;color:var(--text);font-size:2.2rem;line-height:1.06;letter-spacing:0}h2{margin-bottom:8px;color:var(--text);font-size:1rem;letter-spacing:0}.app{min-height:100vh;padding:24px;color:var(--text);background:var(--bg)}.app-centered{display:grid;place-items:center}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.muted{color:var(--text-medium)}.status-panel{width:min(560px,100%);padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2)}.status-panel code{display:block;margin-top:18px;padding:12px;overflow-wrap:anywhere;color:var(--text-medium);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-1)}.home-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(24px,4vw,48px);color:#f0f2fb;background:#000}.home-workspace{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.82fr);gap:18px;align-items:stretch}.home-heading{grid-column:1 / -1;display:grid;justify-items:center;gap:8px;margin-bottom:18px;text-align:center}.home-heading h1{margin:0;color:#f0f0f5;font-size:clamp(2rem,4vw,2.55rem);font-weight:800;line-height:1.08}.home-heading p{margin:0;color:#b7bac7;font-size:1.06rem;font-weight:600}.home-password{grid-column:1 / -1;position:relative;width:min(480px,100%);justify-self:center;margin:0 0 8px;color:#8f96aa}.home-hidden-username{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.home-password svg{position:absolute;left:16px;top:50%;z-index:1;transform:translateY(-50%)}.home-password input{min-height:48px;padding-left:46px;color:#f0f1f8;background:#1b1e28;border:1px solid #202430;border-radius:8px;box-shadow:none}.home-password.invalid input{border-color:#df5463;box-shadow:0 0 0 3px #df546329}.home-password strong{position:absolute;left:0;top:calc(100% + 6px);color:#ffd0d6;font-size:.78rem}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-action-card,.home-mobile-card{min-width:0;display:grid;justify-items:center;align-content:center;gap:10px;min-height:180px;padding:22px;color:#f0f2fb;text-align:center;background:#11141d;border:1px solid #222633;border-radius:8px;box-shadow:none}.home-action-card{width:100%;font:inherit}button.home-action-card{transition:transform .16s ease-out,box-shadow .16s ease-out,background .16s ease-out}button.home-action-card:hover:not(:disabled),button.home-action-card:focus-visible:not(:disabled){background:#171b26;border-color:#2f3545;transform:translateY(-2px)}.home-action-card strong,.home-mobile-card strong{color:#f0f2fb;font-size:1.08rem;font-weight:800;line-height:1.2}.home-action-card small,.home-mobile-card span{max-width:28ch;color:#969baa;font-size:.94rem;font-weight:600;line-height:1.35}.home-card-icon{position:relative;min-height:58px;display:grid;place-items:center;color:#d8dceb}.home-card-icon.active i{position:absolute;right:2px;top:8px;width:7px;height:7px;background:#40c98b;border-radius:999px}.home-card-icon.disabled,.muted-card{color:#6f7585}.muted-card{background:#10131b;border-color:#1d2230}.muted-card strong,.muted-card small{color:#747b8d}.join-card{align-content:start}.home-token-field{width:100%;display:grid;gap:7px;margin-top:4px;text-align:left}.home-token-field span{color:#b7bac7;font-size:.78rem;font-weight:800}.home-token-field input{min-height:44px;color:#f0f1f8;background:#1b1e28;border:1px solid #202430;border-radius:8px}.home-join-button{width:100%;min-height:42px;color:#f8fbff;background:#0d8bff;border:0;border-radius:8px;font-weight:800}.home-mobile-card{min-height:100%;align-self:stretch}.home-qr{width:min(172px,70%);aspect-ratio:1;display:grid;place-items:center;color:#d8dceb;background:linear-gradient(90deg,#2b3040 8px,transparent 8px) 0 0 / 16px 16px,linear-gradient(#2b3040 8px,transparent 8px) 0 0 / 16px 16px,#10131b;border:10px solid #171b26;border-radius:8px}.home-mobile-card button{width:min(190px,100%);min-height:44px;margin-top:10px;color:#f0f2fb;background:#2a2f3d;border:1px solid #343a4a;border-radius:8px;font-weight:800}.home-url-hint{grid-column:1 / -1;justify-self:center;margin:8px 0 0;color:#8f95a7;font-size:.82rem;overflow-wrap:anywhere}.prejoin-shell{display:grid;place-items:center;padding:clamp(16px,3vw,36px);background:var(--bg)}.prejoin-card{width:min(1000px,100%);display:grid;gap:18px}.prejoin-heading{display:grid;justify-items:center;text-align:center}.prejoin-heading h1{margin-bottom:6px;font-size:clamp(1.8rem,3vw,2.25rem)}.brand-mark{display:grid;place-items:center;width:40px;aspect-ratio:1;margin-bottom:12px;color:#edf3ff;background:var(--primary-strong);border-radius:var(--radius-1);font-size:.78rem;font-weight:900}.prejoin-flow{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);align-items:stretch;gap:18px}.preview-column,.prejoin-side{min-width:0;display:grid;gap:12px}.prejoin-side{align-content:stretch;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2)}.preview-tile{position:relative;min-height:340px;overflow:hidden;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2)}.preview-tile-prejoin{aspect-ratio:16 / 10;min-height:auto}.camera-placeholder{width:100%;height:100%;min-height:280px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(83,141,255,.08),transparent 44%),var(--surface)}.camera-placeholder span,.participant-avatar{display:grid;place-items:center;width:88px;aspect-ratio:1;color:#f8f3ff;background:#7e47eb;border-radius:50%;font-size:2rem;font-weight:700}.preview-meta,.tile-footer{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;color:var(--text);background:#000000a3;border-radius:var(--radius-1)}.preview-meta span,.tile-footer span{color:var(--text-low);font-size:.86rem}.tile-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;color:var(--text);background:#000000a3;border:1px solid rgba(239,240,250,.08);border-radius:999px;font-size:.78rem;font-weight:700}.status-badge.warn{color:#ffe3ad}.status-badge.ok{color:#bcf3d8}.prejoin-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.control-button,.primary-action,.device-panel-header button,.ki-panel button,.dev-primary-link,.dev-scenario a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--text);text-decoration:none;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-1);font-weight:700}.control-button.active,.primary-action{color:#edf3ff;background:var(--primary-strong);border-color:var(--primary)}.control-button.danger{color:#fff3f3;background:var(--danger);border-color:var(--danger-strong)}.control-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{display:grid;gap:8px;color:var(--text-medium);font-weight:700}.field input,.ui-input,.device-select select,.chat-composer input{width:100%;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-1);outline:none}.field input,.ui-input{padding:0 14px}.field input:focus,.ui-input:focus,.device-select select:focus,.chat-composer input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #538dff29}.device-panel,.consent-panel,.dev-scenario,.dev-console{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-1)}.device-panel{display:grid;gap:12px;padding:16px}.consent-panel{display:grid;align-content:start;gap:10px;padding:0;background:transparent;border:0;border-radius:0}.device-panel-header,.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-heading{justify-content:flex-start}.device-panel-header p,.panel-heading p{margin-bottom:0;color:var(--text-low);font-size:.9rem}.inline-warning,.error-banner,.room-alert{display:grid;gap:4px;padding:12px 14px;color:#ffe3ad;background:#332311;border:1px solid rgba(245,186,85,.34);border-radius:var(--radius-1)}.error-banner{color:#ffd0d6;background:#35131a;border-color:#c74e5b6b}.error-banner span,.room-alert span{overflow-wrap:anywhere}.device-select{display:grid;gap:6px;color:var(--text-medium);font-size:.9rem;font-weight:700}.device-select span{position:relative;display:block}.device-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 36px 0 12px}.device-select svg{position:absolute;right:12px;top:50%;pointer-events:none;transform:translateY(-50%);color:var(--text-low)}.device-select select:disabled{color:var(--text-low);background:#0e1118}.consent-panel label{min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-1);font-weight:650}.sync-note{min-height:34px;display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--text-low);background:#eff0fa0a;border:1px solid var(--line);border-radius:var(--radius-1);font-size:.82rem;line-height:1.35}.sync-note.failed{color:#ffe3ad;background:#332311}.primary-action{width:100%;align-self:end}.prejoin-shell{place-items:start center;padding:40px 24px 32px;background:#000}.prejoin-card{width:min(480px,100%);gap:18px}.prejoin-heading{gap:0}.prejoin-heading h1{margin:30px 0 8px;color:#f0f0f5;font-size:2.1rem;font-weight:800;line-height:1.08}.prejoin-heading .muted{margin:0;color:#b7bac7;font-size:1.06rem;letter-spacing:.01em}.prejoin-pill{display:inline-flex;align-items:center;min-height:42px;margin-top:22px;padding:0 16px;color:#f0f1f8;background:#1b1e29;border-radius:999px;font-size:.88rem;font-weight:800}.preview-column{position:relative;gap:12px}.preview-tile-prejoin{width:100%;aspect-ratio:16 / 12;min-height:0;background:#12151d;border:0;border-radius:14px}.camera-placeholder{min-height:0;background:#12151d}.prejoin-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;background:#12151d;transform:scaleX(-1)}.camera-placeholder span,.participant-avatar{width:88px;color:#f7f0ff;background:#8848f5;font-size:1.95rem;font-weight:800}.tile-mute-chip{position:absolute;right:8px;top:8px;width:36px;height:36px;display:grid;place-items:center;color:#d9dce8;background:#2a2f41;border-radius:999px}.preview-status-chip{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);min-height:30px;display:inline-flex;align-items:center;padding:0 10px;overflow:hidden;color:#ffe3ad;background:#000000b8;border:1px solid rgba(245,186,85,.34);border-radius:999px;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.permission-help-dialog{position:absolute;left:50px;right:50px;top:50%;z-index:8;display:grid;gap:12px;padding:24px;color:#f0f1f8;background:#1c1f28;border-radius:8px;box-shadow:0 18px 42px #00000059;transform:translateY(-50%)}.permission-help-dialog h2{margin:0;color:#f6f7fc;font-size:1.28rem;line-height:1.2}.permission-help-dialog p{margin:0;color:#c7cbd6;font-size:.94rem;line-height:1.45}.permission-help-dialog>div{display:flex;justify-content:flex-end;gap:12px;padding-top:12px}.permission-help-dialog button{min-height:40px;padding:0 22px;font-weight:800}.permission-help-dialog .permission-help-primary{color:#f7fbff;background:#0d8bff;border-color:#0d8bff;border-radius:8px}.prejoin-control-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.prejoin-control-left{display:flex;align-items:center;gap:16px}.prejoin-split-control{position:relative;height:48px;display:inline-flex;overflow:visible;color:#f1f2f8;background:#050609;border:1px solid #222631;border-radius:8px}.prejoin-split-control.active{background:#2b303e;border-color:#2b303e}.prejoin-split-control>button,.prejoin-icon-control{width:48px;height:48px;display:grid;place-items:center;color:inherit;background:transparent}.prejoin-split-control>button+button{width:42px;border-left:1px solid #222631}.prejoin-split-control.active>button+button{border-left-color:#3b4150}.prejoin-icon-control{color:#f0f2fb;background:#050609;border:1px solid #222631;border-radius:8px}.prejoin-icon-control.settings{margin-left:auto}.prejoin-icon-control.active,.prejoin-icon-control:hover,.prejoin-split-control>button:hover{background:#1b1f2b}.prejoin-join-row{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:16px}.prejoin-join-row.has-password{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 124px}.sr-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.field input{min-height:48px;padding:0 16px;color:#f0f1f8;background:#1b1e28;border:1px solid #202430;border-radius:8px;font-weight:500}.password-field{position:relative}.password-field svg{position:absolute;left:14px;top:50%;z-index:1;color:#8f96aa;pointer-events:none;transform:translateY(-50%)}.password-field input{padding-left:42px}.password-field.invalid input{border-color:#df5463;box-shadow:0 0 0 3px #df546329}.password-field strong{position:absolute;left:0;top:calc(100% + 5px);color:#ffd0d6;font-size:.74rem;font-weight:800}.primary-action{min-height:48px;color:#f7fbff;background:#0d8bff;border:0;border-radius:8px;font-size:.98rem;font-weight:800}.primary-action:hover{background:#087ce7}.prejoin-device-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;width:344px;gap:0;padding:0;overflow:hidden;background:#1b1e28;border:1px solid #202430;border-radius:8px;box-shadow:none}.device-menu-list{display:grid;max-height:min(288px,calc(100vh - 140px));overflow-y:auto}.device-menu-option{min-height:44px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;color:#f0f1f8;background:transparent;border:0;border-bottom:1px solid #272b36;border-radius:0;font:inherit;font-size:.88rem;font-weight:700;text-align:left;cursor:pointer}.device-menu-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-menu-option svg{color:#d8dceb}.device-menu-option:hover,.device-menu-option:focus-visible{background:#222633}.device-menu-option:disabled{color:var(--text-low);cursor:default;background:transparent}.device-menu-refresh{min-height:44px;width:calc(100% - 24px);margin:12px 12px 8px;color:#f7fbff;background:#2a2f3d;border-color:#343a4a}.device-menu-status{margin:0;padding:0 12px 12px;color:#aeb4c4;font-size:.78rem;line-height:1.35}.consent-panel{position:fixed;left:12px;top:18px;z-index:80;width:min(288px,calc(100vw - 24px));grid-template-columns:1fr;align-items:stretch;gap:8px;margin:0;padding:18px 20px 16px;color:#f2f2fb;background:#05071f;border:0;border-radius:0 16px 16px;box-shadow:0 12px 34px #00000052}.consent-panel .panel-heading{grid-column:1 / -1;gap:12px;align-items:flex-start}.consent-panel .panel-heading h2{margin:0 0 8px;color:#f5f5fd;font-size:.98rem;line-height:1.18}.consent-panel .panel-heading p{color:#f2f2fb;font-size:.78rem;font-weight:700;line-height:1.35}.consent-panel label{min-height:42px;justify-content:flex-start;gap:10px;padding:0 12px;color:#f4f4fb;background:#101226;border:1px solid #25294b;border-radius:7px;font-size:.76rem;font-weight:800}.consent-panel label span{min-width:0;overflow-wrap:anywhere}.consent-panel .ui-checkbox{width:16px;height:16px}.sync-note{grid-column:1 / -1;min-height:auto;padding:0;color:#b5bbd0;background:transparent;border:0;font-size:.75rem}.room-stage{position:relative;min-height:100vh;display:grid;grid-template-rows:var(--bar-h) minmax(0,1fr) var(--bar-h);overflow:hidden;color:var(--text);background:#000}.room-topbar,.room-bottombar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#000}.topbar-left,.topbar-right,.bar-cluster{display:flex;align-items:center;gap:16px}.struct-mark{position:relative;width:32px;height:32px}.struct-mark span{position:absolute;left:14px;top:0;width:3px;height:32px;background:var(--primary);border-radius:3px;transform-origin:50% 50%}.ai-flower-icon{display:inline-block;vertical-align:middle}h1 .ai-flower-icon{width:24px;height:24px}.struct-mark span:nth-child(2){transform:rotate(30deg)}.struct-mark span:nth-child(3){transform:rotate(60deg)}.struct-mark span:nth-child(4){transform:rotate(90deg)}.struct-mark span:nth-child(5){transform:rotate(120deg)}.struct-mark span:nth-child(6){transform:rotate(150deg)}.room-title{display:grid;gap:2px}.room-title strong{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.room-title span{color:var(--text-low);font-size:.82rem;text-transform:capitalize}.record-button,.topbar-status{min-height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-1);font-size:.86rem;font-weight:700}.record-button.recording{color:#fff1f2;background:var(--danger);border-color:var(--danger-strong)}.room-canvas{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:0 24px;background:#000}.room-canvas.with-panel{grid-template-columns:minmax(0,1fr) 400px}.tile-zone{position:relative;min-height:0;display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));gap:16px}.first-person-display{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:clamp(24px,6vw,80px);pointer-events:none;text-align:center}.first-person-display>div{min-width:0}.first-person-icon{width:100px;height:100px;display:grid;place-items:center;margin:0 auto 26px;color:#f5f7ff;background:#1c202b;border-radius:999px}.first-person-copy h1{margin:0;color:#f7f8ff;font-size:clamp(2rem,3vw,2.75rem);line-height:1.08;letter-spacing:0}.first-person-copy p{margin:12px 0 0;color:#d7dbe8;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.35}.call-tile{position:relative;width:min(100%,calc((100vh - 220px) * 16 / 9));height:auto;aspect-ratio:16 / 9;min-height:280px;max-height:calc(100vh - 220px);overflow:hidden;isolation:isolate;background:#0b0d12;border:1px solid #20232d;border-radius:12px}.call-tile.local{border-color:#538dff80}.call-tile.remote{border-color:#222631}.call-tile.active-speaker{border-color:#40c98bb8}.call-tile.active-speaker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border:2px solid rgba(64,201,139,.54);border-radius:inherit}.call-tile.spotlighted{border-color:#0d8bffd1}.call-tile.spotlighted:after,.call-tile.pinned:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border:2px solid rgba(13,139,255,.62);border-radius:inherit}.call-tile.pinned:after{border-color:#f5ba55b8}.tile-media{position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,rgba(83,141,255,.1),transparent 34%),linear-gradient(145deg,#171b24,#0a0c11 72%)}.tile-video,.tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile-image{display:block}.tile-avatar{display:grid;place-items:center;width:clamp(76px,11vw,104px);aspect-ratio:1;color:#f8f3ff;background:#8150e8;border-radius:80px;font-size:clamp(1.7rem,3vw,2.25rem);font-weight:800}.call-tile.remote .tile-avatar{color:#eef9f3;background:#237f5a}.tile-avatar-state{display:grid;place-items:center;gap:14px}.tile-camera-off{width:42px;height:42px;display:grid;place-items:center;color:#c8ccd9;background:#202430;border:1px solid rgba(239,240,250,.08);border-radius:999px}.tile-top-badges{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;flex-wrap:wrap;gap:8px}.tile-top-badges span,.tile-name-tag{color:var(--text);background:#050609b8;border:1px solid rgba(239,240,250,.08);border-radius:8px}.tile-top-badges span{min-height:28px;display:inline-flex;align-items:center;padding:0 9px;font-size:.78rem;font-weight:700}.tile-badge.remote-live{color:#d8f7e6;background:#154832d1;border-color:#40c98b5c}.tile-badge.spotlight{color:#ddecff;background:#124f96d6;border-color:#0d8bff5c}.tile-badge.pinned{color:#ffe9ba;background:#634615d6;border-color:#f5ba5561}.tile-name-tag{position:absolute;left:12px;bottom:12px;z-index:2;max-width:calc(100% - 72px);min-height:30px;display:inline-flex;align-items:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.tile-muted-chip{position:absolute;top:12px;right:12px;z-index:4;width:32px;height:32px;display:grid;place-items:center;color:#d7dbe8;background:#222838;border:1px solid rgba(239,240,250,.08);border-radius:999px}.call-tile.menu-enabled .tile-name-tag{max-width:calc(100% - 60px)}.connected-primary-tile .call-tile.menu-enabled .tile-name-tag{max-width:calc(100% - 84px)}.connected-primary-tile .tile-action-menu{right:clamp(196px,26vw,256px);bottom:0}.tile-menu-wrap{position:absolute;right:8px;bottom:8px;z-index:12}.tile-menu-trigger{width:32px;height:32px;display:grid;place-items:center;color:#f0f2fb;background:#050609bd;border:1px solid rgba(239,240,250,.12);border-radius:9px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease-out,transform .14s ease-out,background .14s ease-out}.call-tile:hover .tile-menu-trigger,.call-tile:focus-within .tile-menu-trigger,.tile-menu-trigger[aria-expanded=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.tile-menu-trigger:hover,.tile-menu-trigger[aria-expanded=true]{background:#1b1f2b}.tile-action-menu{position:absolute;right:0;bottom:42px;width:min(238px,calc(100vw - 48px));display:grid;gap:4px;padding:10px;color:#f0f2fb;background:#11141d;border:1px solid #232836;border-radius:8px;box-shadow:0 18px 48px #00000061}.tile-action-menu button,.tile-volume-control{min-height:42px;display:flex;align-items:center;gap:10px;width:100%;padding:0 8px;color:inherit;background:transparent;border-radius:6px;font-size:.86rem;font-weight:750;text-align:left}.tile-action-menu button:hover{background:#1b1f2b}.tile-volume-control{display:grid;grid-template-columns:1fr;gap:8px;min-height:58px;padding-top:6px}.tile-volume-control span{display:flex;align-items:center;gap:10px}.tile-volume-control input{width:100%;accent-color:#0d8bff}.minimized-local-tile{position:absolute;right:16px;bottom:16px;z-index:14;width:min(240px,34vw);min-width:188px;aspect-ratio:16 / 10;overflow:hidden;border-radius:12px;box-shadow:0 18px 48px #0000006b}.minimized-local-tile .call-tile{height:100%;min-height:0;max-height:none;border:0;border-radius:12px}.minimized-local-tile .tile-media{min-height:0;background:#181b24}.minimized-local-tile .tile-avatar{width:56px;font-size:1.15rem}.minimized-local-tile .tile-top-badges{top:8px;left:8px;right:auto}.minimized-local-tile .tile-top-badges span:not(:last-child),.minimized-local-tile .tile-top-badges .tile-badge:not(:last-child){display:none}.minimized-local-tile .tile-name-tag{left:8px;bottom:8px;max-width:calc(100% - 112px);min-height:28px;padding:0 8px;font-size:.78rem;background:#050609c2;border:0}.minimized-local-tile .tile-muted-chip{display:none}.minimized-tile-controls{position:absolute;right:8px;bottom:8px;z-index:18;min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:4px;color:#f0f2fb;background:#0d1019e0;border:1px solid rgba(239,240,250,.08);border-radius:8px}.mini-state,.mini-restore{width:24px;height:24px;display:grid;place-items:center;color:#d7dbe8;background:#222838;border-radius:6px}.mini-state.inactive{color:#f0f2fb;background:#2b3040}.mini-you{padding:0 3px;color:#f0f2fb;font-size:.78rem;font-weight:750}.mini-restore{color:#f0f2fb;background:transparent}.mini-restore:hover{background:#2b3040}.room-bottombar{display:grid;grid-template-columns:1fr auto 1fr}.bar-center{justify-self:center}.bar-right{justify-self:end}.split-control,.icon-control,.count-control{min-height:48px;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:var(--radius-1)}.split-control{display:inline-flex;overflow:hidden}.split-control button,.icon-control,.count-control{display:inline-flex;align-items:center;justify-content:center}.split-control button{min-width:44px;color:inherit;background:transparent}.split-control button+button{border-left:1px solid var(--line)}.icon-control{width:48px}.count-control{gap:8px;padding:0 12px}.split-control.active,.icon-control.active,.count-control.active{background:var(--surface-3)}.icon-control.danger{color:#fff0f2;background:var(--danger);border-color:var(--danger-strong)}.control-popover-wrap{position:relative}.floating-menu,.reaction-menu{position:absolute;right:0;bottom:calc(100% + 16px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-1);box-shadow:0 18px 48px #00000052}.floating-menu{width:238px;padding:8px}.floating-menu button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 8px;color:var(--text);background:transparent;border-radius:6px;font-size:.86rem;font-weight:700;text-align:left}.floating-menu button:hover{background:var(--surface-2)}.menu-divider{height:1px;margin:8px -8px;background:var(--line)}.reaction-menu{display:flex;gap:8px;padding:12px}.reaction-menu button{width:36px;height:36px;display:grid;place-items:center;background:var(--surface-2);border-radius:999px;font-size:1.1rem}.reaction-float{position:absolute;left:14%;bottom:28px;z-index:8;font-size:4rem;animation:reaction-rise 1.8s ease-out forwards}@keyframes reaction-rise{0%{opacity:0;transform:translateY(30px) scale(.9)}20%{opacity:1}to{opacity:0;transform:translateY(-170px) scale(1.16)}}.room-side-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-1);overflow:hidden}.room-side-panel>header,.settings-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.room-side-panel h2,.settings-modal h2,.leave-modal h2{margin-bottom:4px}.room-side-panel p,.settings-modal p,.leave-modal p{margin-bottom:0;color:var(--text-low)}.room-side-panel header button,.settings-modal header button{width:36px;height:36px;display:grid;place-items:center;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-1)}.panel-list{display:grid;align-content:start;gap:8px;padding:14px;margin:0;list-style:none}.panel-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-1)}.panel-list span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-list strong{color:var(--text-low);font-size:.78rem}.participant-dot{width:32px;height:32px;display:grid;place-items:center;color:#f8f3ff;background:#7e47eb;border-radius:50%;font-size:.78rem;font-weight:800}.chat-panel{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.chat-feed{display:grid;align-content:start;gap:10px;padding:14px;overflow:auto}.chat-feed article{display:grid;gap:4px;padding:10px;background:var(--surface-2);border-radius:var(--radius-1)}.chat-feed p{margin-bottom:0}.chat-feed span{color:var(--text-low);font-size:.75rem}.panel-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--text-low)}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-composer input{padding:0 12px}.chat-composer button,.leave-modal button,.settings-grid button{min-height:44px;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-1);font-weight:700}.chat-composer button{padding:0 14px}.notes-panel{display:grid;align-content:start;gap:14px;padding:14px;overflow:auto}.recording-state,.post-call-status div,.post-call-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;color:var(--text-medium);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-1)}.post-call-status{display:grid;gap:8px}.post-call-summary{width:min(100%,520px);display:grid;gap:8px;margin-top:18px}.recording-state strong,.post-call-status strong,.post-call-summary strong{color:var(--text);font-size:.82rem;text-align:right;overflow-wrap:anywhere}.panel-hint{padding:12px;color:var(--text-medium);background:#538dff14;border:1px solid rgba(83,141,255,.22);border-radius:var(--radius-1)}.floating-alert{position:absolute;left:24px;top:104px;z-index:60;width:min(460px,calc(100% - 48px))}.reconnect-overlay{position:absolute;left:50%;bottom:calc(var(--bar-h) + 8px);z-index:50;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;color:var(--text);background:#000000b8;border:1px solid var(--line);border-radius:var(--radius-1);transform:translate(-50%)}.spinner{width:18px;height:18px;border:2px solid rgba(83,141,255,.25);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;background:#000000b8}.modal-scrim[data-slot=dialog-overlay]{position:fixed}[data-slot=dialog-content].settings-dialog,[data-slot=dialog-content].leave-modal{position:fixed;left:50%;top:50%;z-index:80;transform:translate(-50%,-50%)}.settings-scrim{background:#0000009e}.settings-dialog{width:min(782px,calc(100vw - 48px));min-height:656px;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;color:#f0f2fb;background:#181b24;border:1px solid #222633;border-radius:12px;box-shadow:0 26px 80px #00000085}.settings-sidebar{display:grid;align-content:start;gap:24px;padding:42px 24px;background:#11141d}.settings-sidebar h2{margin:0;font-size:1.55rem;line-height:1.1}.settings-nav{display:grid;gap:8px}.settings-nav button{min-height:56px;display:flex;align-items:center;gap:14px;padding:0 18px;color:#c8ccd8;background:transparent;border-radius:6px;font-weight:700;text-align:left}.settings-nav button.active,.settings-nav button:hover{color:#f3f4fa;background:#1d202b}.settings-content{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:30px 32px 34px}.settings-content header{min-height:58px;display:flex;align-items:start;justify-content:space-between;gap:24px;border-bottom:1px solid #202431}.settings-content h3{margin:0;font-size:1.28rem;line-height:1.2}.settings-content header button{width:32px;height:32px;display:grid;place-items:center;color:#f2f4fb;background:transparent;border-radius:6px}.settings-content header button:hover{background:#242833}.settings-section{display:grid;align-content:start;gap:20px;padding-top:32px}.settings-select{display:grid;gap:8px;color:#d8dbe6;font-size:.9rem}.settings-select-trigger,.settings-field-row,.settings-speaker-row{min-width:0}.settings-select-trigger{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:0 14px 0 18px;color:#f0f2fb;background:#2a2d36;border-radius:7px;text-align:left}.settings-select-trigger:hover,.settings-select-trigger[data-state=open]{background:#30343f}.settings-select-trigger:focus-visible{outline:2px solid rgba(13,139,255,.8);outline-offset:2px}.settings-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-select.compact{min-width:0}.dropdown-menu-content{z-index:100;min-width:176px;max-width:min(420px,calc(100vw - 32px));padding:6px;color:#f0f2fb;background:#11141d;border:1px solid #272c39;border-radius:8px;box-shadow:0 18px 48px #00000073}.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item,.dropdown-menu-sub-trigger{position:relative;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 9px;color:#f0f2fb;border-radius:6px;font-size:.88rem;outline:0;-webkit-user-select:none;user-select:none}.dropdown-menu-item[data-highlighted],.dropdown-menu-checkbox-item[data-highlighted],.dropdown-menu-radio-item[data-highlighted],.dropdown-menu-sub-trigger[data-highlighted]{background:#1d202b}.dropdown-menu-item.destructive{color:#ffd0d6}.dropdown-menu-label{padding:7px 9px;color:#8f95a7;font-size:.78rem;font-weight:800}.dropdown-menu-separator{height:1px;margin:6px -6px;background:#272c39}.dropdown-menu-shortcut{margin-left:auto;color:#8f95a7;font-size:.78rem}.dropdown-menu-item-indicator{width:18px;display:inline-flex;justify-content:center}.dropdown-menu-sub-chevron{margin-left:auto}.settings-select-menu{width:var(--radix-dropdown-menu-trigger-width)}.settings-select-item{justify-content:space-between}.settings-select-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-speaker-row{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:end;gap:16px}.speaker-test-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#f2f4fb;background:#505766;border-radius:7px;font-weight:800}.settings-field-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px}.settings-field-row.compact{min-height:42px;padding-top:0}.settings-field-row>div{min-width:0;display:grid;gap:4px}.settings-field-row.compact>div{display:flex;align-items:center;gap:10px}.settings-field-row strong{color:#f0f2fb;font-size:.95rem}.settings-field-row span{color:#969baa;font-size:.86rem}.language-segment{display:inline-flex;padding:4px;background:#2a2d36;border-radius:8px}.language-segment button{min-height:36px;padding:0 14px;color:#cfd2de;background:transparent;border-radius:6px;font-weight:800}.language-segment button.active{color:#f8fbff;background:#0d8bff}.device-meter{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 4px;color:#f0f2fb}.device-meter span{height:8px;overflow:hidden;background:#2b2f39;border-radius:999px}.device-meter i{height:100%;display:block;background:#0d8bff}.notification-list{gap:0}.notification-row{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;color:#f0f2fb;border-bottom:1px solid #202431}.notification-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.ui-switch{width:40px;height:24px;padding:2px;display:flex;align-items:center;justify-content:flex-start;background:#242832;border:1px solid #333846;border-radius:999px}.ui-switch-thumb{width:18px;height:18px;display:block;background:#3c414f;border-radius:999px;transition:transform .16s ease-out,background .16s ease-out}.ui-switch[data-state=checked]{background:#0d8bff;border-color:#0d8bff}.ui-switch[data-state=checked] .ui-switch-thumb{background:#f8fbff;transform:translate(16px)}.settings-modal,.leave-modal{width:min(782px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2);box-shadow:0 24px 64px #00000075}.settings-grid{display:grid;gap:12px;padding:18px}.settings-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;text-align:left}.settings-language{display:grid;gap:8px;padding:14px;color:var(--text-medium);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-1);font-weight:700}.settings-language select{width:100%;min-height:44px;padding:0 12px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-1)}.leave-modal{width:min(380px,100%);display:grid;gap:16px;padding:22px}.leave-modal>div{display:flex;justify-content:flex-end;gap:10px}.leave-modal button{padding:0 16px}.leave-modal .danger-action{color:#fff1f2;background:var(--danger);border-color:var(--danger-strong)}.danger-note{display:inline-flex;width:max-content;padding:6px 9px;color:#ffd0d6;background:#35131a;border:1px solid rgba(199,78,91,.42);border-radius:var(--radius-1);font-size:.82rem;font-weight:700}.toast-stack{position:absolute;left:24px;bottom:calc(var(--bar-h) + 16px);z-index:80;display:grid;gap:8px;width:min(380px,calc(100% - 48px))}.toast{padding:12px 14px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-1);box-shadow:0 14px 38px #00000057}.toast.danger{color:#ffd0d6;border-color:#c74e5b6b}.dev-layout{display:grid;align-content:start;gap:24px}.dev-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.dev-primary-link,.dev-scenario a{color:#edf3ff;background:var(--primary-strong);border-color:var(--primary)}.dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dev-scenario{display:grid;align-content:space-between;gap:18px;min-height:260px;padding:18px}.dev-expectation{padding:12px;color:var(--text-medium);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-1)}.dev-console{display:grid;gap:18px;padding:18px}.dev-connected-room{position:relative;min-height:min(720px,calc(100vh - 48px));display:grid;grid-template-rows:72px minmax(0,1fr) 72px;gap:18px;padding:24px;overflow:hidden;background:#020304;border:1px solid #151923;border-radius:var(--radius-1)}.connected-room-topbar,.connected-room-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.connected-record-pill{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;color:#f0f2fa;background:#050609;border:1px solid #222631;border-radius:8px;font-weight:800;letter-spacing:.02em}.connected-record-pill svg{color:#df5463}.connected-room-stage{position:relative;min-height:0;display:grid}.connected-room-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:24px}.connected-room-grid .call-tile{height:auto;min-height:280px;max-height:none;aspect-ratio:16 / 9;border-radius:12px}.connected-room-grid .call-tile.local{border-width:3px;border-color:#0d8bff}.connected-room-stage.spotlight-layout{align-items:stretch}.connected-primary-tile{min-height:0;display:grid;place-items:center}.connected-primary-tile .call-tile{width:min(100%,calc((100vh - 220px) * 16 / 9));height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;border-radius:12px}.connected-primary-tile .tile-image{object-position:center}.connected-pip-strip{position:absolute;right:0;bottom:44px;z-index:14;width:min(240px,24vw);display:grid;gap:10px}.connected-pip-strip .call-tile{height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;border-radius:10px;box-shadow:0 18px 48px #0000006b}.connected-pip-strip .tile-top-badges{display:none}.connected-pip-strip .tile-name-tag{left:8px;bottom:8px;max-width:calc(100% - 48px);min-height:28px;padding:0 8px;font-size:.78rem}.connected-room-controls{display:grid;grid-template-columns:1fr auto 1fr}.connected-control-cluster{display:flex;align-items:center;gap:14px}.connected-control-cluster:nth-child(2){justify-content:center}.connected-control-cluster:last-child{justify-content:flex-end}.connected-control{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#f0f2fb;background:#050609;border:1px solid #222631;border-radius:8px}.connected-control.active{background:#2b303e;border-color:#2f3545}.connected-control.danger{color:#fff1f2;background:#df5463;border-color:#df5463}.connected-control.with-count{width:auto;padding:0 12px;font-weight:800}.tile-lab{gap:16px}.tile-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.tile-lab-grid .call-tile{height:auto;min-height:210px;max-height:none;aspect-ratio:16 / 10}.event-list{display:grid;gap:10px}.event-row{display:grid;gap:8px;padding:12px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-1)}.event-row strong{display:flex;justify-content:space-between;gap:12px}.event-row span{color:var(--text-low);font-weight:600}.event-row code{overflow-wrap:anywhere}.home-shell{min-height:100vh;display:block;padding:0 0 80px;color:#f4f4f6;background:#050505}.home-workspace-reference{width:100%;display:grid;grid-template-columns:1fr;gap:0;align-items:start}.home-heading-reference{min-height:219px;display:grid;align-content:end;justify-items:center;gap:10px;margin:0;padding:0 24px 16px;text-align:center;background:#000}.home-heading-reference h1{display:inline-flex;align-items:center;gap:14px;margin:0;color:#f8f8fb;font-size:clamp(2.2rem,3vw,2.72rem);font-weight:900;line-height:1;letter-spacing:0}.home-heading-reference h1 svg{width:27px;height:27px}.home-heading-reference p{margin:0;color:#d4d8e8;font-size:1.06rem;font-weight:800}.home-workspace-reference .home-password{margin-top:18px}.home-main-layout{width:min(1024px,calc(100% - 48px));display:grid;grid-template-columns:660px minmax(252px,1fr);gap:30px;justify-self:center;align-items:start;padding-top:24px}.home-action-grid{display:grid;grid-template-columns:320px 310px;grid-template-rows:repeat(2,217px);gap:20px 30px}.home-action-card,.home-action-card:disabled{opacity:1}.home-action-card{min-width:0;width:100%;min-height:0;display:grid;justify-items:start;align-content:space-between;gap:0;padding:35px 36px 30px 40px;color:#f7f7fa;text-align:left;background:#474747;border:1px solid #343434;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff08,0 2px #ffffff0d}button.home-action-card:hover:not(:disabled),button.home-action-card:focus-visible:not(:disabled){background:#4b66f0;border-color:#3156db;transform:translateY(-1px)}.home-new-meeting{grid-row:1 / span 2;min-height:450px;padding:34px 40px 31px;background:#4966f1;border-color:#3156db}.home-new-meeting:hover:not(:disabled),.home-new-meeting:focus-visible:not(:disabled){background:#4f6cff}.home-secondary-card{min-height:217px}.home-card-icon{min-height:84px;display:grid;place-items:center;color:#fff}.home-new-meeting .home-card-icon{min-height:116px;margin-left:2px}.home-plan-icon{color:#ff5b10}.home-join-icon{color:#ff1475}.home-action-card strong{max-width:9ch;color:#fbfbfd;font-size:2.05rem;font-weight:900;line-height:1.34;letter-spacing:0}.home-new-meeting strong{font-size:2rem;line-height:1.35}.home-login-panel{display:grid;align-content:start;gap:12px;padding-top:1px}.home-login-panel h2{width:min(360px,100%);margin:0;color:#f8f8fb;font-size:clamp(2rem,3vw,2.25rem);font-weight:500;line-height:1.2;letter-spacing:0}.home-login-button{width:min(252px,100%);min-height:39px;color:#f6f8ff;background:#4966f1;border:0;border-radius:6px;font-size:.96rem;font-weight:600}.home-legal{width:min(900px,calc(100% - 48px));display:grid;justify-self:center;justify-items:center;gap:28px;margin-top:86px;text-align:center}.home-legal h2{margin:0;color:#f6f6f8;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,2.3rem);font-weight:500;line-height:1.1;letter-spacing:0}.home-legal p{max-width:900px;margin:0;color:#f1f1f3;font-size:1.18rem;font-weight:700;line-height:1.18;letter-spacing:0}@media(max-width:1040px){.room-canvas.with-panel{grid-template-columns:1fr}.room-side-panel{position:absolute;right:16px;top:calc(var(--bar-h) + 8px);bottom:calc(var(--bar-h) + 8px);z-index:30;width:min(400px,calc(100% - 32px))}.room-bottombar{grid-template-columns:1fr;gap:12px;height:auto}.bar-cluster,.bar-center,.bar-right{justify-content:center;justify-self:center}.room-stage{grid-template-rows:var(--bar-h) minmax(0,1fr) auto}}@media(max-width:760px){.app{padding:12px}.home-shell{padding:32px 14px}.home-workspace{grid-template-columns:1fr}.home-heading{margin-bottom:22px}.home-grid{grid-template-columns:1fr}.home-action-card,.home-mobile-card{min-height:156px;padding:22px;border-radius:18px}.home-mobile-card{min-height:320px}.prejoin-shell{place-items:start center;padding:32px 12px 18px}.prejoin-flow{grid-template-columns:1fr}.prejoin-side{padding:14px}.prejoin-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-placeholder{min-height:220px}.prejoin-card{width:min(480px,100%)}.prejoin-heading h1{margin-top:30px}.prejoin-device-menu{width:min(272px,calc(100vw - 48px))}.prejoin-device-menu.camera{right:auto;left:calc(-1*min(80px,25vw))}.consent-panel{position:static;width:100%;padding:12px;border-radius:8px}.room-topbar{padding:14px}.room-title strong{max-width:46vw}.topbar-status{display:none}.room-canvas{padding:0 12px}.call-tile{max-height:none}.room-bottombar{padding:12px}.bar-cluster{flex-wrap:wrap;gap:8px}.dev-grid,.tile-lab-grid{grid-template-columns:1fr}.dev-connected-room{min-height:auto;grid-template-rows:auto auto auto;padding:16px}.settings-dialog{width:min(520px,calc(100vw - 24px));min-height:min(680px,calc(100vh - 24px));grid-template-columns:1fr;overflow:auto}.settings-sidebar{gap:16px;padding:22px}.settings-nav{grid-template-columns:1fr}.settings-content{padding:22px}.settings-speaker-row{grid-template-columns:1fr}.connected-room-grid{grid-template-columns:1fr;gap:14px}.connected-room-stage.spotlight-layout{min-height:420px}.connected-pip-strip{width:min(180px,42vw)}.connected-primary-tile .tile-action-menu{right:42px;bottom:42px}.connected-room-controls{grid-template-columns:1fr;gap:12px}.connected-control-cluster,.connected-control-cluster:nth-child(2),.connected-control-cluster:last-child{justify-content:center}.dev-header{align-items:stretch;flex-direction:column}}@media(max-width:460px){h1{font-size:1.55rem}.home-shell{padding:24px 10px}.home-heading h1{font-size:1.72rem}.home-heading p{font-size:.96rem}.home-password{margin-bottom:14px}.home-action-card,.home-mobile-card{padding:18px}.prejoin-card{gap:14px}.brand-mark{width:36px;margin-bottom:10px}.eyebrow{margin-bottom:6px}.prejoin-heading .muted{margin-bottom:0;font-size:.8rem}.camera-placeholder{min-height:0}.preview-tile-prejoin{aspect-ratio:16 / 11.5}.preview-tile-prejoin.has-permission-help{min-height:292px}.camera-placeholder span,.participant-avatar{width:76px;font-size:1.7rem}.preview-column,.prejoin-side{gap:10px}.prejoin-control-left{gap:8px}.prejoin-split-control,.prejoin-split-control button,.prejoin-icon-control,.primary-action{min-height:44px;height:44px}.prejoin-split-control button,.prejoin-icon-control{width:44px}.prejoin-split-control button+button{width:36px}.prejoin-join-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.prejoin-join-row.has-password{grid-template-columns:1fr}.prejoin-join-row.has-password .primary-action{width:100%}.prejoin-side{padding:12px}.field{gap:6px}.field input{min-height:44px}.consent-panel{gap:8px;padding:8px 10px}.consent-panel label{min-height:34px;padding:0 10px}.permission-help-dialog{left:14px;right:14px;padding:18px}.permission-help-dialog>div{justify-content:stretch}.permission-help-dialog button{flex:1;padding:0 12px}.panel-heading p{font-size:.84rem}.sync-note{min-height:30px;padding:0;font-size:.78rem}.preview-meta,.tile-footer{align-items:flex-start;flex-direction:column;gap:4px}.room-title{display:none}.record-button{max-width:104px}.icon-control,.split-control,.count-control{min-height:44px}.icon-control{width:44px}.split-control button{min-width:40px}}@media(max-width:1040px){.home-main-layout{grid-template-columns:minmax(0,1fr);width:min(700px,calc(100% - 32px))}.home-login-panel{padding-top:14px}}@media(max-width:760px){.home-shell{padding-bottom:48px}.home-heading-reference{min-height:172px;padding-bottom:18px}.home-heading-reference h1{font-size:2rem}.home-main-layout{padding-top:18px}.home-action-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:14px}.home-new-meeting{grid-row:auto;min-height:260px}.home-secondary-card{min-height:172px}.home-action-card{border-radius:12px;padding:28px}.home-action-card strong,.home-new-meeting strong,.home-login-panel h2{font-size:1.8rem}.home-legal{margin-top:58px;gap:18px}.home-legal p{font-size:1rem;line-height:1.28}}@media(max-width:460px){.home-heading-reference h1{font-size:1.72rem}.home-heading-reference p{font-size:.96rem}.home-main-layout{width:calc(100% - 20px)}.home-new-meeting{min-height:230px}.home-secondary-card{min-height:150px}.home-card-icon svg{max-width:88px;max-height:88px}.home-plan-icon svg,.home-join-icon svg{max-width:62px;max-height:62px}}