:root{--font-display:"Google Sans", "Google Sans Text", Roboto, "Segoe UI", system-ui, -apple-system, sans-serif;--font-text:"Google Sans Text", "Google Sans", Roboto, "Segoe UI", system-ui, -apple-system, sans-serif;--bg:#fff;--surface:#fff;--surface-1:#f8fafd;--surface-2:#f0f4f9;--surface-3:#e9eef6;--surface-4:#dde3ea;--on-surface:#1f1f1f;--on-surface-2:#444746;--on-surface-3:#5e5e5e;--outline:#747775;--outline-2:#c4c7c5;--divider:#e1e3e1;--primary:#0b57d0;--primary-hover:#0a4fbd;--on-primary:#fff;--primary-container:#d3e3fd;--on-primary-container:#041e49;--primary-text:#0b57d0;--danger:#b3261e;--danger-container:#f9dedc;--success:#146c2e;--hover:#44474614;--press:#4447461f;--focus-ring:#0b57d0;--call-bg:#202124;--call-tile:#3c4043;--call-tile-2:#303134;--call-btn:#333537;--call-btn-hover:#3d4043;--call-btn-2:#3c4043;--call-text:#e3e3e3;--call-text-2:#c4c7c5;--call-accent:#a8c7fa;--call-active-bg:#a8c7fa;--call-active-fg:#062e6f;--call-red:#ea4335;--call-red-hover:#d93025;--call-red-soft:#f9dedc;--speaking:#8ab4f8;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:28px;--r-pill:999px;--e1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--e2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--e3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.05, .7, .1, 1);--ease-in:cubic-bezier(.3, 0, .8, .15);--t-fast:.12s;--t-med:.22s;--t-slow:.4s;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--on-surface);font-family:var(--font-text);letter-spacing:.1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:20px;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:var(--primary-text);text-decoration:none}a:hover{text-decoration:underline}img,video,canvas,svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.call-theme :focus-visible{outline-color:var(--call-accent)}::selection{background:var(--primary-container)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.scroll{scrollbar-width:thin;scrollbar-color:#00000040 transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:#0003 padding-box padding-box;border:2px solid #0000;border-radius:8px}.mirror{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.settings-dialog .dialog-body{padding:0;overflow:hidden}.settings{height:min(560px,100dvh - 140px);display:flex}.settings-nav{flex-direction:column;flex:none;gap:2px;width:220px;padding:8px 12px 16px;display:flex}.settings-tab{border-radius:var(--r-pill);height:48px;color:var(--on-surface-2);font-family:var(--font-display);text-align:left;align-items:center;gap:16px;padding:0 16px;font-weight:500;display:flex}.settings-tab:hover{background:var(--hover)}.settings-tab.active{background:var(--primary-container);color:var(--on-primary-container)}.settings-body{min-width:0;color:var(--on-surface);flex:1;padding:8px 28px 24px 16px}.set-h{color:var(--primary-text);font-size:14px;font-weight:500;font-family:var(--font-display);margin:16px 0 10px}.set-h:first-child{margin-top:4px}.set-device{align-items:center;gap:16px;margin-bottom:8px;display:flex}.set-device .select{flex:1;max-width:340px}.set-device-cam{align-items:flex-start}.set-cam-preview{aspect-ratio:16/9;border-radius:var(--r-sm);color:#c4c7c5;background:#202124;flex:none;place-items:center;width:176px;font-size:12px;display:grid;overflow:hidden}.set-cam-preview video{object-fit:cover;width:100%;height:100%}.set-row{border-bottom:1px solid var(--divider);align-items:center;gap:24px;padding:16px 0;display:flex}.set-row:last-child{border-bottom:0}.set-row-text{flex:1;min-width:0}.set-row-title{color:var(--on-surface);font-size:14px}.set-row-sub{color:var(--on-surface-2);margin-top:2px;font-size:12px;line-height:16px}.set-row-control .select{max-width:280px}.set-note{color:var(--on-surface-2);flex:1;font-size:13px}.set-callout{background:var(--surface-2);border-radius:var(--r-md);color:var(--on-surface-2);align-items:center;gap:12px;margin-bottom:12px;padding:8px 8px 8px 16px;display:flex}.set-callout span{flex:1}.level-bars{align-items:center;gap:3px;height:20px;display:flex}.level-bars i{background:var(--outline-2);border-radius:2px;width:4px;height:100%;transition:background-color 60ms linear}.level-bars i.on{background:var(--primary)}.set-caption-preview{color:#fff;border-radius:var(--r-sm);background:#202124eb;flex-direction:column;gap:2px;margin-top:16px;padding:12px 16px;display:flex}.set-caption-preview b{color:#c4c7c5;font-size:13px;font-weight:500}.cap-small span{font-size:16px}.cap-medium span{font-size:20px;line-height:28px}.cap-large span{font-size:26px;line-height:34px}.cap-huge span{font-size:32px;line-height:42px}.set-tones{gap:8px;display:flex}.set-tone{border-radius:50%;width:44px;height:44px;font-size:22px}.set-tone:hover{background:var(--hover)}.set-tone.active{background:var(--primary-container)}@media (max-width:680px){.settings{flex-direction:column;height:auto;max-height:calc(100dvh - 120px)}.settings-nav{flex-direction:row;width:auto;padding:0 12px 8px;overflow-x:auto}.settings-tab{flex:none;gap:8px;padding:0 14px}.settings-body{padding:8px 16px 20px;overflow-y:auto}.set-device{flex-wrap:wrap}}.topbar{flex:none;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:8px 16px;display:flex}.topbar-left{align-items:center;gap:8px;min-width:0;display:flex}.topbar-back{width:40px;height:40px;color:var(--on-surface-2);border-radius:50%;place-items:center;display:grid}.topbar-back:hover{background:var(--hover);text-decoration:none}.topbar-title{font-family:var(--font-display);color:var(--on-surface-2);border-left:1px solid var(--divider);white-space:nowrap;margin-left:8px;padding-left:16px;font-size:18px}.logo{color:var(--on-surface-2);border-radius:var(--r-sm);align-items:center;gap:8px;padding:4px 8px 4px 4px;text-decoration:none;display:inline-flex}.logo:hover{text-decoration:none}.logo-word{font-family:var(--font-display);color:var(--on-surface-2);letter-spacing:0;font-size:22px;line-height:24px}.logo-by{font-family:var(--font-display);color:var(--on-surface-3);letter-spacing:.3px;margin-top:4px;font-size:12px;line-height:16px}.topbar-right{align-items:center;gap:4px;display:flex}.topbar-clock{font-family:var(--font-display);color:var(--on-surface-2);white-space:nowrap;margin-right:12px;font-size:18px}.topbar-icon{width:48px!important;height:48px!important}.topbar-avatar{border-radius:50%;place-items:center;width:48px;height:48px;margin-left:4px;display:grid}.topbar-avatar:hover{background:var(--hover)}.topbar-account-placeholder{width:48px;height:48px}.account-pop{border-radius:var(--r-xl);background:var(--surface-2);width:340px}.account-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:24px 16px 16px;display:flex}.account-name{font-family:var(--font-display);margin-top:12px;font-size:22px;line-height:28px}.account-email{color:var(--on-surface-2)}.account-pop .menu{background:var(--surface);border-radius:var(--r-lg);margin:0 12px}.menu-link{color:inherit;display:block}.menu-link:hover{text-decoration:none}.account-foot{color:var(--on-surface-2);justify-content:center;gap:8px;padding:14px;font-size:12px;display:flex}.account-foot a{color:var(--on-surface-2)}@media (max-width:720px){.topbar-clock,.logo-by{display:none}.topbar{padding:8px 8px 8px 12px}}.home{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:auto}.home-main{flex:1;justify-content:center;align-items:center;gap:56px;width:100%;max-width:1360px;margin:0 auto;padding:24px 48px 48px;display:flex}.home-left{flex:560px;max-width:600px}.home-title{letter-spacing:-.2px;color:var(--on-surface);margin-bottom:16px;font-size:44px;line-height:52px}.home-sub{font-family:var(--font-display);color:var(--on-surface-2);max-width:520px;margin-bottom:40px;font-size:18px;line-height:26px}.home-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.home-new{height:48px!important;padding:0 24px 0 16px!important;font-size:16px!important}.home-menu{min-width:300px}.home-join{align-items:center;gap:4px;display:flex}.home-code{border:1px solid var(--outline);border-radius:var(--r-sm);height:48px;color:var(--on-surface-2);width:260px;transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);align-items:center;gap:12px;padding:0 16px;display:flex}.home-code:focus-within{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.home-code.error{border-color:var(--danger)}.home-code input{min-width:0;color:var(--on-surface);background:0 0;border:0;outline:0;flex:1;font-size:16px}.home-code input::placeholder{color:var(--on-surface-2)}.home-join-btn{height:48px!important;font-size:16px!important}.home-join-btn:disabled{opacity:.6;color:var(--on-surface-3)!important}.home-error{color:var(--danger);margin-top:12px;font-size:14px}.home-hint{color:var(--on-surface-2);margin-top:12px}.home-divider{background:var(--divider);height:1px;margin:40px 0 24px}.home-links{color:var(--on-surface-2);gap:8px;font-size:14px;display:flex}.link-btn{color:var(--primary-text);font-weight:500}.link-btn:hover{text-decoration:underline}.home-right{text-align:center;flex-direction:column;flex:0 460px;align-items:center;display:flex}.home-carousel{align-items:center;gap:12px;display:flex}.car-arrow{width:48px!important;height:48px!important}.car-art{animation:car-in .45s var(--ease-out)}.car-art .art{width:min(330px,70vw);height:auto}@keyframes car-in{0%{opacity:0;transform:translate(14px)}}.car-text{max-width:360px;animation:fade-in .45s var(--ease);margin-top:28px}.car-text h2{margin-bottom:8px;font-size:24px;line-height:32px}.car-text p{color:var(--on-surface-2);font-size:14px;line-height:20px}.car-dots{gap:8px;margin-top:20px;display:flex}.car-dot{background:var(--outline-2);width:6px;height:6px;transition:background-color var(--t-med) var(--ease), transform var(--t-med) var(--ease);border-radius:50%}.car-dot.active{background:var(--primary);transform:scale(1.25)}.later p{margin-bottom:16px}.later-link{background:var(--surface-2);border-radius:var(--r-sm);color:var(--on-surface);justify-content:space-between;align-items:center;margin-bottom:20px;padding:4px 4px 4px 16px;font-size:16px;display:flex}.later-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:1000px){.home-main{flex-direction:column;justify-content:flex-start;gap:40px;padding:24px 16px 40px}.home-left{text-align:center;flex:none;max-width:560px}.home-sub{margin-left:auto;margin-right:auto}.home-actions,.home-links{justify-content:center}.home-right{flex:none}}@media (max-width:560px){.home-title{font-size:32px;line-height:40px}.home-sub{margin-bottom:28px;font-size:16px;line-height:24px}.home-actions{flex-direction:column;align-items:stretch;gap:16px}.home-join{width:100%}.home-code{flex:1;width:auto}.car-arrow{display:none!important}}.fx{flex-direction:column;gap:4px;display:flex}.fx-preview{aspect-ratio:16/9;border-radius:var(--r-md);color:#c4c7c5;text-align:center;background:#202124;place-items:center;width:100%;margin-bottom:8px;padding:0;display:grid;overflow:hidden}.fx-preview video{object-fit:cover;width:100%;height:100%}.fx-h{color:var(--on-surface);margin:12px 0 8px;font-size:14px;font-weight:500}.fx-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.fx-opt{aspect-ratio:16/10;border-radius:var(--r-sm);background:var(--surface-2);color:var(--on-surface-2);outline-offset:2px;transition:outline-color var(--t-fast) var(--ease);outline:2px solid #0000;place-items:center;display:grid;position:relative;overflow:hidden}.fx-opt:hover{background:var(--surface-3)}.fx-opt.active{outline-color:var(--primary)}.fx-img img{object-fit:cover;width:100%;height:100%}.fx-img:hover img{filter:brightness(.92)}.fx-upload{border:1px dashed var(--outline);background:0 0}.fx-busy{color:var(--on-surface-2);align-items:center;gap:8px;font-size:13px;display:flex}.fx-error{color:var(--danger);font-size:13px}.fx-dialog .dialog-body{padding-bottom:24px}.prejoin{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:auto}.pj-account{flex-direction:column;align-items:flex-end;margin-right:8px;line-height:18px;display:flex}.pj-email{color:var(--on-surface);font-size:14px}.pj-switch{color:var(--primary-text);font-size:12px}.pj-switch:hover{text-decoration:underline}.pj-main{flex:1;justify-content:center;align-items:center;gap:40px;min-height:0;padding:8px 24px 32px;display:flex}.preview-wrap{flex-direction:column;flex:0 740px;gap:16px;min-width:0;display:flex}.preview{aspect-ratio:16/9;border-radius:var(--r-md);color:#fff;isolation:isolate;background:#202124;width:100%;max-height:calc(100dvh - 210px);position:relative;overflow:hidden}.preview-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .26s var(--ease);position:absolute;inset:0}.preview-video.ready{opacity:1}.preview-shade{pointer-events:none;background:linear-gradient(#0000008c 0%,#0000 22% 70%,#0009 100%);position:absolute;inset:0}.preview-name{font-family:var(--font-display);text-shadow:0 1px 2px #0009;font-size:16px;font-weight:500;position:absolute;top:18px;left:20px}.preview-top{position:absolute;top:8px;right:8px}.preview-center{text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.preview-msg{font-family:var(--font-display);color:#e3e3e3;flex-direction:column;align-items:center;gap:16px;font-size:22px;line-height:28px;display:flex}.perm-card{flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.perm-card h3{color:#fff;font-size:22px;line-height:30px}.perm-card p{color:#c4c7c5;margin-bottom:8px}.perm-card .btn-filled{background:var(--call-accent);color:var(--call-active-fg)}.perm-card .btn-tonal{color:#c2e7ff;background:#004a77}.perm-skip{color:var(--call-accent);font-family:var(--font-display);border-radius:var(--r-pill);padding:8px 12px;font-weight:500}.perm-skip:hover{background:#a8c7fa14}.preview-controls{gap:24px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pv-btn{color:#fff;width:56px;height:56px;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:1px solid #fff;border-radius:50%;place-items:center;display:grid;position:relative}.pv-btn:hover{background:#ffffff29}.pv-btn.off{background:var(--call-red);border-color:var(--call-red)}.pv-btn.off:hover{background:var(--call-red-hover)}.pv-btn>.icon{z-index:1;position:relative}.mic-ring{border:3px solid var(--speaking);opacity:calc(var(--lvl,0) * 1.6);transform:scale(calc(1 + var(--lvl,0) * .18));border-radius:50%;transition:transform 80ms linear,opacity 80ms linear;position:absolute;inset:-1px}.pv-badge{color:#202124;z-index:2;background:#fbbc04;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.pv-flip{border:1px solid #fff!important;width:56px!important;height:56px!important}.preview-effects{position:absolute;bottom:22px;right:16px}.preview-effects .icon-btn{background:#20212466;width:44px!important;height:44px!important}.preview-effects .fx-on{background:var(--call-accent);color:var(--call-active-fg)}.chips{flex-wrap:wrap;gap:12px;display:flex}.chip{border-radius:var(--r-pill);border:1px solid var(--outline-2);height:36px;color:var(--on-surface-2);align-items:center;gap:8px;min-width:0;max-width:240px;padding:0 6px 0 12px;display:inline-flex}.chip:hover{background:var(--hover)}.chip-text{text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface);font-size:13px;overflow:hidden}.chip-warn{border-color:#f9ab00}.chip-warn .icon:first-child{color:#e37400}.device-menu{max-width:360px}.ready{text-align:center;flex-direction:column;flex:0 0 360px;align-items:center;gap:12px;display:flex}.ready-title{font-size:36px;line-height:44px}.ready-meeting{font-family:var(--font-display);color:var(--on-surface-2);font-size:16px}.ready-sub{color:var(--on-surface-2);font-size:14px}.ready-wait{padding:12px 0}.ready-people{color:var(--on-surface-2);align-items:center;gap:10px;display:flex}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.ready-actions{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:12px;display:flex}.join-btn{min-width:240px;height:56px!important}.ready-other{color:var(--on-surface-2);margin-top:8px;font-size:14px}.present-btn{min-width:240px}.ready-signin{color:var(--on-surface-2);margin-top:8px;font-size:13px}.name-field{width:100%;max-width:320px;position:relative}.name-field input{border:1px solid var(--outline);border-radius:var(--r-xs);background:0 0;width:100%;height:56px;padding:0 64px 0 16px;font-size:16px}.name-field input:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.name-field input.error{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.name-count{color:var(--on-surface-3);font-size:12px;position:absolute;top:19px;right:14px}.name-error{text-align:left;color:var(--danger);padding:4px 16px 0;font-size:12px}@media (max-width:960px){.pj-main{flex-direction:column;justify-content:flex-start;gap:24px;padding:0 16px 32px}.preview-wrap{flex:none;width:100%;max-width:640px}.chips{justify-content:center}.ready{flex:none;width:100%;max-width:420px}.pj-email{display:none}}@media (max-width:560px){.preview{aspect-ratio:3/4;max-height:56dvh}.chips{display:none}.ready-title{font-size:28px;line-height:36px}}.status-page{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:auto}.status-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px 96px;display:flex}.status-main h1{max-width:640px;font-size:36px;line-height:44px}.status-sub{color:var(--on-surface-2);max-width:560px;font-size:16px;line-height:24px}.status-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.countdown{color:var(--on-surface-2);align-items:center;gap:12px;display:flex;position:absolute;top:80px;left:24px}.countdown span{text-align:center;width:44px;color:var(--on-surface);font-size:13px;position:absolute;left:0}.countdown p{font-size:14px}.feedback{border:1px solid var(--divider);border-radius:var(--r-lg);color:var(--on-surface-2);flex-direction:column;align-items:center;gap:8px;margin-top:48px;padding:20px 32px;display:flex}.feedback.done{color:var(--success);flex-direction:row}.stars{gap:4px;display:flex}.star{color:var(--outline);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.star:hover,.star.on{color:#f9ab00}.star:hover{background:var(--hover)}@media (max-width:600px){.status-main h1{font-size:28px;line-height:36px}.countdown{margin-bottom:24px;position:static}}