@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/onest-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/onest-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/onest-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/onest-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Onest,system-ui,sans-serif;font-size:var(--font-body-large);color-scheme:dark;color:var(--text);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #09090b;--canvas-deep: #060607;--surface: #121216;--surface-quiet: #101014;--surface-raised: #19191f;--surface-hover: #202027;--text: #f0eff4;--text-secondary: #aaa8b2;--text-muted: #898691;--accent: #765ddd;--accent-hover: #967eff;--accent-active: #654dc8;--accent-text: #c2b4ff;--accent-soft: rgba(123, 99, 230, .16);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--success: #43ba86;--warning: #e3a246;--danger: #e17881;--danger-soft: rgba(225, 120, 129, .12);--danger-border: rgba(225, 120, 129, .3);--danger-border-strong: rgba(225, 120, 129, .32);--danger-text: #f3aeb4;--danger-text-muted: #f0a3aa;--danger-surface: #241719;--danger-button: #b93d49;--danger-button-hover: #cd4a57;--danger-button-border: #bf505b;--warning-border: rgba(227, 162, 70, .3);--warning-text: #edc17d;--warning-surface: #211d16;--success-soft: rgba(67, 186, 134, .12);--separator: #57545f;--text-placeholder: var(--text-muted);--text-on-accent: #fff;--border-hover: rgba(255, 255, 255, .22);--accent-border: rgba(150, 126, 255, .3);--accent-border-strong: rgba(150, 126, 255, .55);--accent-border-control: rgba(150, 126, 255, .38);--surface-speaking: #17151f;--surface-captions: rgba(9, 9, 11, .82);--scrim: rgba(9, 9, 11, .9);--meter-track: #2b2930;--avatar-0-bg: #302a42;--avatar-0-text: #d9ceff;--avatar-1-bg: #392e37;--avatar-1-text: #efc9dc;--avatar-2-bg: #293744;--avatar-2-text: #c1deef;--avatar-3-bg: #403527;--avatar-3-text: #eed8ad;--avatar-4-bg: #293a35;--avatar-4-text: #b9e0ce;--font-caption: 12px;--font-control: 13px;--font-body: 14px;--font-body-compact: 15px;--font-body-large: 16px;--font-heading: 18px;--font-avatar: 20px;--font-avatar-large: 32px;--font-prejoin-mobile: 28px;--font-page-title: clamp(38px, 5vw, 54px);--font-mobile-title: clamp(36px, 10vw, 46px);--font-prejoin-title: clamp(28px, 3.2vw, 36px);--layout-gap-home: clamp(40px, 8vw, 112px);--layout-gap-prejoin: clamp(36px, 7vw, 84px);--layout-inset-stage: clamp(16px, 2.5vw, 28px);--layout-inset-page: 28px;--layout-inset-meeting: 20px;--weight-regular: 400;--weight-medium: 500;--weight-label: 550;--weight-semibold: 600;--weight-bold: 650;--weight-brand: 750;--space-0: 0;--space-half: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-18: 72px;--radius-xs: 4px;--radius-sm: 8px;--radius-control: 10px;--radius-panel: 12px;--radius-tile: 16px;--radius-full: 50%;--focus-color: var(--accent-hover);--shadow-popover: 0 4px 18px rgba(0, 0, 0, .24);--meeting-controls-height: 82px;--touch-target: 44px;--header-height: 72px;--meeting-header-height: 64px;--home-footer-height: 58px;--prejoin-footer-height: 58px;--layout-gap-home-compact: 38px;--layout-gap-home-mobile: 30px;--participant-row-height-mobile: 40px;--layout-gap-mic: 4px;--layout-inset-mobile: 18px;--header-height-mobile: 62px;--meeting-header-height-mobile: 58px}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{min-height:100vh;background:var(--canvas)}button,input{font:inherit}button{color:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}a{color:inherit;text-decoration:none}svg{flex:0 0 auto}.app-header{width:min(1320px,calc(100% - 56px));height:var(--header-height);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border)}.wordmark{display:inline-flex;width:max-content;align-items:center;gap:var(--space-2-5);color:var(--text);font-size:var(--font-body-large);font-weight:var(--weight-bold);letter-spacing:-.03em}.brand-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--accent);color:var(--text-on-accent);font-size:var(--font-caption);font-weight:var(--weight-brand);letter-spacing:-.1em}.brand-symbol-small{width:24px;height:24px;border-radius:var(--radius-sm);font-size:var(--font-caption)}.header-context{color:var(--text-secondary);font-size:var(--font-control)}.header-capacity{justify-self:end;display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-caption)}.home-page{min-height:100svh;display:flex;flex-direction:column;padding:0 var(--layout-inset-page)}.home-header{flex:0 0 auto}.home-content{width:min(1080px,100%);flex:1;align-self:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,410px);align-items:center;gap:var(--layout-gap-home);padding:var(--space-16) 0 var(--space-18)}.home-intro h1{max-width:560px;margin:0;color:var(--text);font-size:var(--font-page-title);font-weight:var(--weight-semibold);line-height:1.12;letter-spacing:-.055em}.home-intro>p{max-width:465px;margin:var(--space-5) 0 var(--space-7);color:var(--text-secondary);font-size:var(--font-body-large);line-height:1.65}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2-5);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--font-control);font-weight:var(--weight-semibold)}.button-primary{background:var(--accent);color:var(--text-on-accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.create-button{min-width:218px;min-height:48px}.home-note{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-7);color:var(--text-secondary)}.note-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--accent-text)}.home-note>span:last-child,.privacy-note>span,.preview-caption>span:last-child{display:grid;gap:var(--space-1)}.home-note strong,.privacy-note strong,.preview-caption strong{color:var(--text);font-size:var(--font-caption);font-weight:var(--weight-label)}.home-note small,.privacy-note small,.preview-caption small{color:var(--text-muted);font-size:var(--font-caption)}.home-join-panel{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.panel-heading h2{margin:0;color:var(--text);font-size:var(--font-body-large);font-weight:var(--weight-semibold);letter-spacing:-.02em}.panel-heading p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--font-caption)}.panel-heading>svg{margin-top:var(--space-half);color:var(--text-muted)}.join-existing-form{margin-top:var(--space-6)}.join-existing-form label,.join-form label{display:block;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-label)}.join-existing-controls{display:flex;gap:var(--space-2)}.join-existing-controls input,.join-form input{min-width:0;height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--canvas-deep);color:var(--text)}.join-existing-controls input{flex:1;padding:0 var(--space-3);font-size:var(--font-caption)}input::placeholder{color:var(--text-placeholder)}.home-join-footnote{display:flex;align-items:center;gap:var(--space-2-5);margin-top:var(--space-5);color:var(--text-muted);font-size:var(--font-caption)}.footnote-separator,.footer-divider{width:3px;height:3px;border-radius:50%;background:var(--separator)}.home-footer{width:min(1320px,100%);min-height:58px;align-self:center;display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--font-caption)}.home-footer .footer-divider{margin:0 var(--space-1-5)}.toast{position:fixed;z-index:10;left:50%;bottom:24px;max-width:min(560px,calc(100vw - 32px));padding:var(--space-3) var(--space-4);transform:translate(-50%);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);font-size:var(--font-control)}.toast.error{border-color:var(--danger-border);color:var(--danger-text)}.prejoin-page{min-height:100svh;display:flex;flex-direction:column;padding:0 var(--layout-inset-page)}.prejoin-header{grid-template-columns:1fr 1fr}.prejoin-room-label{justify-self:end;display:grid;gap:var(--space-1);text-align:right}.prejoin-room-label span{color:var(--text-muted);font-size:var(--font-caption)}.prejoin-room-label strong{color:var(--text-secondary);font-family:ui-monospace,monospace;font-size:var(--font-caption);font-weight:var(--weight-medium);letter-spacing:.03em}.prejoin-content{width:min(900px,100%);flex:1;align-self:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:var(--layout-gap-prejoin);padding:var(--space-12) 0}.prejoin-form-panel h1{margin:0;font-size:var(--font-prejoin-title);font-weight:var(--weight-semibold);line-height:1.2;letter-spacing:-.045em}.prejoin-form-panel>p{margin:var(--space-3) 0 var(--space-7);color:var(--text-secondary);font-size:var(--font-body);line-height:1.55}.join-form{max-width:400px}.join-form input{width:100%;padding:0 var(--space-3);font-size:var(--font-body)}.join-button{width:100%;margin-top:var(--space-3-5)}.privacy-note{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);color:var(--text-muted)}.privacy-note>svg{margin-top:1px;color:var(--text-secondary)}.privacy-note small{line-height:1.45}.transcription-disclosure{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3-5);border:1px solid var(--accent-border);border-radius:var(--radius-control);background:var(--accent-soft)}.transcription-disclosure>span:last-child{display:grid;gap:var(--space-1)}.transcription-disclosure strong{color:var(--text);font-size:var(--font-caption);font-weight:var(--weight-label)}.transcription-disclosure small{color:var(--text-secondary);font-size:var(--font-caption);line-height:1.45}.transcription-disclosure.is-unavailable{border-color:var(--warning-border);background:var(--warning-surface)}.transcription-disclosure.is-unavailable .transcription-live-dot,.transcription-disclosure.is-checking .transcription-live-dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-surface)}.transcription-live-dot{width:8px;height:8px;flex:0 0 8px;margin-top:5px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.prejoin-preview{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.preview-person{min-height:258px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4-5);background:var(--surface-quiet)}.preview-avatar{width:96px;height:96px;display:grid;place-items:center;border:1px solid var(--accent-border);border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:var(--font-avatar-large);font-weight:var(--weight-semibold)}.preview-muted{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-caption)}.preview-caption{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.preview-caption-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-text)}.inline-error{margin:var(--space-2-5) 0;color:var(--danger-text);font-size:var(--font-caption)}.prejoin-footer{width:min(1320px,100%);min-height:58px;align-self:center;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--font-caption)}.meeting-page{width:100%;height:100svh;min-height:0;display:grid;grid-template-rows:var(--meeting-header-height) minmax(0,1fr) var(--meeting-controls-height);overflow:hidden;background:var(--canvas)}.meeting-header{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,1fr) minmax(200px,1fr);align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--canvas)}.meeting-room-title{display:grid;justify-items:center;gap:var(--space-1)}.meeting-room-title strong{color:var(--text);font-size:var(--font-control);font-weight:var(--weight-label)}.meeting-room-title span{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:var(--font-caption)}.meeting-header-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-4)}.transcription-status-banner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-caption);white-space:nowrap}.transcription-status-banner .transcription-live-dot{width:7px;height:7px;flex-basis:7px;margin:0}.transcription-status-banner.is-active .transcription-live-dot{background:var(--danger)}.transcription-status-banner.is-pending .transcription-live-dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-surface)}.transcription-status-banner.is-disabled{color:var(--warning-text)}.transcription-status-banner.is-disabled .transcription-live-dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-surface)}.transcription-status-banner a{color:var(--accent-text);text-decoration:none}.transcription-status-banner a:hover{color:var(--text);text-decoration:underline}.connection-state{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-caption);white-space:nowrap}.state-indicator{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--warning)}.connection-state.connected .state-indicator{background:var(--success)}.connection-state.reconnecting .state-indicator{background:var(--danger)}.copy-link{min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--font-caption);font-weight:var(--weight-label)}.copy-link:hover{background:var(--surface-hover)}.notice{position:fixed;z-index:8;top:76px;left:50%;width:min(560px,calc(100vw - 24px));display:grid;grid-template-columns:minmax(0,1fr) var(--touch-target);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);transform:translate(-50%);border:1px solid var(--warning-border);border-radius:var(--radius-control);background:var(--warning-surface);color:var(--warning-text);font-size:var(--font-caption)}.notice>span{min-width:0;overflow-wrap:anywhere;line-height:1.45}.notice.error{border-color:var(--danger-border-strong);background:var(--danger-surface);color:var(--danger-text)}.notice.audio-playback-notice{grid-template-columns:minmax(0,1fr) auto}.notice.audio-playback-notice .button{min-height:var(--touch-target);padding:0 var(--space-3);white-space:nowrap}.screen-transfer-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:var(--scrim)}.screen-transfer-dialog{width:min(440px,100%);padding:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--shadow-popover)}.screen-transfer-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:var(--space-3);border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-text)}.screen-transfer-dialog h2{margin:0;color:var(--text);font-size:var(--font-heading);font-weight:var(--weight-semibold)}.screen-transfer-dialog p{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--font-body);line-height:1.5}.screen-transfer-dialog p strong{color:var(--text);font-weight:var(--weight-semibold)}.screen-transfer-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.screen-transfer-expiry{display:block;margin-top:var(--space-3);color:var(--text-muted);font-size:var(--font-caption);text-align:right}.screen-transfer-actions .button{min-height:var(--touch-target)}.notice button{width:var(--touch-target);height:var(--touch-target);flex:0 0 var(--touch-target);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font-size:var(--font-avatar);line-height:1}.meeting-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-4);padding:var(--space-4-5) var(--layout-inset-meeting)}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-quiet)}.shared-screen{width:100%;height:100%;display:block;object-fit:contain;background:var(--canvas-deep)}.stage-caption{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:var(--space-2);max-width:calc(100% - 72px);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--scrim);color:var(--text-secondary);font-size:var(--font-caption)}.stage-caption strong{overflow:hidden;color:var(--text);font-weight:var(--weight-label);text-overflow:ellipsis;white-space:nowrap}.live-mark{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--success)}.fullscreen-button{position:absolute;right:14px;bottom:14px;width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--scrim);color:var(--text)}.fullscreen-button:hover{background:var(--surface-hover)}.voice-room{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4-5);padding:var(--layout-inset-stage)}.voice-room-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.voice-room-heading h1{margin:0;color:var(--text);font-size:var(--font-body-compact);font-weight:var(--weight-label)}.voice-room-heading span{color:var(--text-muted);font-size:var(--font-caption)}.participant-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));grid-auto-rows:minmax(130px,1fr);align-content:center;gap:var(--space-2-5);overflow-y:auto}.participant-tile{position:relative;min-width:0;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);text-align:center}.participant-tile.is-speaking{border-color:var(--accent-border-strong);background:var(--surface-speaking)}.avatar{position:relative;width:64px;height:64px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--avatar-0-bg);color:var(--avatar-0-text);font-size:var(--font-avatar);font-weight:var(--weight-semibold)}.avatar-1{background:var(--avatar-1-bg);color:var(--avatar-1-text)}.avatar-2{background:var(--avatar-2-bg);color:var(--avatar-2-text)}.avatar-3{background:var(--avatar-3-bg);color:var(--avatar-3-text)}.avatar-4{background:var(--avatar-4-bg);color:var(--avatar-4-text)}.speaking-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid var(--accent-hover);border-radius:50%}.tile-name{max-width:100%;overflow:hidden;color:var(--text);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap}.tile-name span{margin-left:var(--space-1-5);color:var(--text-muted);font-size:var(--font-caption)}.tile-mic{position:absolute;right:10px;bottom:10px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success)}.tile-mic.is-muted{background:var(--danger-soft);color:var(--danger)}.participant-grid-empty{grid-column:1 / -1;align-self:center;justify-self:center;color:var(--text-muted);font-size:var(--font-caption)}.participants-panel{min-height:0;display:flex;flex-direction:column;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.participants-panel .panel-heading{align-items:center;padding-bottom:var(--space-3-5);border-bottom:1px solid var(--border)}.participants-panel .panel-heading>div{display:flex;align-items:baseline;gap:var(--space-2)}.participants-panel .panel-heading h2{font-size:var(--font-body)}.participants-panel .panel-heading span{color:var(--text-muted);font-size:var(--font-caption)}.participants-panel .panel-heading>svg{color:var(--text-muted)}.participant-list{flex:1;min-height:0;overflow:auto}.participant{min-height:58px;display:flex;align-items:center;gap:var(--space-2-5);border-bottom:1px solid var(--border)}.participant .avatar{width:34px;height:34px;font-size:var(--font-caption)}.participant .speaking-ring{top:-3px;right:-3px;bottom:-3px;left:-3px;border-width:1.5px}.participant-name{min-width:0;flex:1;display:grid;gap:var(--space-1)}.participant-name strong{overflow:hidden;color:var(--text);font-size:var(--font-caption);font-weight:var(--weight-label);text-overflow:ellipsis;white-space:nowrap}.you-label{margin-left:var(--space-2);color:var(--text-muted);font-size:var(--font-caption);font-weight:var(--weight-regular)}.presenter-label{color:var(--accent-text);font-size:var(--font-caption)}.mic-indicator{color:var(--success)}.mic-indicator.is-muted{color:var(--text-muted)}.remove-participant{width:var(--touch-target);height:var(--touch-target);flex:0 0 var(--touch-target);display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-heading);line-height:1}.remove-participant:hover{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.participant-invite{display:grid;gap:var(--space-2-5);margin-top:auto;padding-top:var(--space-4);color:var(--text-muted);font-size:var(--font-caption)}.participant-invite button{min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-size:var(--font-caption)}.participant-invite button:hover{background:var(--surface-hover)}.stop-presenter,.end-meeting{min-height:var(--touch-target);margin-top:var(--space-2);border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-text-muted);font-size:var(--font-caption)}.stop-presenter:hover,.end-meeting:hover{background:var(--danger-border-strong)}.call-controls{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-top:1px solid var(--border);background:var(--canvas)}.control-context{min-width:0;display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--font-caption)}.control-count{display:inline-flex;align-items:center;gap:var(--space-1-5);color:var(--text-secondary);font-size:var(--font-caption);font-variant-numeric:tabular-nums}.control-context-end{justify-content:flex-end}.control-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.mic-control-group{position:relative;display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:var(--layout-gap-mic)}.control-button{min-height:46px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-label);white-space:nowrap}.control-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.control-button:disabled{cursor:not-allowed;opacity:.52}.control-button.control-muted .control-icon{color:var(--danger)}.control-button.control-on{border-color:var(--accent-border-control);background:var(--accent-soft);color:var(--accent-text)}.control-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-secondary)}.mic-settings-trigger{width:var(--touch-target);height:var(--touch-target);flex:0 0 var(--touch-target);display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text-secondary)}.mic-settings-trigger:hover,.mic-settings-trigger.is-open{background:var(--surface-hover);color:var(--text)}.mic-settings-popover{position:fixed;z-index:9;left:50%;bottom:calc(var(--meeting-controls-height) + var(--space-3));width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - var(--meeting-controls-height) - var(--space-6));overflow:auto;padding:var(--space-4);transform:translate(-50%);border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--shadow-popover)}.mic-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4-5)}.mic-settings-heading h2{margin:0;color:var(--text);font-size:var(--font-body);font-weight:var(--weight-semibold)}.mic-settings-heading button{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-avatar);line-height:1}.mic-settings-heading button:hover{background:var(--surface-hover);color:var(--text)}.mic-setting-field{display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-caption)}.mic-setting-field select{width:100%;min-height:var(--touch-target);padding:0 var(--space-2-5);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--canvas-deep);color:var(--text);font:inherit}.mic-denoiser-setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.mic-denoiser-setting>div{min-width:0;display:grid;gap:var(--space-1)}.mic-denoiser-setting strong{color:var(--text);font-size:var(--font-caption);font-weight:var(--weight-label)}.mic-denoiser-setting span{color:var(--text-muted);font-size:var(--font-caption);line-height:1.4}.mic-denoiser-toggle{width:var(--touch-target);min-height:var(--touch-target);flex:0 0 var(--touch-target);display:flex;align-items:center;padding:3px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface)}.mic-denoiser-toggle span{width:18px;height:18px;border-radius:var(--radius-full);background:var(--text-muted);transition:transform .14s ease,background-color .14s ease}.mic-denoiser-toggle.is-on{border-color:var(--accent-border-control);background:var(--accent-soft)}.mic-denoiser-toggle.is-on span{transform:translate(18px);background:var(--accent-text)}.mic-denoiser-toggle:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.mic-meter-heading{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4-5);color:var(--text-secondary);font-size:var(--font-caption)}.mic-meter-heading output,.mic-gain-field output{color:var(--text-muted);font-variant-numeric:tabular-nums}.mic-level-meter{height:8px;margin-top:var(--space-2);overflow:hidden;border-radius:var(--radius-xs);background:var(--meter-track)}.mic-level-meter span{height:100%;display:block;border-radius:inherit;background:var(--success);transition:width .1s linear}.mic-level-meter.is-hot span{background:var(--warning)}.mic-meter-help,.mic-gain-help{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--font-caption);line-height:1.45}.mic-gain-field{margin-top:var(--space-4)}.mic-gain-field>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.mic-gain-field input{width:100%;height:20px;margin:0;accent-color:var(--accent-hover)}.mic-gain-help{margin-top:var(--space-half)}.captions-overlay{position:absolute;z-index:3;left:50%;bottom:var(--space-5);width:min(760px,calc(100% - var(--space-8)));max-height:min(36%,240px);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);overflow:auto;padding:var(--space-3-5) var(--space-4);transform:translate(-50%);border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-captions);box-shadow:var(--shadow-popover);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.captions-line{display:grid;gap:var(--space-1);margin:0;color:var(--text);font-size:var(--font-body);line-height:1.45;overflow-wrap:anywhere}.captions-line strong{color:var(--accent-text);font-size:var(--font-caption);font-weight:var(--weight-label)}.captions-waiting{display:flex;align-items:center;gap:var(--space-2-5);margin:0;color:var(--text-secondary);font-size:var(--font-caption)}.captions-waiting .transcription-live-dot{margin:0}.admin-page{min-height:100dvh;background:var(--canvas);color:var(--text)}.admin-login-page{display:grid;grid-template-rows:var(--header-height) 1fr;justify-items:center;align-items:center;padding:0 var(--layout-inset-page)}.admin-login-page>.wordmark{justify-self:start;align-self:center}.admin-login-card{width:min(440px,calc(100% - var(--space-6)));display:grid;gap:var(--space-3-5);padding:var(--space-7);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-popover)}.admin-eyebrow{color:var(--accent-text);font-size:var(--font-caption);font-weight:var(--weight-label)}.admin-login-card h1,.admin-intro h1{margin:0;font-size:var(--font-page-title);line-height:1.12;letter-spacing:-.035em}.admin-login-card p,.admin-intro p{margin:0;color:var(--text-muted);font-size:var(--font-control);line-height:1.55}.admin-login-card label,.admin-filters label>span{color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-label)}.admin-login-card input,.admin-filters input,.admin-filters select{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);outline:none;background:var(--canvas-deep);color:var(--text);font:inherit;font-size:var(--font-control)}.admin-login-card input:focus,.admin-filters input:focus,.admin-filters select:focus{border-color:var(--accent-border-strong);box-shadow:0 0 0 3px var(--accent-soft)}.admin-login-card .button{justify-content:center}.admin-back-link{justify-self:center;color:var(--text-muted);font-size:var(--font-caption);text-decoration:none}.admin-back-link:hover{color:var(--text)}.admin-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-secondary)}.admin-header{height:var(--header-height);display:grid;grid-template-columns:1fr minmax(0,1fr) 1fr;align-items:center;gap:var(--space-4);padding:0 var(--layout-inset-page);border-bottom:1px solid var(--border)}.admin-header-title{display:grid;gap:2px;text-align:center}.admin-header-title span{color:var(--text-muted);font-size:var(--font-caption)}.admin-header-title strong{font-size:var(--font-control);font-weight:var(--weight-label)}.admin-logout{justify-self:end}.admin-content{width:min(1120px,calc(100% - var(--layout-inset-page) - var(--layout-inset-page)));margin:0 auto;padding:var(--space-10) 0 var(--space-12)}.admin-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.admin-intro>div{display:grid;gap:var(--space-2-5)}.admin-intro h1{font-size:var(--font-page-title)}.admin-export{flex:0 0 auto}.admin-transcription-setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-7);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.admin-transcription-setting.is-enabled{border-color:var(--accent-border)}.admin-transcription-copy{display:grid;gap:var(--space-1-5)}.admin-transcription-copy h2{margin:0;font-size:var(--font-heading);font-weight:var(--weight-semibold)}.admin-transcription-copy p{max-width:650px;margin:0;color:var(--text-muted);font-size:var(--font-control);line-height:1.5}.admin-transcription-control{display:flex;align-items:center;gap:var(--space-4)}.admin-transcription-status{min-width:72px;color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-label);text-align:right}.admin-transcription-setting.is-enabled .admin-transcription-status{color:var(--success)}.admin-transcription-setting.is-disabled .admin-transcription-status{color:var(--warning-text)}.admin-service-switch{min-width:132px;min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);font:inherit;font-size:var(--font-caption);font-weight:var(--weight-label)}.admin-service-switch:hover:not(:disabled){border-color:var(--accent-border-strong);background:var(--surface-hover)}.admin-service-switch:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.admin-service-switch>span{width:10px;height:10px;border-radius:50%;background:var(--warning)}.admin-transcription-setting.is-enabled .admin-service-switch>span{background:var(--success)}.admin-service-switch:disabled{cursor:wait;opacity:.65}.admin-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,280px) auto;align-items:end;gap:var(--space-3);margin:var(--space-7) 0 var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.admin-filters label{display:grid;gap:var(--space-2)}.admin-filter-button{min-height:44px}.admin-error{margin:var(--space-3) 0}.admin-results-heading{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;color:var(--text-muted);font-size:var(--font-caption)}.admin-results-heading strong{color:var(--text);font-weight:var(--weight-label)}.transcript-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.transcript-table{width:100%;border-collapse:collapse;text-align:left}.transcript-table th{padding:var(--space-3-5) var(--space-3);border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--font-caption);font-weight:var(--weight-label);white-space:nowrap}.transcript-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-control);vertical-align:top}.transcript-table tbody tr:last-child td{border-bottom:0}.transcript-table code{color:var(--accent-text);font-family:inherit;font-size:var(--font-caption)}.transcript-time{min-width:150px;color:var(--text-muted)!important;white-space:nowrap}.transcript-text-cell{min-width:280px;color:var(--text)!important;line-height:1.5;overflow-wrap:anywhere}.transcript-delete{width:var(--touch-target);height:var(--touch-target);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-avatar)}.transcript-delete:hover{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.admin-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-quiet);text-align:center}.admin-empty .note-icon{width:44px;height:44px}.admin-empty strong{font-size:var(--font-body)}.admin-empty p{max-width:420px;margin:0;color:var(--text-muted);font-size:var(--font-control)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-5);color:var(--text-muted);font-size:var(--font-caption)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.control-divider{width:1px;height:28px;margin:0 var(--space-1);background:var(--border-strong)}.leave-button{min-height:46px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--danger-button-border);border-radius:var(--radius-control);background:var(--danger-button);color:var(--text-on-accent);font-size:var(--font-caption);font-weight:var(--weight-semibold)}.leave-button:hover{background:var(--danger-button-hover)}.audio-players,.audio-players audio{display:none}@media(max-width:860px){.home-content{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--layout-gap-home-compact)}.meeting-layout{grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-3);padding:var(--space-3)}.participants-panel{padding:var(--space-3)}.control-context{gap:var(--space-2)}.control-button{gap:var(--space-2);padding:0 var(--space-2)}.mic-control-group>.control-button,.control-actions>.control-button{width:var(--touch-target);min-height:var(--touch-target);justify-content:center;padding:0}.mic-control-group>.control-button>span:last-child,.control-actions>.control-button>span:last-child{display:none}.transcript-trigger{width:var(--touch-target);min-height:var(--touch-target);justify-content:center;padding:0}.transcript-trigger>span:last-child{display:none}.call-controls{padding:0 var(--space-3-5)}}@media(max-width:700px){.screen-transfer-dialog{padding:var(--space-4)}.screen-transfer-actions{flex-direction:column-reverse}.screen-transfer-actions .button{width:100%;justify-content:center}.screen-transfer-expiry{text-align:left}:root{--meeting-controls-height: 72px}.home-page,.prejoin-page{padding:0 var(--layout-inset-mobile)}.app-header{width:100%;height:var(--header-height-mobile)}.header-context{display:none}.app-header.home-header{grid-template-columns:1fr auto}.header-capacity{font-size:var(--font-caption)}.home-content{width:100%;grid-template-columns:1fr;gap:var(--layout-gap-home-mobile);padding:var(--space-11) 0}.home-intro h1{font-size:var(--font-mobile-title)}.home-intro>p{margin:var(--space-3-5) 0 var(--space-6);font-size:var(--font-body)}.home-join-panel{padding:var(--space-4-5)}.home-join-footnote{flex-wrap:wrap;line-height:1.5}.home-footer{min-height:54px;font-size:var(--font-caption)}.home-footer>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prejoin-content{width:100%;grid-template-columns:1fr;grid-template-rows:max-content max-content;align-content:center;gap:var(--space-7);padding:var(--space-9) 0}.prejoin-form-panel h1{font-size:var(--font-prejoin-mobile)}.prejoin-preview{display:grid;grid-template-columns:120px 1fr;align-items:stretch}.preview-person{min-height:124px;gap:var(--space-2-5)}.preview-avatar{width:54px;height:54px;font-size:var(--font-avatar)}.preview-muted{gap:var(--space-1);font-size:var(--font-caption)}.preview-caption{align-self:center;padding:var(--space-3-5)}.prejoin-footer{min-height:50px;gap:var(--space-2-5);font-size:var(--font-caption)}.meeting-page{grid-template-rows:var(--meeting-header-height-mobile) minmax(0,1fr) var(--meeting-controls-height)}.meeting-header{grid-template-columns:1fr auto;gap:var(--space-2);padding:0 var(--space-3)}.meeting-header .wordmark{font-size:var(--font-body);gap:var(--space-2)}.meeting-header .brand-symbol{width:28px;height:28px}.meeting-room-title{display:none}.meeting-header-actions{gap:var(--space-2-5)}.connection-state{font-size:var(--font-caption)}.copy-link{min-height:var(--touch-target);padding:0 var(--space-2);font-size:var(--font-caption)}.meeting-layout{min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) minmax(112px,198px);gap:var(--space-2);padding:var(--space-2)}.voice-room{gap:var(--space-3);padding:var(--space-3)}.voice-room-heading{min-width:0;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.voice-room-heading h1{min-width:0;font-size:var(--font-control)}.voice-room-heading>span{min-width:0;margin-left:auto;text-align:right}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(108px,156px);align-content:center;gap:var(--space-2)}.participant-tile{min-height:105px;gap:var(--space-2);padding:var(--space-2-5)}.participant-tile .avatar{width:48px;height:48px;font-size:var(--font-body-compact)}.participant-tile .speaking-ring{top:-4px;right:-4px;bottom:-4px;left:-4px}.tile-name{font-size:var(--font-caption)}.tile-mic{right:7px;bottom:7px;width:23px;height:23px}.participants-panel{min-width:0;overflow:hidden;padding:var(--space-2-5) var(--space-3)}.participants-panel .panel-heading{padding-bottom:var(--space-2)}.participant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:var(--space-2)}.participant{min-height:var(--participant-row-height-mobile);gap:var(--space-2)}.participant .avatar{width:27px;height:27px;font-size:var(--font-caption)}.participant-name{gap:1px}.participant-name strong{font-size:var(--font-caption)}.mic-indicator svg{width:14px;height:14px}.participant-invite{min-width:0;padding-top:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:var(--space-2)}.participant-invite button{min-width:0;min-height:var(--touch-target);padding:0 var(--space-2);font-size:var(--font-caption)}.stop-presenter,.end-meeting{width:100%;min-width:0;min-height:var(--touch-target);margin-top:var(--space-1-5);padding:var(--space-2);font-size:var(--font-caption)}.call-controls{min-width:0;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);padding:0 var(--space-2)}.control-context{font-size:0}.control-count{gap:var(--space-1);font-size:var(--font-caption)}.control-context-end .connection-state{display:none}.control-actions{min-width:0;flex-wrap:nowrap;gap:var(--space-1-5)}.control-button{width:44px;min-height:44px;justify-content:center;padding:0}.control-button>span:last-child,.leave-button>span{display:none}.control-icon{width:32px;height:32px;background:transparent}.control-divider{height:24px;margin:0 var(--space-half)}.leave-button{width:48px;min-height:44px;justify-content:center;padding:0}.notice{top:64px;font-size:var(--font-caption)}.stage-caption{left:8px;bottom:8px;gap:var(--space-1-5);max-width:calc(100% - 56px);padding:var(--space-2) var(--space-2);font-size:var(--font-caption)}.fullscreen-button{right:8px;bottom:8px}.captions-overlay{bottom:var(--space-3);width:calc(100% - var(--space-4));max-height:34%;padding:var(--space-2-5) var(--space-3)}.captions-line{font-size:var(--font-control)}.transcription-status-banner{display:none}.admin-login-page{padding:0 var(--layout-inset-mobile)}.admin-login-card{padding:var(--space-5)}.admin-header{height:var(--header-height-mobile);padding:0 var(--layout-inset-mobile)}.admin-header-title span{display:none}.admin-header-title strong{font-size:var(--font-caption)}.admin-header .wordmark{font-size:var(--font-control)}.admin-header .brand-symbol{width:28px;height:28px}.admin-content{width:calc(100% - var(--layout-inset-mobile) - var(--layout-inset-mobile));padding:var(--space-7) 0}.admin-intro{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.admin-intro h1{font-size:var(--font-prejoin-mobile)}.admin-export{width:100%;justify-content:center}.admin-transcription-setting{align-items:flex-start;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.admin-transcription-control{width:100%;justify-content:space-between}.admin-filters{grid-template-columns:1fr;margin-top:var(--space-5)}.admin-filter-button{width:100%;justify-content:center}.transcript-table-wrap{overflow-x:auto}.transcript-table{min-width:760px}}@media(max-width:380px){.home-page,.prejoin-page{padding:0 var(--space-3-5)}.home-content,.prejoin-content{grid-template-columns:minmax(0,1fr)}.home-intro,.home-join-panel,.home-footer,.join-existing-form,.join-existing-controls,.prejoin-form-panel,.prejoin-preview{min-width:0;max-width:100%}.home-intro h1{font-size:clamp(32px,10vw,36px);overflow-wrap:anywhere}.home-join-footnote{gap:var(--space-2);font-size:var(--font-caption)}.join-existing-controls{flex-direction:column}.join-existing-controls input,.join-existing-controls .button{width:100%}.meeting-header-actions{gap:var(--space-2)}.meeting-header-actions .connection-state{gap:var(--space-1)}.meeting-header .wordmark span:last-child{font-size:var(--font-control)}.meeting-layout{grid-template-rows:minmax(160px,1fr) minmax(104px,142px)}.participant-invite{grid-template-columns:1fr}.participant-invite>span{display:none}.control-actions{gap:var(--space-1)}.control-divider{display:none}}.meeting-header{grid-template-columns:auto minmax(120px,1fr) auto;gap:var(--space-4);padding-inline:var(--space-5)}.meeting-room-title{justify-self:center}.meeting-layout{grid-template-columns:minmax(0,1fr) 312px;gap:var(--space-3);padding:var(--space-3-5) var(--space-5)}.meeting-layout.participants-closed{grid-template-columns:minmax(0,1fr) 0;gap:0}.participants-panel{min-width:0;overflow:hidden;border-radius:var(--radius-control)}.participants-panel.is-closed{display:none}.participants-panel .panel-heading{min-height:42px;display:flex;justify-content:space-between;gap:var(--space-2)}.participants-panel .panel-heading h2{margin:0;font-size:var(--font-body)}.participants-close{display:none}.participant-list{overscroll-behavior:contain}.participant{padding-inline:var(--space-1)}.participants-toggle{min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;cursor:pointer}.participants-toggle:hover,.participants-toggle[aria-expanded=true]{border-color:var(--border);background:var(--surface);color:var(--text)}.call-mic-status{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-actions{gap:var(--space-2-5)}.control-button{min-height:48px}.control-button.control-muted{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.control-button.control-muted .control-icon{background:transparent;color:inherit}.leave-button{min-height:48px;margin-left:var(--space-1)}.control-button:active,.mic-settings-trigger:active,.participants-toggle:active,.leave-button:active,.participant-invite button:active{transform:scale(.97)}@media(max-width:860px){.meeting-layout{grid-template-columns:minmax(0,1fr) 276px;gap:var(--space-2-5);padding:var(--space-3)}.meeting-layout.participants-closed{grid-template-columns:minmax(0,1fr) 0}}@media(max-width:700px){:root{--meeting-controls-height: calc(76px + env(safe-area-inset-bottom, 0px)) }.meeting-page{height:100dvh;grid-template-rows:var(--meeting-header-height-mobile) minmax(0,1fr) var(--meeting-controls-height)}.meeting-header{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);padding-inline:var(--space-3)}.meeting-header .wordmark{min-width:0}.meeting-header-actions{min-width:0;gap:var(--space-2)}.meeting-room-title{display:none}.meeting-header-actions .connection-state{gap:var(--space-1-5)}.copy-link{white-space:nowrap}.meeting-layout,.meeting-layout.participants-closed{position:relative;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;padding:var(--space-2)}.stage{min-width:0;min-height:0;border-radius:var(--radius-control)}.voice-room{gap:var(--space-4);padding:var(--space-4)}.voice-room-heading{flex-wrap:nowrap}.voice-room-heading h1{font-size:var(--font-body-large)}.voice-room-heading>span{margin-left:auto;white-space:nowrap}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-auto-rows:minmax(132px,180px);gap:var(--space-2-5)}.participant-tile{border-radius:var(--radius-panel)}.participant-tile .avatar{width:58px;height:58px;font-size:var(--font-avatar-large)}.participants-panel,.participants-panel.is-open{position:fixed;z-index:7;right:var(--space-3);bottom:calc(var(--meeting-controls-height) + var(--space-2));left:var(--space-3);display:flex;max-height:min(62dvh,520px);min-height:0;padding:var(--space-3);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--shadow-popover)}.participants-panel.is-closed{display:none}.participants-panel .panel-heading{padding:0 0 var(--space-2-5)}.participants-close{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--font-avatar)}.participant-list{display:block;min-height:44px;overflow:auto}.participant{min-height:52px;gap:var(--space-2-5)}.participant .avatar{width:34px;height:34px}.participant-invite{grid-template-columns:minmax(0,1fr) minmax(0,auto);padding-top:var(--space-2-5)}.participant-invite>span{display:block;min-width:0}.participant-invite button{min-height:var(--touch-target);padding:0 var(--space-2);white-space:nowrap}.call-controls{position:relative;z-index:8;grid-template-columns:var(--touch-target) minmax(0,1fr);gap:var(--space-1);padding:0 var(--space-2) env(safe-area-inset-bottom,0px)}.control-context{min-width:var(--touch-target);gap:0}.call-mic-status,.control-context-end{display:none}.control-actions{min-width:0;justify-content:space-between;gap:var(--space-1)}.mic-control-group{gap:var(--space-1)}.control-button,.mic-settings-trigger{width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);padding:0;justify-content:center}.leave-button{width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;margin-left:0;padding:0}.control-divider{display:none}.notice{top:calc(var(--meeting-header-height-mobile) + var(--space-2))}.mic-settings-popover{bottom:calc(var(--meeting-controls-height) + var(--space-2));max-height:min(70dvh,calc(100dvh - var(--meeting-controls-height) - var(--space-4)))}}@media(max-width:380px){.meeting-header-actions .connection-state{font-size:0}.meeting-header-actions .connection-state .state-indicator{width:8px;height:8px}.meeting-header-actions{gap:var(--space-1-5)}.meeting-header .wordmark span:last-child{font-size:var(--font-control)}.meeting-layout,.meeting-layout.participants-closed{padding:var(--space-1-5)}.voice-room{padding:var(--space-3)}.voice-room-heading h1{font-size:var(--font-control)}.voice-room-heading>span{font-size:var(--font-caption)}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(112px,148px);gap:var(--space-2)}.participant-invite{grid-template-columns:1fr}.participant-invite>span{display:none}.control-actions{gap:2px}.call-controls{grid-template-columns:40px minmax(0,1fr);gap:2px;padding-inline:var(--space-1)}.participants-toggle{min-width:40px;padding:0}.control-button,.mic-settings-trigger,.leave-button,.mic-control-group>.control-button{width:40px;min-width:40px;min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}