:root{color-scheme:light;--ink:#303b37;--muted:#65716b;--paper:#fafbf8;--panel:#fff;--line:#e2e8e2;--accent:#006b56;--mint:#d5eee5;--mint-soft:#eff7f2;--danger:#9b3531}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:var(--accent);text-underline-offset:4px}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:999px;background:var(--mint);color:#174e3e;cursor:pointer;font-weight:550;padding:.8rem 1.3rem;min-height:46px;line-height:1.3;transition:background .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){background:#bee3d6}button.secondary{background:transparent;border-color:#b3c8bd;color:var(--ink)}button.secondary:hover:not(:disabled){background:var(--mint-soft);border-color:var(--accent)}button.quiet,button.text-button{background:transparent;color:var(--accent);padding-inline:.6rem}button.quiet:hover:not(:disabled),button.text-button:hover:not(:disabled){background:var(--mint-soft)}button.danger{background:#a63934;color:white}button.danger:hover:not(:disabled){background:#8b2c28}button.danger-quiet{background:transparent;color:var(--danger)}button.danger-quiet:hover:not(:disabled){background:#faeeeb}button:disabled{cursor:not-allowed;opacity:.48}button.compact{padding:.55rem .9rem;font-size:.88rem}:where(button,select,input,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,select{min-height:46px;border:1px solid #bbc9c0;border-radius:12px;padding:.8rem 1rem;background:white;color:var(--ink);min-width:0;width:100%}input::placeholder{color:#748178}input[type=checkbox]{accent-color:var(--accent)}.ui-icon{flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:1rem;z-index:10;background:white;padding:1rem}.skip-link:focus{top:1rem}#main-content:focus{outline:none}.site-header{max-width:1360px;margin:auto;justify-content:space-between;padding:25px 44px;gap:1rem}.site-brand,.site-header{display:flex;align-items:center}.site-brand{gap:12px;font-size:16px;font-weight:650;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--mint);color:var(--accent)}.brand-caption{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px;letter-spacing:.1px}.header-note{font-size:13px;color:var(--muted)}.shell{margin:0 auto;max-width:1180px;min-height:calc(100dvh - 93px);padding:38px 36px 60px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,3.5vw,44px)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.12;margin:12px 0 16px}h1,h2{font-weight:550}h2{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin:0}h3{font-size:20px;font-weight:550;margin:12px 0}p{color:var(--muted);line-height:1.6;margin:.65rem 0}.eyebrow{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.07em}.help-copy,.muted{color:var(--muted);font-size:13px;line-height:1.6}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.status{background:var(--mint-soft);border:1px solid #d6e7dd;border-radius:14px;padding:14px 18px;color:var(--ink)}.error{color:var(--danger);background:#fcf1ee;border:1px solid #eed6ce;border-radius:12px;padding:12px 16px;line-height:1.5}code{overflow-wrap:anywhere}.panel-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-heading{margin-bottom:32px;align-items:flex-start}.dashboard-heading p{font-size:15px}.dashboard-heading>button{margin-top:25px}.admin-panel{display:block}.dashboard-top{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-bottom:24px}.dashboard-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px}.waiting-card{background:var(--mint-soft);border-color:#dcebe0}.section-heading h2{font-size:21px}.section-heading p{font-size:14px;margin-bottom:0}.count-badge{display:grid;place-items:center;min-width:29px;height:29px;padding:0 8px;border-radius:999px;background:#e3eee7;color:#345b46;font-size:12px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 10px 16px;min-height:184px}.empty-state strong{font-size:16px;font-weight:500}.empty-state p{max-width:285px;font-size:13px;margin:8px 0}.empty-icon,.person-avatar{display:grid;place-items:center;flex-shrink:0;color:#628575;background:#e6efe7;border-radius:50%}.empty-icon{width:48px;height:48px;margin-bottom:16px}.waiting-list{display:grid;gap:12px;margin-top:18px}.waiting-list .empty-state{margin-top:-18px}.waiting-item{justify-content:space-between;background:white;border:1px solid var(--line);border-radius:15px;padding:16px}.person-line,.waiting-item{display:flex;align-items:center;gap:14px}.person-line,.person-line>div{min-width:0}.person-line strong{overflow-wrap:anywhere}.person-avatar{width:40px;height:40px}.row-caption{display:block;color:var(--muted);font-size:12px;margin-top:6px}.active-call{padding:26px 0 8px}.live-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--accent)}.live-badge:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.rooms-card{padding-bottom:8px}.create-room{margin-top:22px}summary{cursor:pointer;min-height:44px}.create-room>summary{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;border:1px solid #b5c9bb;border-radius:999px;padding:10px 16px;list-style:none}summary::-webkit-details-marker{display:none}.create-room>summary:hover,.room-form{background:var(--mint-soft)}.room-form{display:grid;gap:10px;margin:16px 0;padding:20px;border-radius:16px}.room-form label{font-size:14px;font-weight:550}.room-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.room-form p{font-size:12px;margin:0}.invite-reveal{margin:20px 0;padding:20px;border:1px solid #b9d9c9;border-radius:16px;background:var(--mint-soft)}.invite-reveal p{font-size:14px}.invite-reveal code{display:block;padding:15px;border-radius:10px;background:white;-webkit-user-select:all;user-select:all;font-size:13px}.room-search{display:block;margin:20px 0 6px;max-width:340px}.room-search input{background:var(--paper);border-color:var(--line);font-size:14px}.room-list{margin-top:18px}.room-item{justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0}.room-item,.room-title-row{display:flex;align-items:center}.room-title-row{flex-wrap:wrap;gap:10px}.room-title-row strong{font-size:15px;font-weight:550}.room-description{min-width:0}.room-description p{margin:6px 0 0;font-size:12px}.room-state{font-size:11px;border-radius:999px;padding:4px 8px;line-height:1.3}.room-state.active{background:var(--mint-soft);color:var(--accent)}.room-state.revoked{background:#f7eeeb;color:#84453a}.room-menu{flex-shrink:0;text-align:right;max-width:45%}.room-menu summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;list-style:none;font-size:13px;color:var(--muted)}.room-actions{justify-content:flex-end;margin-top:6px}.dashboard-footnote{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;font-size:12px}.client-panel{background:transparent;border:0;padding:0}.client-heading{margin:4px 0 32px}.client-heading h1{margin-bottom:20px}.meeting-time{display:flex;align-items:center;gap:9px;color:#485b50;font-size:14px;line-height:1.5}.client-heading .muted{margin-left:27px}.preflight-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:38px}.preview-stage{position:relative;background:#e9efe5;border:1px solid #e0e7da;border-radius:24px;overflow:hidden;aspect-ratio:4/3}.preview-stage.is-ready{background:#26352d;border-color:#26352d}.preview{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview[hidden]{display:none}.preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:26px}.preview-placeholder strong{font-size:18px;font-weight:500}.preview-placeholder>span:last-child{color:#63745f;font-size:13px;max-width:240px;line-height:1.55}.state-symbol{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#dce7d4;color:#557147;margin-bottom:8px}.preview-label{position:absolute;bottom:15px;left:15px;color:white;background:#22392dbd;border-radius:99px;padding:8px 13px;font-size:11px}.privacy-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;margin:16px 10px 0;color:var(--muted)}.privacy-note .ui-icon{margin-top:2px}.preflight-controls{background:white;border:1px solid var(--line);border-radius:24px;padding:28px}.preflight-controls h2{font-size:27px;margin-top:10px}.check-option,.preflight-controls p{font-size:14px}.check-option{display:flex;align-items:center;gap:10px;margin:21px 0;cursor:pointer}.check-option input{min-height:auto;width:19px;height:19px;margin:0}.device-check-actions{display:grid;gap:5px}.device-check-actions button{width:100%;font-size:14px}.ready-action{border-top:1px solid var(--line);padding-top:22px;margin-top:18px}.ready-action>button{width:100%;justify-content:space-between}.ready-action .muted{font-size:12px;margin:10px 2px 0}.device-settings{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.device-settings summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;color:var(--accent);font-size:13px}.device-settings summary:after{content:"+";font-size:20px}.device-settings[open] summary:after{content:"−"}.device-settings label{display:grid;gap:7px;margin:10px 0;font-size:13px}.device-settings select{font-size:13px}.microphone-check{display:grid;gap:8px;margin-top:16px;font-size:12px;color:var(--muted);line-height:1.45}.microphone-check meter{width:100%;height:10px;accent-color:var(--accent)}.waiting-state{text-align:center;background:var(--mint-soft);border:1px solid #dfeadd;border-radius:26px;padding:clamp(40px,7vw,90px) 24px}.waiting-state .state-symbol{margin-bottom:24px}.waiting-state h2{font-size:28px}.waiting-state p{max-width:420px;margin:15px auto 0;font-size:15px}.waiting-state .actions{justify-content:center}.client-footer{text-align:center;margin-top:32px;padding-top:15px;border-top:1px solid var(--line)}.auth-shell{max-width:590px;padding-top:52px}.auth-panel{padding:40px;background:white}.auth-panel h1{font-size:36px;letter-spacing:-1px}.auth-panel>p{font-size:15px}.auth-symbol{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--mint-soft);color:var(--accent);margin-bottom:22px}.auth-panel>button{margin-top:14px;width:100%}.auth-link{margin:22px 0 0;font-size:13px!important}.auth-link a{color:var(--muted)}.auth-form{display:grid;gap:12px;margin-top:25px}.auth-form label{font-size:14px}.auth-form input{text-transform:uppercase}.recovery-codes{display:grid;gap:10px;padding:18px;border-radius:15px;background:var(--mint-soft)}.recovery-codes code{font-size:13px}.call-panel{padding:0;background:transparent;border:0}.call-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.call-header h2{margin-top:8px;font-size:26px}.privacy-badge{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:12px}.call-stage{position:relative;aspect-ratio:16/9;min-height:300px;max-height:64dvh;background:#25372f;color:white;border-radius:24px;overflow:hidden}.call-placeholder{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.call-placeholder-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#3b5044;color:#c3d5c6;margin-bottom:14px}.call-placeholder p{color:#c3cec5;font-size:14px;max-width:300px}.video-tile video{display:block;width:100%;height:100%;object-fit:contain}.video-tile>div{height:100%}.remote-video{position:absolute;inset:0}.local-video{z-index:2;position:absolute;right:18px;bottom:18px;width:22%;aspect-ratio:4/3;background:#4a5f51;border:2px solid #f0f7eead;border-radius:14px;overflow:hidden;box-shadow:0 3px 20px #0002}.local-video video{object-fit:cover;transform:scaleX(-1)}.local-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#e6f0e9}.track-label{position:absolute;bottom:8px;left:10px;color:white;font-size:11px;background:#263b2cc9;padding:4px 8px;border-radius:99px}.audio-track{display:none}.call-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 8px}.call-toolbar .actions{margin:0;gap:8px}.call-toolbar button{font-size:12px;padding:12px 14px}.call-toolbar .control-off{background:#faeeeb;color:var(--danger);border-color:#e4c2b9}.call-panel .device-settings{max-width:460px}.audio-unlock{margin-bottom:14px}@media (max-width:850px){.preflight-layout{gap:24px;grid-template-columns:1.1fr 1fr}.preflight-controls{padding:22px}.dashboard-top{gap:16px}.dashboard-card{padding:20px}.call-toolbar{justify-content:center}}@media (max-width:680px){.site-header{padding:20px}.header-note{display:none}.shell{padding:22px 20px 36px}h1{font-size:34px;letter-spacing:-1px}.dashboard-top,.preflight-layout{grid-template-columns:1fr}.dashboard-heading{margin-bottom:22px}.dashboard-heading>button{margin-top:23px}.dashboard-heading p{font-size:13px}.dashboard-card{border-radius:20px}.empty-state{min-height:150px;padding:20px 8px 10px}.room-form-row{grid-template-columns:1fr}.room-item{align-items:flex-start;flex-wrap:wrap;gap:8px}.room-menu{max-width:100%;margin-left:54px}.room-actions,.room-menu summary{justify-content:flex-start}.room-title-row{gap:6px}.room-description p{line-height:1.6}.waiting-item{flex-wrap:wrap}.waiting-item>button{width:100%}.dashboard-footnote{align-items:flex-start;font-size:11px}.client-heading{margin:0 0 25px}.client-heading h1{font-size:34px}.preview-stage{aspect-ratio:16/10;border-radius:20px}.preflight-controls{padding:23px}.privacy-note{margin-top:12px;font-size:11px}.preview-placeholder{gap:8px;padding:20px}.preview-placeholder .state-symbol{width:52px;height:52px;margin:0}.preview-placeholder strong{font-size:16px}.preview-placeholder>span:last-child{font-size:12px}.auth-shell{padding-top:24px}.auth-panel{padding:28px}.auth-panel h1{font-size:31px}.call-header{flex-wrap:wrap;gap:8px}.call-header h2{font-size:23px}.call-stage{aspect-ratio:3/4;min-height:330px;max-height:56dvh;border-radius:20px}.local-video{width:30%;right:10px;bottom:10px;border-radius:10px}.call-placeholder{padding-bottom:100px}.call-placeholder h3{font-size:18px}.call-toolbar{padding:14px 0}.call-toolbar .actions{width:100%}.call-toolbar button{flex:1 1;padding:12px 10px;font-size:11px;gap:6px}.call-toolbar button .ui-icon{width:17px;height:17px}.call-toolbar .call-exit-actions{border-top:1px solid var(--line);padding-top:10px}.privacy-badge{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.room-controls{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:12px;flex-shrink:0;max-width:50%}.room-controls .room-menu{max-width:100%}.invite-reveal:focus{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:680px){.room-controls{width:100%;max-width:none;margin-left:54px;flex-shrink:1;justify-content:flex-start;gap:8px}.room-controls .room-menu{margin-left:0}}a.site-brand{color:var(--ink);text-decoration:none}a.site-brand:hover{color:var(--accent)}.session-entry{width:min(100%,460px);margin:0 auto}.entry-title{font-size:22px;letter-spacing:-.4px;text-align:center;margin:0 0 22px}.entry-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 35px #203c2e06}.entry-body{padding:22px}.name-step .entry-body{min-height:290px}.name-step label{display:block;font-size:22px;margin-bottom:20px}.name-step input{min-height:56px}.entry-action{padding:20px 22px;border-top:1px solid var(--line)}.entry-action>button,.waiting-label{width:100%;min-height:52px;border-radius:13px}.entry-action>button:not(.text-button){background:var(--accent);color:white}.entry-action>button:not(.text-button):hover:not(:disabled){background:#005342}.entry-preview{aspect-ratio:4/3;background:#e8eee5;display:grid;place-items:center}.entry-preview video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.entry-camera-placeholder{display:grid;justify-items:center;gap:12px;color:#607060;font-size:14px}.entry-media-controls{position:absolute;bottom:16px;display:flex;gap:12px}.entry-media-controls button,.session-control{position:relative;width:52px;height:52px;padding:0;border-radius:14px;background:#172822c9;color:white;border:1px solid #ffffff20}.entry-media-controls button:hover,.session-control:hover:not(:disabled){background:#31443de8}.media-off{background:#aa493b!important}.media-slash{position:absolute;width:30px;height:2px;background:currentColor;transform:rotate(45deg);box-shadow:0 -2px 0 #aa493b;pointer-events:none}.entry-name{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-8px 0 10px}.entry-name>span{overflow-wrap:anywhere}.entry-name button{font-size:12px;flex-shrink:0}.entry-devices{display:grid;gap:9px}.entry-device{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:0 10px;border-radius:12px}.entry-device select{border:0;background:transparent;padding:12px 2px;min-width:0;font-size:13px;text-overflow:ellipsis}.entry-device button{font-size:12px;padding:8px 2px}.entry-privacy{font-size:12px;line-height:1.5;margin:16px 0 0}.permission-copy{text-align:center;min-height:160px}.permission-copy h2{font-size:20px}.permission-copy p{font-size:14px}.waiting-label{display:grid;place-items:center;background:var(--mint-soft);color:var(--ink)}.waiting-clock{text-align:center;margin-top:20px;animation:clock-appear .8s ease-out both}.waiting-clock time{display:block;font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px}.waiting-clock span{display:block;font-size:11px;color:var(--muted);margin-top:5px}@keyframes clock-appear{0%{opacity:0}to{opacity:1}}.entry-loading,.session-finished{text-align:center;padding:0}.session-finished{display:flex;flex-direction:column;align-items:center;gap:20px}.session-finished h1{margin:0;font-size:30px;letter-spacing:-.6px}body.in-session{overflow:hidden}.in-session .site-header{display:none}.immersive-call{position:fixed;inset:0;z-index:20;background:#101713;color:white}.immersive-stage{position:absolute;inset:0}.immersive-stage .remote-video>div,.immersive-stage .video-tile.remote-video{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.immersive-stage .remote-video video{width:100%;height:100%;object-fit:contain}.immersive-stage .local-video{position:absolute;right:22px;bottom:100px;width:clamp(100px,16vw,220px);height:auto;aspect-ratio:4/3;border-radius:12px;overflow:hidden;z-index:2}.immersive-stage .local-video>div{height:100%}.immersive-stage .local-video video{width:100%;height:100%;object-fit:cover}.immersive-stage .call-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;color:#e4eae5}.immersive-stage .call-placeholder p{color:#b9c5bc}.session-overlay{position:absolute;z-index:3;opacity:0;pointer-events:none;transition:opacity .3s ease}.controls-visible .session-overlay,.immersive-call:has(:focus-visible) .session-overlay{opacity:1;pointer-events:auto}.session-top{left:0;right:0;top:0;padding:max(18px,env(safe-area-inset-top)) 22px 32px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(#0008,transparent)}.session-contact{color:white;background:#172822bd;border-radius:12px;padding:14px 18px;text-decoration:none;font-size:15px}.session-bottom{bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:12px}.session-leave{color:#f76b4a;background:#062f27;border-color:transparent}.session-settings{position:absolute;right:22px;top:85px;width:min(370px,calc(100% - 44px));max-height:calc(100dvh - 180px);overflow:auto;z-index:5;padding:22px;border-radius:16px;background:white;color:var(--ink);box-shadow:0 8px 40px #0005}.session-settings label{display:block;margin-top:16px;font-size:13px}.session-settings select{margin-top:6px}.session-settings .danger{margin-top:20px}.session-name-row{display:flex;gap:8px;margin-top:6px}.session-name-row button{font-size:12px;padding:10px}.session-messages{left:50%;transform:translateX(-50%);top:90px;width:min(500px,calc(100% - 32px));text-align:center}.session-messages:empty{display:none}.session-messages>p:not(.error){background:#172822dd;color:white;border-radius:12px;padding:10px}@media (max-width:600px){.session-entry{max-width:420px}.shell:has(.session-entry){padding:12px 16px 30px}.entry-title{margin-bottom:14px;font-size:20px}.entry-action,.entry-body{padding:18px}.name-step .entry-body{min-height:220px}.session-top{padding-inline:14px}.session-contact{max-width:calc(100% - 65px);font-size:13px}.immersive-stage .local-video{right:14px;bottom:96px}}@media (prefers-reduced-motion:reduce){.waiting-clock{animation:none}.session-overlay{transition:none}}@media (pointer:coarse){.entry-device select,.session-settings input,.session-settings select{font-size:16px}}@media (max-height:500px) and (orientation:landscape){.session-top{padding-top:8px}.session-bottom{bottom:max(10px,env(safe-area-inset-bottom))}.session-settings{top:65px;max-height:calc(100dvh - 145px)}.immersive-stage .local-video{bottom:80px;width:110px}}.session-top{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.session-settings{right:max(14px,env(safe-area-inset-right))}body:has(.session-entry,.session-finished,.entry-loading,.admin-panel,.auth-shell){background:var(--office-background,#006b56)}body:has(.session-entry,.session-finished,.entry-loading,.admin-panel,.auth-shell) .site-brand{color:#f4f3eb}body:has(.session-entry,.session-finished,.entry-loading,.admin-panel,.auth-shell) .site-brand:hover{color:#d5eee5}body:has(.session-entry,.session-finished,.entry-loading,.admin-panel,.auth-shell) .site-brand:focus-visible{outline-color:#d5eee5}.entry-loading,.entry-title,.session-finished h1{color:#f4f3eb}.entry-card{border-color:#ffffff24;box-shadow:0 16px 48px #092b2529;background:#fafbf8}.entry-preview{background:#173f35}.entry-camera-placeholder{color:#d5e5da}.immersive-call{background:#102a24}.entry-device{min-height:48px}.entry-device select{appearance:none;-webkit-appearance:none;min-height:46px;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23303b37' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}body:has(.session-entry) .site-header{padding-block:16px}.shell:has(.session-entry){min-height:0;padding-block:12px 24px}.session-entry .entry-title{margin-bottom:16px}.entry-preview{width:100%;height:clamp(120px,calc(100dvh - 540px),220px);aspect-ratio:auto}.entry-card:has(.waiting-clock) .entry-action,.entry-card:has(.waiting-clock) .entry-body{padding-block:14px}.waiting-clock{margin-top:12px}.admin-panel .dashboard-heading h1{color:#f4f3eb}.admin-panel .dashboard-footnote,.admin-panel .dashboard-heading .eyebrow,.admin-panel .dashboard-heading p{color:#d5eee5}.admin-panel .dashboard-heading>.actions{justify-content:flex-end;margin-top:18px}.admin-panel .dashboard-heading>.actions>button.secondary{background:#f4f3eb;border-color:#f4f3eb;color:#173f35}.admin-panel .dashboard-heading>.actions>button.secondary:hover:not(:disabled){background:#d5eee5;border-color:#d5eee5}.admin-panel .dashboard-heading>.actions>button.quiet{color:#f4f3eb}.admin-panel .dashboard-heading>.actions>button.quiet:hover:not(:disabled){background:#ffffff1c}.admin-panel .dashboard-heading>.actions>button:focus-visible{outline-color:#f4f3eb}.admin-panel .dashboard-heading>button{color:#f4f3eb;background:#173f35}.admin-panel .dashboard-heading>button:hover{background:#102a24}.admin-panel .dashboard-heading>button:focus-visible{outline-color:#d5eee5}.admin-panel .dashboard-card,.auth-panel{background:#fafbf8;border-color:#ffffff24;box-shadow:0 16px 48px #092b2529}.admin-panel .waiting-card{background:#eff7f2}:is(.admin-panel,.auth-panel) button:not(.quiet,.secondary,.text-button,.danger,.danger-quiet){color:white;background:#006b56}:is(.admin-panel,.auth-panel) button:not(.quiet,.secondary,.text-button,.danger,.danger-quiet):hover:not(:disabled){background:#005342}@media (max-width:680px){.admin-panel .dashboard-heading{position:relative;display:block}.admin-panel .dashboard-heading .eyebrow{min-height:32px;padding-right:100px}.admin-panel .dashboard-heading>button{position:absolute;right:0;top:-10px;margin-top:0}.admin-panel .dashboard-heading>.actions{justify-content:flex-start;margin-top:20px}}.self-preview{position:absolute;z-index:2;left:auto;right:12px;top:auto;bottom:100px;width:160px;aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.self-preview[style]{right:auto;bottom:auto}.self-preview:active{cursor:grabbing}.immersive-stage .self-preview .local-video{inset:0;width:100%;height:100%;aspect-ratio:auto}.preview-resize{position:absolute;z-index:4;right:0;bottom:0;width:32px;height:32px;cursor:nwse-resize;touch-action:none;border-radius:0 0 12px 0;background:linear-gradient(135deg,transparent 45%,#19392cdd 46%)}.preview-resize:after{content:"";position:absolute;right:7px;bottom:7px;width:9px;height:9px;border-bottom:2px solid white;border-right:2px solid white}.preview-options{position:absolute;z-index:5;top:4px;right:4px;cursor:default}.preview-options summary{display:grid;place-items:center;width:30px;height:30px;background:#102a24dd;border-radius:8px;color:white;list-style:none;cursor:pointer}.preview-options summary::-webkit-details-marker{display:none}.preview-options>div{position:absolute;right:0;top:32px;width:145px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#f2f7f3;border-radius:8px;padding:5px}.preview-options button{padding:6px;min-height:32px;font-size:10px;border-radius:5px}.self-preview .track-label{bottom:8px;left:8px}.knock-enable{position:fixed;bottom:16px;left:16px;z-index:40;box-shadow:0 3px 18px #0003}.knock-notifications{position:fixed;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow-y:auto;z-index:50;display:grid;gap:12px}.knock-notification{padding:20px;border-radius:16px;background:#f1f8f3;color:#173c30;border:2px solid #bddbc8;box-shadow:0 8px 32px #0005}.knock-notification p{margin:10px 0 15px;overflow-wrap:anywhere}.knock-notification>div{display:flex;gap:8px}.browser-help{color:white;font-size:13px;margin-bottom:14px}.browser-help summary{cursor:pointer}.browser-help p{padding:10px}@media (max-width:360px){.session-bottom{gap:8px}.session-bottom .session-control{width:54px;height:54px}}.self-preview[data-lower=true] .preview-options>div{top:auto;bottom:32px}.self-preview[data-left=true] .preview-options>div{right:auto;left:0}.preview-options{left:4px}.preview-options summary{margin-left:auto}.preview-options>div{width:100%;max-width:145px}.preview-options{pointer-events:none}.preview-options summary,.preview-options>div{pointer-events:auto}.preview-session-label{align-self:center;text-align:center;font-size:13px;color:#e4eae5;margin:0 12px}@media (max-width:600px){.preview-session-label{font-size:11px;max-width:165px}}.call-two-up{background:var(--office-background,#006b56)}.call-two-up .immersive-stage{display:flex;align-items:center;justify-content:center;padding:96px 8px 116px}.participant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,calc((100dvh - 212px) * 8 / 3 + 8px))}.participant-slot{min-width:0}.participant-frame{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#062f27;min-width:0}.call-two-up .participant-frame .video-tile,.call-two-up .participant-frame .video-tile>div{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto}.call-two-up .participant-frame video{display:block;width:100%;height:100%;object-fit:cover}.call-two-up .participant-frame .track-label{display:none}.participant-label{position:absolute;z-index:3;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:4px 8px;border-radius:5px;background:#102a24bf;color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.call-two-up .session-top{background:none}.call-two-up .session-contact{background:none;font-size:17px;font-weight:600}.call-two-up:not(.call-focused) .session-overlay{opacity:1;pointer-events:auto}.call-focused .immersive-stage{padding:0}.call-focused .participant-grid{width:100%;height:100%;display:block}.call-focused .participant-slot{position:absolute;inset:0;width:100%;height:100%}.call-focused .participant-slot>.participant-frame{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.call-two-up.call-focused:not(.call-fullscreen-presentation) .participant-slot>.participant-frame video{object-fit:contain}.call-two-up.call-focused.call-fullscreen-camera-fill .participant-slot>.participant-frame video{object-fit:cover}.call-two-up.call-focused.call-fullscreen-camera-fill .participant-slot>.participant-frame video[data-orientation=portrait]{object-fit:contain}.call-focused .self-preview .participant-frame{width:100%;height:100%;aspect-ratio:auto}.call-focused .self-preview .call-placeholder{padding:12px}.call-focused .self-preview .call-placeholder h3{font-size:14px}.call-focused .self-preview .call-placeholder p{display:none}.call-focused .self-preview .participant-label{font-size:11px;bottom:6px;left:6px}@media (max-width:600px) and (orientation:portrait){.call-two-up .immersive-stage{padding:86px 12px 106px}.participant-grid{grid-template-columns:minmax(0,1fr);gap:10px;width:min(100%,calc((100dvh - 202px) * 2 / 3))}.call-two-up .participant-frame .call-placeholder{padding:18px}.call-two-up .participant-frame .call-placeholder h3{font-size:18px}.call-two-up .participant-frame .call-placeholder p{font-size:12px;margin:4px 0}.call-two-up .session-contact{padding:12px 4px;font-size:14px}.call-focused .immersive-stage{padding:0}}@media (max-height:500px) and (orientation:landscape){.call-two-up .immersive-stage{padding:65px 8px 80px}.participant-grid{width:min(100%,calc((100dvh - 145px) * 8 / 3 + 8px))}.call-focused .immersive-stage{padding:0}}.room-controls .room-menu{position:relative;width:max-content}.room-menu[open]{z-index:10}.room-menu[open]>summary{color:var(--accent)}.room-menu[open]>summary>span{transform:rotate(180deg)}.room-menu>.room-actions{position:absolute;right:0;top:calc(100% + 8px);margin:0;width:208px;max-width:calc(100vw - 40px);padding:8px;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:4px;background:#fafbf8;border:1px solid #d5e2d9;border-radius:14px;box-shadow:0 10px 28px #092b252b}.room-menu>.room-actions>button{width:100%;min-height:44px;justify-content:flex-start;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;border-color:transparent;font-size:13px}.room-menu>.room-actions>button:hover{background:var(--mint-soft,#F4F5F3)}.room-menu[data-up=true]>.room-actions{top:auto;bottom:calc(100% + 8px)}@media (max-width:680px){.room-menu>.room-actions{left:0;right:auto;max-width:calc(100vw - 112px)}}:root{--entry-width:410px;--entry-height:630px}body:has(.common-card,.session-entry,.session-finished,.admin-panel){background:var(--office-background,#006b56)}body:has(.common-card) .site-brand{color:#f4f3eb}.auth-shell,.shell:has(.public-entry){max-width:none;padding:20px 16px 32px;min-height:0}.common-card,.entry-card{width:min(var(--entry-width),100%);height:auto;margin-inline:auto;border-radius:18px;background:#fafbf8;border:1px solid #ffffff24;box-shadow:0 12px 32px #092b2522;display:flex;flex-direction:column;padding:0}.common-card .card-body{flex:1 1;min-height:0;overflow:auto;padding:24px}.common-card h1{font-size:26px;letter-spacing:-.7px;line-height:1.2}.common-card h2{font-size:23px}.common-card p{font-size:14px;line-height:1.5}.card-footer{margin-top:auto;padding:18px 20px;border-top:1px solid var(--line);display:grid;gap:12px}.card-footer>a:not(.auth-link),.card-footer>button{width:100%;min-height:50px;border-radius:12px;background:var(--accent);color:white;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none}.card-footer .auth-link{margin:0;text-align:center}.auth-symbol{width:32px;height:32px;margin-bottom:16px}.session-entry{max-width:var(--entry-width)}.entry-title{font-size:21px;letter-spacing:-.3px}.entry-card{overflow:visible}.preflight-card{height:var(--entry-height);border:0}.entry-card>.entry-preview{flex:0 0 220px;height:220px;border-radius:17px 17px 0 0}.entry-preview{position:relative}.entry-preview video{border-radius:inherit}.entry-body{flex:1 1;min-height:0;overflow:auto;padding:18px 20px}.entry-action{flex-shrink:0;padding:18px 20px}.name-step{display:flex;flex-direction:column;flex:1 1;min-height:0}.name-step .entry-body{min-height:0;padding:28px 24px}.name-step label{font-family:inherit;font-size:18px;font-weight:500;margin-bottom:12px}.entry-name{font-size:13px}.entry-devices{gap:8px}.entry-device{min-height:44px}.entry-device select{min-height:42px}.entry-privacy{font-size:11px;margin-top:10px}.waiting-label{font-size:13px;line-height:1.5;padding:10px 12px}.waiting-clock{margin-top:10px}.waiting-clock time{font-size:23px}.permission-copy{min-height:0;padding-top:0;text-align:left}.compact-entry-card .entry-body{flex:0 0 auto;padding:28px 24px}.entry-settings-toggle{position:absolute;right:12px;bottom:12px;padding:0;width:42px;min-height:42px;border-radius:12px;color:white;background:#172822c9}.entry-settings{position:absolute;z-index:8;right:10px;top:12px;width:min(340px,calc(100% - 20px));background:#fafbf8;color:var(--ink);border-radius:14px;padding:20px;box-shadow:0 8px 32px #0004}.entry-settings h2{font-size:20px;padding-right:28px}.entry-settings-close{position:absolute;top:8px;right:8px;width:32px;min-height:32px;padding:0;background:transparent}.media-settings-fields{display:grid;gap:12px;margin-top:16px}.media-setting{display:grid!important;gap:6px;margin:0!important;font-size:13px}.media-setting select{margin:0}.media-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.media-toggle input{width:20px;min-height:20px;flex-shrink:0}.media-toggle small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}.media-settings-hint{font-size:11px;margin:0}.settings-dialog{width:min(880px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #001b2355;overflow:auto}.settings-dialog::backdrop{background:#001c2166}.settings-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px 28px;gap:16px}.settings-dialog-header h2{font-size:26px;letter-spacing:-.6px}.settings-dialog-close{width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0;border-radius:12px}.settings-dialog-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;padding:0 28px 28px;align-items:start}.settings-dialog-nav{display:grid;gap:6px}.settings-dialog-nav button{min-height:48px;padding:12px 14px;justify-content:flex-start;border-radius:12px;color:var(--ink);background:transparent;font-size:14px;font-weight:500}.settings-dialog-nav button[aria-pressed=true]{background:#e6eee8;color:#245b4f}.settings-dialog-nav button:hover{background:#edf2ec}.settings-background-dot{width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--office-background,#006b56)}.settings-dialog-content{min-width:0}.settings-dialog-content h3{margin:4px 0 8px;font-size:21px;font-weight:500}.settings-section-hint{font-size:13px;margin:0 0 20px}.settings-video-preview{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#153b31;color:#fafbf8}.settings-video-preview video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.settings-video-placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:13px}.settings-dialog .media-settings-fields{gap:16px;margin-top:20px}.settings-dialog .media-setting{font-size:14px;gap:8px}.settings-dialog select{appearance:none;-webkit-appearance:none;min-height:48px;padding:12px 38px 12px 14px;border-color:var(--line);border-radius:12px;background:#fff;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23303b37' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.settings-dialog .media-toggle input{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;min-height:26px;padding:0;border:0;border-radius:999px;background:#bcc8c0;cursor:pointer}.settings-dialog .media-toggle input:before{content:"";position:absolute;width:22px;height:22px;top:2px;left:2px;border-radius:50%;background:#fff}.settings-dialog .media-toggle input:checked{background:var(--accent)}.settings-dialog .media-toggle input:checked:before{transform:translateX(18px)}.settings-dialog .media-toggle input:disabled{cursor:default}.settings-dialog .media-toggle{padding:8px 0}.settings-dialog .media-settings-hint{font-size:12px}.settings-speaker-test{margin-top:4px;min-height:36px}.settings-dialog .session-name-row{display:flex;gap:8px;margin-top:8px}.settings-dialog form{margin-top:20px}.settings-dialog form label{display:block;font-size:14px}.background-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.background-option{display:flex;align-items:stretch;flex-direction:column;gap:6px;padding:0;text-align:left;border:0;border-radius:10px;color:var(--ink);font-weight:400;justify-content:flex-start}.background-option,.background-option:hover:not(:disabled){background:transparent}.background-swatch{height:90px;border-radius:10px;position:relative}.background-option-name{font-size:14px;font-weight:500;margin-top:4px}.background-option-description{font-size:12px;color:var(--muted);line-height:1.4}.background-selected{display:grid;place-items:center;position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:#fafbf8;color:#245b4f}.settings-background-hint{margin:22px 0 0;font-size:12px}@media (max-width:620px){.settings-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.settings-dialog-header{padding:16px 16px 12px 20px}.settings-dialog-header h2{font-size:23px}.settings-dialog-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 20px 22px}.settings-dialog-nav{display:flex;gap:8px}.settings-dialog-nav button{padding:12px 10px;font-size:13px}.settings-dialog input,.settings-dialog select{font-size:16px}.background-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.background-swatch{height:78px}}.microphone-meter{display:grid;gap:6px;margin-top:12px;font-size:11px;color:var(--muted)}.microphone-meter meter{width:100%;height:10px;accent-color:var(--accent)}.microphone-meter meter::-webkit-meter-bar{background:#e1ebe5;border:0}.microphone-meter meter::-webkit-meter-optimum-value{background:var(--accent)}.session-finished .finished-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d5eee5aa;border-radius:50%;color:#d5eee5;margin:0 auto 22px}.dashboard-top{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);align-items:stretch;grid-auto-rows:1fr}.current-card,.waiting-card{min-height:340px}.current-card .empty-state,.waiting-card .empty-state{min-height:230px}.client-links-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:0 0 12px}.client-links-heading:after{content:"+";font-size:24px;color:var(--muted)}.client-links[open]>.client-links-heading:after{content:"−"}.links-content{padding-top:8px}.room-menu>summary{min-width:44px;justify-content:center;font-size:24px;padding:0 8px}.card-dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;color:var(--ink)}.card-dialog:not([open]){display:none}.card-dialog::backdrop{background:#062f2799;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-dialog-header{padding:30px 24px 0;display:flex;align-items:start;justify-content:space-between;gap:16px}.card-dialog-close{padding:0;width:32px;min-height:32px;flex-shrink:0;background:transparent}.card-dialog form{display:flex;flex-direction:column;flex:1 1;min-height:0}.card-dialog .room-form{margin:0;padding:0;background:transparent;border-radius:0}.card-dialog .room-form-row{grid-template-columns:1fr}.card-dialog .invite-reveal{border:0;margin:0;padding:0;background:transparent}.card-dialog code{display:block;background:#edf4ef;border-radius:12px;padding:16px;font-size:13px;-webkit-user-select:all;user-select:all}.session-bottom{bottom:max(45px,env(safe-area-inset-bottom));gap:16px}.session-bottom .session-control{position:relative;overflow:visible}.control-caption{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:11px;font-weight:400;white-space:nowrap;color:#f4f3eb}.session-exit-menu{position:absolute;bottom:calc(100% + 16px);right:0;width:285px;padding:8px;background:#fafbf8;color:var(--ink);border-radius:14px;box-shadow:0 8px 32px #0004;display:grid;gap:4px}.session-exit-menu button{justify-content:flex-start;text-align:left;border-radius:8px;background:transparent;font-size:13px}.call-focused .self-preview .call-placeholder,.call-focused .self-preview .participant-label{display:none}.preview-resize{width:28px;height:28px;display:grid;place-items:center;color:#ffffffe0;background:#ffffff20;border-radius:0 0 9px 0}.preview-resize:after{display:none}.self-preview[data-left=true] .preview-resize{right:auto;left:0;border-radius:0 0 0 9px;cursor:nesw-resize}.self-preview[data-lower=false] .preview-resize{bottom:auto;top:0;border-radius:0 9px 0 0;cursor:nesw-resize}.self-preview[data-lower=false][data-left=true] .preview-resize{border-radius:9px 0 0 0;cursor:nwse-resize}.self-preview[data-left=true] .preview-resize svg{transform:scaleX(-1)}.self-preview[data-lower=false] .preview-resize svg{transform:scaleY(-1)}.self-preview[data-lower=false][data-left=true] .preview-resize svg{transform:scale(-1)}@media (max-width:680px){.dashboard-top{grid-template-columns:1fr}.current-card,.waiting-card{min-height:290px}.current-card .empty-state,.waiting-card .empty-state{min-height:190px}.common-card,.entry-card{--entry-height:630px}.common-card .card-body{padding:26px 20px}.auth-shell,.shell:has(.public-entry),.shell:has(.session-entry){padding:12px 16px 24px}.session-bottom{gap:12px}.control-caption{font-size:10px}}@media (max-height:760px){.preflight-card{height:max(480px,calc(100dvh - 150px))}.entry-card>.entry-preview{flex-basis:170px;height:170px}}@media (max-height:500px) and (orientation:landscape){.preflight-card{height:480px}.session-bottom{bottom:30px}}.auth-panel>.auth-form{flex:1 1;min-height:0;display:flex;flex-direction:column;margin:0;gap:0}.auth-panel .auth-form .card-body label{display:block;margin:16px 0 10px}.passkey-login .passkey-heading{display:contents}.passkey-autofill .passkey-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.passkey-autofill .card-body>p:not(.error),.passkey-autofill .passkey-heading .auth-symbol,.passkey-autofill .passkey-heading h1{margin:0}.passkey-autofill .card-footer{padding:14px 24px}.passkey-autofill .passkey-account{display:grid;gap:8px;margin-top:12px}.passkey-autofill .auth-form .passkey-account label{margin:0}.passkey-autofill .passkey-field{display:flex;padding-inline:5px;border:1px solid #7c8b88;border-radius:12px;background:#FFFFFF}.passkey-autofill .passkey-field:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.passkey-autofill .passkey-field input{min-height:44px;border:0;border-radius:11px;padding:12px 10px;outline:none;box-shadow:none}.passkey-autofill .passkey-field input:focus-visible{outline:none}.passkey-suggestions-open .passkey-account{margin-bottom:128px}@media (max-width:680px){.passkey-autofill .card-footer{padding-inline:20px}}.auth-shell,.shell:has(>.common-card:not(.card-dialog),>.session-entry,>.session-finished,>.entry-loading){max-width:none;min-height:100dvh;display:grid;place-items:center;padding:64px 16px}body:has(.shell>.common-card:not(.card-dialog),.auth-shell,.session-entry,.session-finished,.entry-loading) .site-header{position:absolute;inset:0 0 auto;z-index:2}.session-entry>.entry-title{margin-top:0}.entry-card{position:relative}.entry-media-controls{left:16px;right:16px;justify-content:center}.entry-media-controls .entry-settings-toggle{position:absolute;right:0;bottom:0;width:52px;height:52px;min-height:52px;border-radius:14px}.session-finished>.ui-icon{display:block;color:#d5eee5;width:56px;height:56px;padding:0;border:0;margin:0}.common-card>form{display:flex;flex-direction:column;flex:1 1;min-height:0}.card-dialog .card-body.invite-reveal{padding:30px 24px}.card-dialog .room-form label{display:block;margin-bottom:14px}.knock-enable.quiet{background:#fafbf8;color:#174e3e}body.in-session .knock-enable{bottom:auto;top:78px;left:50%;transform:translateX(-50%)}.microphone-signal{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.microphone-signal>span{position:absolute;bottom:0;left:0;right:0;background:#159b7d;transition:height 80ms linear}.microphone-button>.ui-icon{position:relative;z-index:1}.microphone-button>.control-caption,.microphone-button>.media-slash{z-index:1}@media (prefers-reduced-motion:reduce){.microphone-signal>span{transition:none}}.current-card .meeting-action{min-height:52px;max-width:100%;padding:14px;gap:9px;border-radius:14px;background:var(--accent);border:1px solid var(--accent);color:#fff;font-size:15px;line-height:1.35;font-weight:600;white-space:nowrap}.current-card .meeting-action:hover:not(:disabled){background:#005342;border-color:#005342}.current-card .meeting-action:active:not(:disabled){background:#00483a}.current-card .create-space-action{width:min(100%,260px);margin-top:18px;flex-shrink:0}.space-invite-content{width:min(100%,540px);margin:auto;padding:28px;text-align:center;color:#f4f3eb}.space-invite-content h3{font-family:inherit;font-size:clamp(17px,1.7vw,23px);font-weight:600;margin:0 0 20px}.space-invite-link{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #ffffff38;border-radius:14px;background:#001f19}.space-invite-link>svg{flex-shrink:0}.space-invite-link input{min-width:0;flex:1 1;width:0;padding:6px 0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:15px;text-overflow:ellipsis}.space-invite-link button,.space-invite-retry{flex-shrink:0;background:transparent;color:#f4f3eb;border:0;border-radius:8px;padding:10px 4px;font-size:14px;font-weight:500}.space-invite-link button:hover,.space-invite-retry:hover{background:#ffffff14}.space-invite-content p{color:#d5eee5;font-size:14px;line-height:1.55;margin:16px 0 0}.space-room.call-focused :is(.participant-slot,.self-preview):has(.space-invite){display:none}.space-invite{display:flex;align-items:center;justify-content:center}@media (max-width:600px){.space-invite-content{padding:18px}.space-invite-content h3{margin-bottom:12px}.space-invite-link{padding:6px 9px;gap:7px}.space-invite-link button,.space-invite-link input{font-size:12px}.space-invite-content p{font-size:12px;margin-top:10px}}.intervision-entry{width:min(100% - 32px,520px);margin:48px auto;padding-bottom:32px}.intervision-entry h1{overflow-wrap:anywhere}.intervision-panel{margin-top:20px}.intervision-panel>.section-heading p{margin:6px 0 0;font-size:14px;color:var(--muted)}.intervision-panel>.room-list{margin-top:18px}.intervision-room-actions{flex-wrap:wrap;justify-content:flex-end}.intervision-panel .room-description p{margin:6px 0 0;font-size:13px}@media (max-width:640px){.intervision-panel>.section-heading{align-items:flex-start}.intervision-panel .room-item{flex-direction:column;align-items:stretch;gap:12px}.intervision-room-actions{justify-content:flex-start}}.intervision-access,.intervision-preflight{display:grid;gap:16px;margin-top:28px}.intervision-access form{display:grid;gap:12px}.intervision-access input{width:180px;font-size:28px;letter-spacing:12px}.intervision-passkey{padding:16px;background:#edf1eb;border-radius:12px}.intervision-preview{aspect-ratio:4/3;background:#153d32;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:white}.intervision-preview video{width:100%;height:100%;object-fit:cover}.intervision-preview video[hidden]{display:none}.intervision-device-toggles{display:flex;gap:24px}.intervision-device-toggles label{display:flex;gap:8px;align-items:center}.intervision-device-toggles input{width:auto}.intervision-preflight details{padding:14px;border:1px solid #ccd6cf;border-radius:12px}.intervision-preflight summary{cursor:pointer;margin-bottom:12px}.group-call{position:fixed;inset:0;z-index:60;background:#082f27;color:#f5f5ef;display:flex;flex-direction:column;padding:16px;gap:12px;overflow:auto}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.group-heading h1{font-size:20px;margin:0 0 4px;color:inherit;overflow-wrap:anywhere}.group-heading span{font-size:12px;opacity:.8}.group-view-switch{display:flex;flex-wrap:wrap;gap:6px}.group-call button{background:#244e41;color:#fff;border:1px solid #587669;border-radius:10px;padding:10px 13px;font-size:13px;min-height:42px}.group-call button[aria-pressed=true]{background:#e5eddf;color:#163c2e}.group-call button:disabled{opacity:.5;cursor:default}.group-call button:focus-visible{outline:3px solid #e4d490;outline-offset:3px}.group-stage{flex:1 1;min-height:240px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;position:relative}.group-stage[data-count="1"]{grid-template-columns:1fr}.group-stage:is([data-count="2"],[data-count="3"],[data-count="4"]){grid-template-columns:repeat(2,minmax(0,1fr))}.group-member,.group-presentation{position:relative;overflow:hidden;min-height:0;border-radius:12px;background:#174436}.group-video,.group-video video{width:100%;height:100%}.group-video video{display:block;object-fit:cover}.group-mode-grid .group-stage{display:block}.group-mode-grid .group-member{position:absolute}.group-mode-grid .group-video video{object-fit:contain;object-position:center}.group-desktop-camera-fill.group-mode-grid .group-member .group-video video{object-fit:cover}.group-member-name{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:12px;background:#06291ed9;color:#fff;padding:5px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:100px;padding:20px;text-align:center;font-size:14px}.group-presentation{display:none}.group-mode-speaker .group-stage{display:block}.group-mode-speaker .group-member{position:absolute;inset:0;visibility:hidden}.group-mode-speaker .group-focused{visibility:visible}.group-mode-speaker .group-video video{object-fit:contain;object-position:center}.group-fullscreen-camera-fill.group-mode-speaker .group-focused .group-video video{object-fit:cover}.group-fullscreen-camera-fill.group-mode-speaker .group-focused .group-video video[data-orientation=portrait]{object-fit:contain}.group-desktop-camera-fill.group-mode-speaker .group-member .group-video video{object-fit:cover}.group-speaker-tappable{cursor:pointer}.group-speaker-mini:focus-visible,.group-speaker-tappable:focus-visible{outline:3px solid #e4c77b;outline-offset:-3px}.group-speaker-pin-badge{position:absolute;top:8px;left:8px;z-index:3;padding:5px 7px;border-radius:5px;background:#e4c77b;color:#172a26;font-size:11px;font-weight:700}.group-speaker-strip{position:absolute;z-index:2;left:0;right:0;bottom:0;height:88px;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.group-call .group-speaker-mini{position:relative;flex:0 0 122px;width:122px;height:82px;display:grid;place-items:center;overflow:hidden;border:1px solid #56766a;border-radius:9px;padding:0;background:#174436;color:#fff}.group-speaker-mini:not(.group-speaker-self){cursor:pointer}.group-speaker-mini .group-video,.group-speaker-mini .group-video video{position:absolute;inset:0;width:100%;height:100%}.group-speaker-mini .group-video video{object-fit:cover}.group-speaker-mini>span{position:absolute;z-index:1;left:5px;bottom:5px;max-width:calc(100% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 5px;border-radius:4px;background:#06291ed9;font-size:11px}@media (min-width:620px){.group-speaker-strip{height:96px;justify-content:center;gap:10px}.group-call .group-speaker-mini{flex-basis:160px;width:160px;height:90px}}.group-call .floating-filmstrip button.floating-film{min-height:0;padding:0;border:0;border-radius:10px;background:#171919;color:#fff;text-align:left;cursor:pointer}.group-mode-presentation .group-stage{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 120px}.group-mode-presentation .group-member{grid-row:2}.group-mode-presentation .group-presentation{display:block;grid-row:1;grid-column:1/-1;order:-1}.group-mode-presentation .group-presentation video{object-fit:contain}.group-mode-presentation .group-member-name{font-size:11px;bottom:5px;left:5px}.group-controls{display:flex;flex-wrap:wrap;gap:8px}.group-controls,.group-controls button{align-items:center;justify-content:center}.group-controls button{display:inline-flex;gap:6px}.group-controls .microphone-button{position:relative;isolation:isolate;overflow:hidden}.group-controls .microphone-signal{z-index:-1}.group-controls .group-leave{background:#733f37;border-color:#a06b60}.group-share-unavailable{max-width:250px;font-size:11px;opacity:.8}.group-status{text-align:center;font-size:13px}.group-status-duplicate{position:relative;z-index:5;padding-bottom:max(16px,env(safe-area-inset-bottom))}.group-status:empty{display:none}.group-status p{margin:4px 0}.group-settings{position:absolute;right:20px;top:85px;z-index:5;width:min(360px,calc(100% - 40px));max-height:calc(100% - 170px);overflow:auto;border-radius:16px;background:#f5f5ef;color:#163c2e;padding:20px;box-shadow:0 10px 40px #001c1699}.group-settings h2{font-size:20px}@media (max-width:640px){.intervision-entry{margin-top:28px}.group-call{padding:10px;gap:8px}.group-heading h1{font-size:17px}.group-heading{gap:8px}.group-view-switch{width:100%}.group-call button{padding:8px 10px;font-size:12px}.group-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.group-member-name{left:4px;bottom:4px;max-width:calc(100% - 8px);font-size:11px}.group-mode-presentation .group-stage{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(160px,1fr) 72px 72px}.group-mode-presentation .group-member{grid-row:auto}.group-mode-presentation .group-presentation{grid-row:1}.group-controls{gap:5px}.group-controls .ui-icon{width:16px;height:16px}.group-share-unavailable{max-width:100%}.group-placeholder{font-size:12px;padding:12px}}.entry-preview-name{position:absolute;z-index:1;top:12px;left:12px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);min-height:32px;margin:0;padding:6px 10px;border:0;border-radius:8px;background:#172822cc;color:#fff;font-size:13px;font-weight:500;line-height:20px}.entry-preview-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-preview-name>.ui-icon{opacity:.8}button.entry-preview-name:hover:not(:disabled){background:#31443de8}.entry-preview-name:focus-visible{outline:2px solid #fff;outline-offset:3px}.admin-panel .cabinet-actions{flex-wrap:nowrap;gap:12px}.admin-panel .cabinet-actions .cabinet-settings-trigger{flex-shrink:0;background:#172822c9;color:#f4f3eb}.admin-panel .cabinet-actions .cabinet-settings-trigger:hover:not(:disabled){background:#31443de8}.cabinet-exit .ui-icon{color:#f76b4a}.copy-toast{position:fixed;inset:auto auto max(24px,env(safe-area-inset-bottom)) 50%;margin:0;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;border:1px solid var(--hermes-status-waiting);border-radius:12px;background:var(--hermes-status-waiting);color:#17272B;box-shadow:0 8px 32px #0003;font-size:15px;line-height:1.4;text-align:center;pointer-events:none}.copy-toast[data-error=true]{background:#6B332B;border-color:#975D53;color:#F7FAF8}.passkey-manual .auth-form{min-height:351px;display:flex;flex-direction:column}.passkey-manual .card-body{flex:1 1}.passkey-manual .passkey-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.passkey-manual .card-body>p:not(.error),.passkey-manual .passkey-heading .auth-symbol,.passkey-manual .passkey-heading h1{margin:0}.passkey-manual .card-footer{padding:14px 24px}@media (max-width:680px){.passkey-manual .card-footer{padding-inline:20px}}.connection-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.connection-quality-status{position:absolute;z-index:16;top:max(82px,calc(env(safe-area-inset-top) + 72px));left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;pointer-events:none}.connection-quality-status span{padding:6px 10px;border:1px solid #c78978;border-radius:999px;background:#442b29eb;color:#fff;font-size:12px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;text-align:center}.group-call .connection-header-actions .session-control{width:52px;height:52px;min-height:52px;padding:0;display:grid;place-items:center;border-radius:14px}.connection-diagnostics{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(390px,100vw);overflow-y:auto;overscroll-behavior:contain;padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:#f8f9f6;color:#20342d;box-shadow:-14px 0 55px #00170f50;font-size:14px;line-height:1.45}.connection-diagnostics header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.connection-diagnostics h2{margin:0;color:#163d32;font-size:23px;line-height:1.2;font-weight:600}.connection-diagnostics-kicker{margin:0 0 5px;color:#52766a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.connection-diagnostics header button{width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;flex:none;border:1px solid #d4e0d9;border-radius:10px;background:#fff;color:#20342d}.connection-diagnostics-footer,.connection-diagnostics-intro{margin:0 0 22px;color:#5d6d65;font-size:12px}.connection-diagnostics-footer{margin:20px 0 0}.connection-diagnostics-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;color:#5d6d65}.connection-diagnostics-empty p{max-width:230px;margin:0}.connection-diagnostics-error{padding:12px;border-radius:10px;background:#fff0e8;color:#7b3c2c}.connection-diagnostics-person{margin-top:12px;padding:15px;border:1px solid #dce6df;border-radius:14px;background:#fff}.connection-diagnostics-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-diagnostics-tile{min-width:0;min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px;border:1px solid #dce6df;border-radius:14px;background:#fff}.connection-diagnostics-tile strong{overflow-wrap:anywhere;font-size:14px}.connection-diagnostics-tile span{color:#35745b;font-size:12px}.connection-diagnostics-tile[data-quality=lost] span,.connection-diagnostics-tile[data-quality=poor] span{color:#a34d36}.connection-diagnostics-tile[data-quality=unknown] span{color:#78877e}.connection-diagnostics-toggle{width:100%;margin:18px 0;padding:12px;border:0;border-radius:10px;background:#bb9866;color:#17251e;font:inherit;font-weight:600;cursor:pointer}.connection-diagnostics-person-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.connection-diagnostics-person h3{margin:0;color:#163d32;font-size:17px;overflow-wrap:anywhere}.connection-diagnostics-person-head span{color:#35745b;font-size:12px;font-weight:600;text-align:right}.connection-diagnostics-person-head span[data-quality=lost],.connection-diagnostics-person-head span[data-quality=poor]{color:#a34d36}.connection-diagnostics-person-head span[data-quality=unknown]{color:#78877e}.connection-diagnostics-person dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;margin:15px 0 0}.connection-diagnostics-person dl div{min-width:0}.connection-diagnostics-person dt{color:#687970;font-size:11px}.connection-diagnostics-person dd{margin:2px 0 0;color:#243a30;font-size:13px;font-weight:600}.connection-video-row{display:grid;gap:2px;margin-top:13px;padding-top:12px;border-top:1px solid #e8eee9;color:#63766b;font-size:12px}.connection-video-row strong{color:#223c31;font-size:15px;font-weight:600}.connection-diagnostics-no-video{margin:15px 0 0;color:#6f8075;font-size:12px}@media (max-width:600px){.connection-diagnostics{width:100vw;border-radius:0;box-shadow:none}.connection-header-actions{gap:5px}.connection-header-actions .session-control,.group-call .connection-header-actions .session-control{width:44px;height:44px;min-height:44px}}.calendar-entry{width:min(100%,520px)}.calendar-entry .card-body{text-align:center}.calendar-entry h2{margin-top:0}.calendar-meeting-time{font-size:1.25rem;line-height:1.5}.calendar-today .links-content{padding-top:1rem}.calendar-today time{overflow-wrap:anywhere}