:root{--font:"Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--bg:#fff;--surface:#fff;--surface-2:#f1f3f4;--text:#202124;--text-2:#5f6368;--border:#dadce0;--primary:#1a73e8;--primary-hover:#1765cc;--on-primary:#fff;--tonal:#e8f0fe;--tonal-text:#1967d2;--danger:#d93025;--focus:#1a73e8;--shadow:0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;--call-bg:#202124;--tile:#3c4043;--tile-2:#2d2e31;--on-dark:#e8eaed;--on-dark-2:#9aa0a6;--btn-dark:#3c4043;--btn-dark-hover:#494c50;--blue-dark:#8ab4f8;--red:#ea4335;--red-hover:#d93025;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1f1f1f;--surface:#2b2c2f;--surface-2:#303134;--text:#e8eaed;--text-2:#9aa0a6;--border:#5f6368;--primary:#8ab4f8;--primary-hover:#aecbfa;--on-primary:#202124;--tonal:#394457;--tonal-text:#d2e3fc;--danger:#f28b82;--focus:#8ab4f8;--shadow:0 1px 3px #00000080, 0 4px 8px 3px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--primary)}h1,h2,h3{margin:0;font-weight:400}p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--text-2)}.small{font-size:.875rem}.center-screen{place-items:center;min-height:100vh;display:grid}.btn{letter-spacing:.01em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,color .15s;display:inline-flex}.btn.small{height:32px;padding:0 14px;font-size:.875rem}.btn-lg{border-radius:24px;height:48px;padding:0 24px;font-size:1rem}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 1px 3px #1a73e859}.btn-primary:disabled{opacity:.45}.btn-text{color:var(--primary);padding:0 12px}.btn-text:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 9%, transparent)}.btn-text:disabled{color:var(--text-2);opacity:.6}.btn-tonal{background:var(--tonal);color:var(--tonal-text)}.btn-tonal:hover{background:color-mix(in srgb, var(--tonal) 80%, var(--primary) 20%)}.btn-outline{border-color:var(--border);color:var(--primary);background:var(--surface)}.btn-outline:hover{background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.btn-danger{background:var(--red-hover);color:#fff}.btn-danger:hover{background:#c5221f}.btn-tonal-dark{background:var(--blue-dark);color:#202124}.icon-btn{width:40px;height:40px;color:var(--text-2);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent)}.icon-btn:disabled{opacity:.4}@media (hover:hover){[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);color:#fff;white-space:nowrap;pointer-events:none;z-index:60;letter-spacing:normal;background:#3c4043;border-radius:4px;padding:6px 8px;font-size:.75rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tile-hover [data-tip]:hover:after,.panel-head [data-tip]:hover:after,.recent [data-tip]:hover:after,.link-box [data-tip]:hover:after{top:calc(100% + 6px);bottom:auto}}.spinner{border:3px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;animation:.8s linear infinite spin;display:inline-block}.spinner.on-primary{border-color:#fff #ffffff59 #ffffff59}@keyframes spin{to{transform:rotate(360deg)}}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:500;line-height:1;display:inline-grid}.menu-anchor{display:inline-flex;position:relative}.popover{z-index:70;background:var(--surface);min-width:240px;max-width:min(340px,100vw - 24px);color:var(--text);box-shadow:var(--shadow);border-radius:8px;padding:8px 0;animation:.12s ease-out pop;position:absolute}.call .popover{color:#202124;--text-2:#5f6368;--primary:#1a73e8;--danger:#d93025;background:#fff}@media (prefers-color-scheme:dark){.call .popover{color:#e8eaed;--text-2:#9aa0a6;--primary:#8ab4f8;--danger:#f28b82;background:#2b2c2f}}.popover-up{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.popover-up-end{bottom:calc(100% + 10px);right:0}.popover-down{top:calc(100% + 8px);left:0}.popover-down-end{top:calc(100% + 6px);right:0}@keyframes pop{0%{opacity:0;scale:.97}}.menu-item{text-align:left;background:0 0;border:none;align-items:center;gap:16px;width:100%;min-height:44px;padding:8px 18px;font-size:.9375rem;display:flex}a.menu-item{color:inherit;text-decoration:none}.menu-item:hover:not(:disabled){background:color-mix(in srgb, currentColor 8%, transparent)}.menu-item .menu-icon{color:var(--text-2);display:inline-grid}.menu-item.danger,.menu-item.danger .menu-icon{color:var(--danger)}.device-menu{min-width:280px}.device-active{color:var(--primary);font-weight:600}.modal-backdrop{z-index:90;background:#20212499;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);width:min(480px,100%);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:12px;padding:20px 24px;overflow:auto}.call~* .modal,.modal-backdrop .modal{color-scheme:inherit}.modal-head{justify-content:space-between;align-items:center;margin:-4px -8px 12px 0;display:flex}.modal-head h2,.modal.confirm h2{font-size:1.25rem}.modal-body>p,.modal.confirm>p,.modal form>p{margin-bottom:14px;line-height:1.5}.modal.confirm h2{margin-bottom:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.text-input{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;height:48px;padding:0 14px;font-size:1rem}.text-input:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);outline:none}.form-error{color:var(--danger);margin-top:10px;font-size:.9rem;line-height:1.4}.link-box{background:var(--surface-2);border-radius:6px;align-items:center;gap:8px;margin:12px 0;padding:4px 4px 4px 14px;display:flex}.link-box span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.95rem}.switch{background:#bdc1c6;border:none;border-radius:7px;flex-shrink:0;width:36px;height:14px;margin:0 4px;padding:0;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s,background .15s;position:absolute;top:50%;left:-4px;transform:translateY(-50%);box-shadow:0 1px 3px #0006}.switch.on{background:#1a73e873}.switch.on .switch-thumb{background:#1a73e8;left:20px}.switch:disabled{opacity:.5}.page{min-height:100vh;background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 16px 0 20px;display:flex}.logo{color:var(--text-2);align-items:center;gap:10px;font-size:1.375rem;text-decoration:none;display:inline-flex}.logo span{color:var(--text);opacity:.85}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-clock{color:var(--text-2);font-size:1.0625rem}.message-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 16px 80px;display:flex}.message-screen h1{font-size:clamp(1.6rem,4vw,2.25rem)}.message-screen p{color:var(--text-2);max-width:520px;line-height:1.5}.message-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.home-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;width:100%;max-width:1280px;margin:0 auto;padding:24px 48px 48px;display:grid}.home-hero h1{letter-spacing:-.01em;max-width:600px;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.18}.home-sub{color:var(--text-2);max-width:520px;margin-top:14px;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.5}.home-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:40px;display:flex}.join-form{align-items:center;gap:4px;display:flex}.code-field{border:1px solid var(--border);height:48px;color:var(--text-2);background:var(--surface);border-radius:6px;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.code-field:focus-within{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.code-field input{width:220px;min-width:0;color:var(--text);background:0 0;border:none;outline:none;font-size:1rem}.home-divider{border:none;border-top:1px solid var(--border);max-width:560px;margin:32px 0 24px}.home-learn{max-width:520px}.recent h2{margin-bottom:4px;font-size:1.1rem}.recent ul{max-width:620px;margin:12px 0 0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.recent-info{flex-direction:column;gap:2px;display:flex}.recent-code{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.02rem}.recent-actions{align-items:center;gap:4px;display:flex}.home-art{flex-direction:column;align-items:center;gap:16px;display:flex}.hero-art{filter:drop-shadow(0 12px 28px #3c40432e);width:100%;max-width:460px;height:auto}.art-caption{color:var(--text-2);text-align:center;font-size:1rem}.prejoin-main{flex:1;grid-template-columns:minmax(0,740px) minmax(280px,420px);justify-content:center;align-items:center;gap:32px 56px;width:100%;padding:8px 32px 40px;display:grid}.preview-col{min-width:0}.preview{aspect-ratio:16/9;background:#202124;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.preview-video{object-fit:cover;width:100%;height:100%;display:block}.mirror{transform:scaleX(-1)}.preview-off{color:#e8eaed;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:1.15rem;line-height:1.45;display:flex;position:absolute;inset:0}.preview-name{color:#fff;text-shadow:0 1px 3px #000000b3;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:1.05rem;font-weight:500;position:absolute;top:14px;left:16px;overflow:hidden}.preview-controls{justify-content:center;gap:20px;display:flex;position:absolute;bottom:16px;left:0;right:0}.device-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.device-pill{border:1px solid var(--border);min-width:150px;max-width:260px;height:36px;color:var(--text-2);border-radius:18px;flex:1 1 0;align-items:center;gap:6px;padding:0 4px 0 12px;display:inline-flex}.device-pill select{min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:0 4px;font-size:.875rem}.device-pill select:focus{outline:none}.device-pill select option{background:var(--surface);color:var(--text)}.media-error{color:var(--danger);margin-top:10px;font-size:.9rem;line-height:1.4}.join-col{justify-content:center;display:flex}.join-form-col,.knocking{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:360px;display:flex}.join-form-col h1,.knocking h1{font-size:1.75rem}.who{min-height:1.4em}.name-input{text-align:left}.join-btn{width:100%;max-width:260px}.joining-as b{font-weight:600}.code-line{margin-top:6px;font-family:ui-monospace,Consolas,monospace}.knocking p{line-height:1.5}.call{background:var(--call-bg);color:var(--on-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.call-main{flex:1;gap:16px;min-height:0;padding:16px 16px 0;display:flex}.stage{flex:1;min-width:0;min-height:0;position:relative}.grid{flex-wrap:wrap;place-content:center;display:flex;position:absolute;inset:0}.tile{background:var(--tile);isolation:isolate;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden;container-type:size}.tile:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;transition:box-shadow .15s;position:absolute;inset:0;box-shadow:inset 0 0 #0000}.tile.speaking:after{box-shadow:inset 0 0 0 3px var(--blue-dark)}.tile-video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.tile-video.contain{object-fit:contain;background:#000}.tile-avatar-wrap{place-items:center;display:grid;position:absolute;inset:0}.tile-avatar{width:clamp(40px,34cqmin,160px);height:clamp(40px,34cqmin,160px);font-size:clamp(18px,15cqmin,72px);transition:box-shadow .15s}.tile-avatar.speaking{box-shadow:0 0 0 4px #8ab4f873,0 0 0 9px #8ab4f82e}.tile-badges{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:8px;left:8px;right:8px}.badge{color:#fff;background:#2021249e;border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.badge-hand{color:#202124;background:#fdd663}.badge-mic{margin-left:auto}.tile.compact .badge{width:22px;height:22px}.speaking-bars{background:#1a73e8;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:28px;height:28px;margin-left:auto;display:inline-flex}.speaking-bars i{background:#fff;border-radius:2px;width:4px;height:4px;animation:.9s ease-in-out infinite bar}.speaking-bars i:nth-child(2){animation-delay:.15s}.speaking-bars i:nth-child(3){animation-delay:.3s}@keyframes bar{0%,to{height:4px}50%{height:13px}}.tile-name{color:#fff;text-shadow:0 1px 2px #000000bf;pointer-events:none;z-index:2;align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.tile-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile.compact .tile-name{font-size:.75rem;bottom:5px;left:8px}.role-chip{color:#d2e3fc;text-shadow:none;background:#8ab4f840;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:.6875rem}.net-bad{color:#fdd663;flex-shrink:0}.tile-hover{opacity:0;z-index:4;justify-content:center;align-items:center;gap:4px;transition:opacity .15s;display:flex;position:absolute;inset:0}.tile:hover .tile-hover,.tile:focus-within .tile-hover,.tile.menu-open .tile-hover{opacity:1}.tile-hover>.tile-act,.tile-hover>.menu-anchor>.tile-act{color:#fff;background:#202124b8;border:none;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.tile-hover .tile-act:hover{background:#3c4043eb}.tile.compact .tile-act{width:36px;height:36px}@media (hover:none){.tile-hover{display:none}}.duo,.duo-main{position:absolute;inset:0}.pip{z-index:5;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 16px #00000073}.spotlight{display:flex;position:absolute;inset:0}.spotlight.strip-bottom{flex-direction:column}.spot-main{flex:1;min-width:0;min-height:0;position:relative}.spot-tile{position:absolute;inset:0}.strip{flex-shrink:0;display:flex}.strip-side .strip{flex-direction:column;justify-content:center;overflow:hidden}.strip-bottom .strip{scrollbar-width:none;overflow-x:auto}.strip-bottom .strip::-webkit-scrollbar{display:none}.overflow-tile{color:var(--on-dark);border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.overflow-avatars{display:flex}.overflow-avatars .avatar+.avatar{box-shadow:0 0 0 2px var(--tile);margin-left:-10px}.overflow-count{font-size:.95rem;font-weight:500}.presenting-notice{background:var(--tile-2);color:var(--on-dark);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.presenting-notice p{font-size:1.15rem}.control-bar{height:80px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom);height:calc(80px + env(safe-area-inset-bottom));flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.cb-left{min-width:0}.cb-meta{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;font-size:1.05rem;display:inline-flex;overflow:hidden}.cb-meta .sep{color:var(--on-dark-2)}.cb-center{align-items:center;gap:10px;display:flex}.cb-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.round-btn{background:var(--btn-dark);width:48px;height:48px;color:var(--on-dark);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s,box-shadow 80ms;display:inline-grid;position:relative}.round-btn:hover:not(:disabled){background:var(--btn-dark-hover)}.round-btn.tone-off{background:var(--red);color:#fff}.round-btn.tone-off:hover:not(:disabled){background:var(--red-hover)}.round-btn.tone-active{background:var(--blue-dark);color:#202124}.round-btn.tone-active:hover:not(:disabled){background:#aecbfa}.round-btn.flat{background:0 0}.round-btn.flat:hover:not(:disabled){background:#e8eaed14}.round-btn.flat.tone-active{color:var(--blue-dark);background:0 0}.round-btn:disabled{opacity:.6}.round-btn.glass{color:#fff;background:0 0;border:1px solid #ffffffd9;width:56px;height:56px}.round-btn.glass:hover:not(:disabled){background:#ffffff29}.round-btn.glass.tone-off{background:var(--red);border-color:var(--red)}.btn-badge{background:var(--blue-dark);color:#202124;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--call-bg);border-radius:9px;place-items:center;padding:0 4px;font-size:.6875rem;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.btn-badge:empty{min-width:10px;height:10px;padding:0;top:6px;right:6px}.split{background:var(--btn-dark);border-radius:24px;align-items:center;display:inline-flex}.split.off{background:color-mix(in srgb, var(--red) 25%, var(--btn-dark))}.caret-btn{width:30px;height:48px;color:var(--on-dark);background:0 0;border:none;border-radius:24px 0 0 24px;place-items:center;padding-left:4px;display:grid}.caret-btn:hover{background:#e8eaed14}.leave-btn{background:var(--red);color:#fff;border:none;border-radius:24px;place-items:center;width:64px;height:48px;display:grid}.leave-btn:hover{background:var(--red-hover)}.emoji-tray{border-radius:28px;gap:2px;min-width:0;padding:6px;display:flex}.emoji-btn{background:0 0;border:none;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;transition:transform .1s}.emoji-btn:hover{background:color-mix(in srgb, currentColor 8%, transparent);transform:scale(1.15)}.side-panel{color:#202124;-webkit-user-select:text;user-select:text;--text-2:#5f6368;--border:#dadce0;--primary:#1a73e8;--primary-hover:#1765cc;--on-primary:#fff;--tonal:#e8f0fe;--tonal-text:#1967d2;--surface:#fff;--surface-2:#f1f3f4;--danger:#d93025;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;width:360px;animation:.18s ease-out slide;display:flex;overflow:hidden}@keyframes slide{0%{opacity:0;transform:translate(16px)}}.panel-head{flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 8px 0 24px;display:flex}.panel-head h2{font-size:1.125rem}.panel-body{flex-direction:column;flex:1;min-height:0;padding:0 24px 16px;display:flex;overflow-y:auto}.chat{flex-direction:column;flex:1;min-height:0;margin:0 -24px -16px;display:flex}.chat-note{color:#5f6368;text-align:center;background:#f1f3f4;border-radius:8px;margin:0 12px;padding:12px;font-size:.8125rem;line-height:1.4}.chat-list{flex:1;min-height:0;padding:12px 24px;overflow-y:auto}.chat-empty{color:#5f6368;text-align:center;margin-top:24px;font-size:.9rem}.chat-group{margin-bottom:16px}.chat-meta{align-items:baseline;gap:8px;margin-bottom:4px;font-size:.875rem;display:flex}.chat-meta b{font-weight:600}.chat-meta span{color:#5f6368;font-size:.75rem}.chat-msg{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:2px;font-size:.9rem;line-height:1.45}.chat-form{background:#f1f3f4;border-radius:24px;align-items:center;gap:4px;margin:8px 12px 12px;padding:0 4px 0 16px;display:flex}.chat-form input{background:0 0;border:none;outline:none;flex:1;min-width:0;height:48px;font-size:.95rem}.send-btn:not(:disabled){color:#1a73e8}.people .add-people{align-self:flex-start;margin-bottom:16px}.people-section{margin-bottom:18px}.people-section ul{margin:0;padding:0;list-style:none}.section-head{letter-spacing:.06em;text-transform:uppercase;color:#5f6368;justify-content:space-between;align-items:center;gap:8px;min-height:36px;font-size:.75rem;font-weight:600;display:flex}.section-head .btn{text-transform:none;letter-spacing:normal}.waiting{background:#e8f0fe;border-radius:8px;margin-left:-12px;margin-right:-8px;padding:4px 8px 6px 12px}.person-row{align-items:center;gap:12px;min-height:56px;padding:4px 0;display:flex}.person-row.compact{min-height:36px}.person-text{flex-direction:column;flex:1;min-width:0;display:flex}.person-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.person-role{color:#5f6368;font-size:.8125rem}.person-icons{color:#5f6368;align-items:center;gap:4px;display:flex}.hand-icon{color:#e37400}.knock-row-actions{flex-shrink:0;gap:2px;display:flex}.info h3,.host-panel h3{align-items:center;gap:8px;margin:8px 0 10px;font-size:.95rem;font-weight:600;display:flex}.info-link{overflow-wrap:anywhere;color:#3c4043;font-size:.95rem}.info-actions{flex-wrap:wrap;gap:4px;margin:8px 0 12px -12px;display:flex}.info hr,.host-panel hr{border:none;border-top:1px solid var(--border);margin:20px 0 12px}.host-panel>p:first-child{margin-bottom:8px}.host-panel h3{margin-top:20px}.switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.switch-row b{font-weight:500}.switch-row p{margin-top:2px;line-height:1.4}.host-action{text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;width:calc(100% + 24px);min-height:48px;margin:0 -12px;padding:0 12px;font-size:.95rem;display:flex}.host-action:hover{background:#f1f3f4}.host-action.danger{color:#d93025}.toasts{left:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:80;pointer-events:none;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed}.toast{color:#202124;background:#e8eaed;border-radius:6px;padding:12px 16px;font-size:.9rem;line-height:1.35;animation:.18s ease-out rise;box-shadow:0 2px 8px #00000059}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.knock-card,.ready-card{left:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:75;color:#202124;-webkit-user-select:text;user-select:text;--primary:#1a73e8;--primary-hover:#1765cc;--on-primary:#fff;--text-2:#5f6368;--tonal:#e8f0fe;--tonal-text:#1967d2;--surface-2:#f1f3f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:8px;width:min(380px,100vw - 32px);padding:18px 18px 12px;animation:.2s ease-out rise;position:fixed;box-shadow:0 4px 16px #00000073}.knock-head{align-items:flex-start;gap:14px;display:flex}.knock-head b{font-size:1rem;font-weight:500;line-height:1.35;display:block}.knock-head p{color:#5f6368;overflow-wrap:anywhere;margin-top:4px}.knock-stack{flex-shrink:0;display:flex}.knock-stack .avatar+.avatar{margin-left:-10px;box-shadow:0 0 0 2px #fff}.knock-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.ready-card header{justify-content:space-between;align-items:center;margin:-6px -8px 8px 0;display:flex}.ready-card h2{font-size:1.15rem}.ready-card>p{font-size:.9rem;line-height:1.45}.ready-card .muted{margin-top:8px}.share-btn{margin-bottom:4px}.banner{z-index:85;color:#202124;background:#e8eaed;border:none;border-radius:20px;align-items:center;gap:10px;padding:10px 18px;font-size:.95rem;display:inline-flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0006}.banner-action{background:var(--blue-dark);font-weight:600;top:64px}.chat-preview{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:74;color:#202124;text-align:left;background:#fff;border:none;border-radius:8px;flex-direction:column;gap:4px;width:min(320px,100vw - 32px);padding:12px 16px;animation:.18s ease-out rise;display:flex;position:fixed;box-shadow:0 4px 16px #00000073}.chat-preview b{font-size:.85rem}.chat-preview span{overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.reactions{pointer-events:none;z-index:70;height:60vh;position:fixed;bottom:90px;left:0;right:0;overflow:hidden}.reaction{flex-direction:column;align-items:center;gap:2px;animation:4s ease-out forwards float-up;display:flex;position:absolute;bottom:0}.reaction-emoji{font-size:2.4rem;line-height:1}.reaction-name{color:#fff;white-space:nowrap;background:#202124bf;border-radius:8px;padding:2px 8px;font-size:.7rem}@keyframes float-up{0%{opacity:0;transform:translateY(20px)scale(.6)}10%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-55vh)translate(12px)}}.settings .tabs{gap:8px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--border);background:0 0;border-radius:18px;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:.9rem;display:inline-flex}.tab.on{background:var(--tonal);color:var(--tonal-text);border-color:#0000}.settings-pane{flex-direction:column;gap:16px;display:flex}.setting-row{flex-direction:column;gap:6px;display:flex}.setting-label{color:var(--text-2);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.select{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);border-radius:6px;padding:0 10px}.settings-preview{aspect-ratio:16/9;color:#e8eaed;background:#202124;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.settings-preview video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile.is-screen:after{box-shadow:inset 0 0 0 2px #81c995cc}.tile.presenting-self:after{box-shadow:inset 0 0 0 4px #81c995}.presenting-banner{z-index:6;color:#e8eaed;background:#202124e6;border-radius:22px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:6px 6px 6px 14px;font-size:.9rem;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0006}.presenting-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-dot{background:#81c995;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.6s ease-out infinite live}@keyframes live{0%{box-shadow:0 0 #81c99599}70%{box-shadow:0 0 0 8px #81c99500}to{box-shadow:0 0 #81c99500}}.banner-btn{color:#e8eaed;white-space:nowrap;background:#e8eaed1f;border:none;border-radius:16px;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:.85rem;font-weight:600;display:inline-flex}.banner-btn:hover{background:#e8eaed33}.banner-btn.stop{background:var(--blue-dark);color:#202124}.banner-btn.stop:hover{background:#aecbfa}.presenting-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-outline-dark{color:#e8eaed;border-color:#5f6368}.btn-outline-dark:hover{background:#e8eaed14}.call-timer{font-variant-numeric:tabular-nums}.timer-pill{top:calc(12px + env(safe-area-inset-top));z-index:6;color:#e8eaed;pointer-events:none;background:#202124b8;border-radius:12px;padding:3px 10px;font-size:.8rem;position:absolute;left:50%;transform:translate(-50%)}.minimize-btn{top:calc(10px + env(safe-area-inset-top));z-index:6;color:#e8eaed;cursor:pointer;background:#202124b8;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;left:10px}.minimize-btn:active{background:#3c4043e6}.pip-video-source{opacity:0;pointer-events:none;z-index:-1;width:160px;height:90px;position:fixed;bottom:0;left:0}.notice-card b{font-size:1rem;font-weight:500;line-height:1.35;display:block}.notice-card .muted{margin-top:6px}.rec-pill{top:calc(12px + env(safe-area-inset-top));z-index:6;color:#fff;pointer-events:auto;background:#202124d9;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;right:12px}.rec-dot{background:#ea4335;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.6s ease-in-out infinite rec-blink}@keyframes rec-blink{50%{opacity:.35}}.rec-notice{color:#d93025;align-items:center;gap:8px;margin:-4px 0 12px;font-weight:500;display:inline-flex}.recordings{gap:8px;margin:10px 0 16px;padding:0;list-style:none;display:grid}.recording-row{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.recording-info{gap:2px;min-width:0;display:grid}.recording-info b{font-weight:500}.recording-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.recording-download{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.recording-row[data-status=recording] .recording-info .small{color:#ea4335}.presenting-notice .presenting-hint{color:#bdc1c6;text-align:center;max-width:340px;margin-top:-4px;font-size:.9rem;line-height:1.45}.tile-avatar-wrap.app-screen{color:#9aa0a6}.install-steps{text-align:left;gap:10px;margin:14px 0 18px;padding-left:22px;line-height:1.45;display:grid}.install-btn{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.modal.install-app p{line-height:1.5}.app-download{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.app-download-card{text-align:center;width:min(520px,100%)}.app-download-card h1{margin:14px 0 10px;font-size:1.6rem;font-weight:500}.app-download-card>p{color:var(--text-2);margin-bottom:20px;line-height:1.55}.app-download-card .install-btn{min-width:220px;height:48px}.app-download-card .muted{margin-top:10px}.app-download-icon{background:var(--tonal);width:72px;height:72px;color:var(--tonal-text);border-radius:50%;place-items:center;display:inline-grid}body.pip-root{background:var(--call-bg);color:var(--on-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}.pip{flex-direction:column;gap:6px;height:100vh;padding:6px;display:flex}.pip-top{align-items:center;gap:12px;min-height:28px;padding:0 4px;font-size:.85rem;display:flex}.pip-timer{font-weight:600}.pip-count{color:var(--on-dark-2);align-items:center;gap:4px;display:inline-flex}.pip-chip-stop{color:#202124;background:#81c995;border:none;border-radius:13px;align-items:center;gap:4px;height:26px;margin-left:auto;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.pip-knock{color:#202124;background:#fff;border-radius:8px;padding:8px 10px;font-size:.85rem}.pip-knock-head{align-items:center;gap:8px;display:flex}.pip-knock-head b{font-weight:600}.pip-knock-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.pip-knock-actions button{color:#1a73e8;background:#fff;border:1px solid #dadce0;border-radius:14px;height:28px;padding:0 12px;font-size:.8rem;font-weight:600}.pip-knock-actions button.primary{color:#fff;background:#1a73e8;border-color:#1a73e8}.pip-stage{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;position:relative}.pip-screen{flex:1.4;min-height:0}.pip-grid{flex:1;grid-template:1fr/1fr;gap:6px;min-height:0;display:grid}.pip-grid.n2{grid-template:1fr 1fr/1fr}.with-screen .pip-grid.n2{grid-template:1fr/1fr 1fr}.pip-grid.n3,.pip-grid.n4{grid-template:1fr 1fr/1fr 1fr}.pip-grid .tile,.pip-screen.tile{width:100%;height:100%}.pip-more{z-index:5;background:#202124d9;border-radius:10px;padding:2px 8px;font-size:.75rem;position:absolute;bottom:6px;right:6px}.pip-controls{justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.pip-btn{background:var(--btn-dark);width:40px;height:40px;color:var(--on-dark);border:none;border-radius:50%;place-items:center;display:grid}.pip-btn:hover{background:var(--btn-dark-hover)}.pip-btn.off{background:var(--red);color:#fff}.pip-btn.active{background:var(--blue-dark);color:#202124}.pip-btn.leave{background:var(--red);color:#fff;border-radius:20px;width:52px}@media (max-width:1000px){.home-main{grid-template-columns:1fr;gap:32px;padding:16px 24px 40px}.home-art{order:-1}.hero-art{max-width:360px}.prejoin-main{grid-template-columns:minmax(0,640px);align-content:start;gap:24px;padding:4px 16px 32px}}@media (max-width:640px){.topbar{height:56px;padding:0 8px 0 16px}.logo{font-size:1.2rem}.logo img{width:32px;height:32px}.topbar-clock{display:none}.home-main{padding:8px 16px 32px}.home-art{display:none}.home-actions{flex-direction:column;align-items:stretch;margin-top:28px}.home-actions>.menu-anchor>.btn,.join-form{width:100%}.code-field{flex:1}.code-field input{width:100%}.prejoin-main{padding:0 16px 24px}.preview{aspect-ratio:3/4;max-height:58vh;margin:0 auto}.device-row{display:none}.join-form-col h1,.knocking h1{font-size:1.5rem}.call-main{padding:8px 8px 0}.side-panel{z-index:65;width:auto;padding-top:env(safe-area-inset-top);border-radius:0;position:fixed;inset:0}.control-bar{height:calc(72px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);grid-template-columns:1fr;justify-items:center}.cb-left,.cb-right{display:none}.cb-center{gap:8px}.round-btn{width:44px;height:44px}.leave-btn{width:56px;height:44px}.toasts,.knock-card,.ready-card{left:8px;bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100vw - 16px);max-width:none}.knock-card{top:calc(8px + env(safe-area-inset-top));bottom:auto}.chat-preview{right:8px;bottom:calc(84px + env(safe-area-inset-bottom))}.pip{bottom:8px;right:8px}.popover-up{left:8px;right:8px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:none;position:fixed;transform:none}.popover-up.emoji-tray{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reaction{animation:3s linear forwards float-fade!important}@keyframes float-fade{0%{opacity:1}to{opacity:0}}}.presenting-banner .banner-btn.stop .stop-short{display:none}@media (max-width:900px){.presenting-banner .banner-btn span{display:none}.presenting-banner .banner-btn.stop .stop-long{display:inline}}@media (max-width:640px){.call.phone .presenting-banner{top:calc(58px + env(safe-area-inset-top));gap:8px;padding-left:12px;font-size:.85rem}.presenting-banner .banner-btn.stop .stop-long{display:none}.presenting-banner .banner-btn.stop .stop-short{display:inline}}@media (hover:hover){.topbar [data-tip]:hover:after{inset:calc(100% + 6px) 0 auto auto;transform:none}}.settings-page{width:100%;max-width:720px;margin:0 auto;padding:8px 16px 56px}.settings-page>h1{margin:8px 0 4px;font-size:1.75rem}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;margin-top:16px;padding:20px;display:flex}.card h2{align-items:center;gap:8px;font-size:1.1rem;font-weight:500;display:flex}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.login-card{max-width:420px}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:.875rem;font-weight:600}.field small{line-height:1.4}.input-with-btn{align-items:center;gap:4px;display:flex}.mono{font-family:ui-monospace,Consolas,monospace}.saved{color:#188038;align-items:center;gap:4px;font-size:.9rem;display:inline-flex}.domain-list{margin:0;padding:0;list-style:none}.domain-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:48px;padding:6px 0;display:flex}.domain-name{overflow-wrap:anywhere;min-width:160px;color:var(--text);flex:1;font-weight:500;text-decoration:none}.domain-name:hover{text-decoration:underline}.chip{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:.78rem;display:inline-flex}.chip.ok{color:#137333;background:#e6f4ea}.chip.warn{color:#8a4b00;background:#fef7e0}@media (prefers-color-scheme:dark){.chip.ok{color:#81c995;background:#1e3a2a}.chip.warn{color:#fdd663;background:#3f3317}.saved{color:#81c995}}.add-domain{gap:8px;display:flex}.add-domain .text-input{flex:1}.howto{background:var(--surface-2);border-radius:8px;padding:12px 16px;font-size:.9rem;line-height:1.5}.howto ol{margin:6px 0 0;padding-left:20px}.howto code{background:var(--surface);border-radius:4px;padding:1px 5px;font-size:.85rem}.logout-btn{margin-top:16px}.spin{animation:.8s linear infinite spin}