@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101215;--surface:#171a1f;--surface-soft:#1d2128;--surface-subtle:#1a1e24;--surface-active:#262b33;--surface-input:#12151a;--surface-translucent:#171a1feb;--glass-card:#171a1fe0;--seat-bg:#171a1f73;--dock-bg:#1d2128f0;--dock-bg-solid:#1d2128;--overlay:#06080bb8;--text:#e6eaf0;--text-secondary:#aeb6c2;--text-muted:#8b94a3;--text-faint:#757e8c;--border:#23272e;--border-strong:#313742;--border-input:#39404b;--accent:#4da3ff;--accent-soft:#7cbcff;--accent-text:#4da3ff;--on-accent:#06121f;--ring:#4da3ff6b;--online:#4ddba4;--error-text:#ff6b6b;--warning-text:#ffbe5c;--warning-strong:#ffe8c6;--warn-banner-bg:#5239128c;--warn-banner-border:#ffbe5c61;--err-banner-bg:#6826264d;--err-banner-border:#ff6b6b47;font-family:DM Sans,system-ui,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f4;--surface:#fff;--surface-soft:#e5e9f0;--surface-subtle:#f4f6fa;--surface-active:#dfe4ec;--surface-input:#fbfcfe;--surface-translucent:#ffffffe6;--glass-card:#ffffffd9;--seat-bg:#ffffff8c;--dock-bg:#fcfdfff0;--dock-bg-solid:#fcfdff;--overlay:#12182266;--text:#171a20;--text-secondary:#4b5361;--text-muted:#666f7d;--text-faint:#7d8694;--border:#dce0e7;--border-strong:#c3c9d4;--border-input:#b8bfcb;--accent-text:#1668d8;--ring:#1668d873;--online:#12996b;--error-text:#c0342b;--warning-text:#8a5410;--warning-strong:#6f430c;--warn-banner-bg:#ffc46e47;--warn-banner-border:#a0691e80;--err-banner-bg:#be3c321f;--err-banner-border:#aa3c3273}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.setup-page{background:radial-gradient(circle at 18% 12%, #4da3ff1f, transparent 32rem), radial-gradient(circle at 84% 80%, #4ddba41a, transparent 30rem), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.notice-card{border:1px solid var(--border);background:var(--glass-card);border-radius:28px;width:min(100%,650px);padding:clamp(32px,6vw,72px);box-shadow:0 30px 90px #0000005c}.landing{background:radial-gradient(circle at 12% -6%, #4da3ff21, transparent 34rem), radial-gradient(circle at 92% 74%, #4ddba41a, transparent 34rem), var(--bg);min-height:100vh;padding:0 clamp(20px,5vw,56px)}.landing-header,.landing-hero,.landing-features,.landing-footer{width:min(100%,1120px);margin:0 auto}.landing-header{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.landing-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.landing-brand .brand-mark{height:22px;margin-bottom:0}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,80px);padding:clamp(56px,11vw,132px) 0 clamp(64px,10vw,120px);display:grid}.landing-hero-copy .lede{margin-bottom:32px}.guest-save-reminder{max-width:490px;color:var(--text-secondary);background:#ceff6b12;border:1px solid #ceff6b3d;border-radius:11px;margin:-12px 0 24px;padding:11px 13px;font-size:.86rem;line-height:1.5;display:block}.landing-cta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.landing-cta-note{color:var(--text-muted);font-size:.86rem}.landing-preview{border:1px solid var(--border);background:var(--glass-card);border-radius:20px;gap:10px;padding:22px;display:grid}.landing-preview-title{color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}.landing-preview-row{border:1px solid var(--border);background:var(--surface-translucent);border-radius:13px;gap:4px;padding:15px 16px;display:grid}.landing-preview-name{color:var(--text);font-family:Manrope,sans-serif;font-weight:700}.landing-preview-link{color:var(--text-muted);font-size:.84rem}.landing-features{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px);padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(64px,10vw,120px);display:grid}.landing-feature h2{letter-spacing:-.02em;margin:0 0 10px;font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:700}.landing-feature p{max-width:34ch;color:var(--text-secondary);margin:0;line-height:1.6}.landing-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:24px;padding:clamp(32px,5vw,48px) 0;font-family:Manrope,sans-serif;font-weight:700;display:flex}.brand-mark{width:auto;height:32px;color:var(--accent-text);margin-bottom:54px;display:block}.eyebrow{color:var(--accent-text);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:700}h1{letter-spacing:-.055em;max-width:580px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(2.2rem,7vw,4.7rem);line-height:1.02}.lede{max-width:490px;color:var(--text-secondary);margin:24px 0 36px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.primary-button{min-height:54px;color:var(--on-accent);background:var(--accent);border:0;border-radius:14px;padding:0 25px;font-weight:700;transition:transform .16s,background .16s}.primary-button:hover:not(:disabled){background:var(--accent-soft);transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.google-button{align-items:center;gap:10px;display:inline-flex}.google-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-family:Arial,sans-serif;font-weight:700;display:grid}.modal-field input,.room-name-input{border:1px solid var(--border-input);height:52px;color:var(--text);background:var(--surface-input);border-radius:12px;outline:none;padding:0 15px}.modal-field input:focus,.room-name-input:focus{border-color:var(--accent-text)}.dashboard-page{background:radial-gradient(circle at 10% 0%, #4da3ff1a, transparent 30rem), radial-gradient(circle at 90% 80%, #4ddba414, transparent 32rem), var(--bg);min-height:100vh;padding:0 24px 72px}.dashboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;width:min(100%,840px);min-height:72px;margin:0 auto;display:flex}.dashboard-content{width:min(100%,840px);margin:0 auto;padding-top:clamp(36px,6vw,64px)}.room-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.room-tab{min-height:36px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:.84rem;font-weight:600;transition:color .14s,background .14s;display:inline-flex}.room-tab:hover{color:var(--text)}.room-tab.is-active{color:var(--text);background:var(--surface-active)}.room-tab-count{min-width:20px;height:20px;color:var(--text-faint);background:var(--surface-subtle);border-radius:999px;place-items:center;padding:0 6px;font-size:.7rem;display:inline-grid}.room-tab.is-active .room-tab-count{color:var(--accent-text);background:var(--surface-input)}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.dashboard-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-button,.room-name-button{color:var(--text-secondary);background:0 0;border:0;padding:0}.text-button{font-size:.88rem}.text-button:hover{color:var(--accent-text)}.dashboard-identity{align-items:center;gap:14px;display:flex}.icon-button{width:36px;height:36px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:color .14s,border-color .14s,transform .2s;display:inline-flex}.icon-button:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent-text);transform:rotate(35deg)}.icon-button:disabled{cursor:wait;opacity:.45}dialog.modal-overlay{z-index:40;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:20px;display:flex;position:fixed;inset:0}dialog.modal-overlay:not([open]){display:none}dialog.modal-overlay::backdrop{background:0 0}.modal-card{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:18px;width:min(100%,480px);max-height:calc(100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000008c}.modal-backdrop{z-index:0;cursor:default;background:0 0;border:0;position:absolute;inset:0}.modal-head{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:0;font-family:Manrope,sans-serif;font-size:1.2rem}.modal-close{width:36px;height:36px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;transition:border-color .15s,color .15s,background .15s;display:grid}.modal-close:hover{border-color:var(--border-strong);color:var(--accent-text);background:var(--surface-soft)}.modal-name-form{padding:18px 22px 20px}.modal-field{border:1px solid var(--border-input);background:var(--surface-input);border-radius:12px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.modal-field:focus-within{border-color:var(--accent-text)}.modal-field input{background:0 0;border:0;border-radius:0;flex:1;min-width:0;height:44px}.modal-field input:focus{box-shadow:none;border-color:#0000}.modal-save-button{border:0;border-left:1px solid var(--border);min-width:72px;min-height:44px;color:var(--accent-text);background:#4da3ff0f;padding:0 13px;font-size:.78rem;font-weight:600;transition:color .15s,background .15s}.modal-save-button:hover:not(:disabled){background:#4da3ff1f}.modal-save-button:disabled{cursor:default;color:var(--text-faint);background:0 0}.modal-save-button.is-saved:disabled{color:var(--accent-text)}.modal-footer{justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex}.modal-account{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.modal-footer .danger-button{flex:none}.modal-error{margin:9px 0 0;font-size:.78rem}.modal-preferences{background:var(--surface)}.setting-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;transition:background .15s;display:flex}.setting-toggle:hover{background:var(--surface-subtle)}.setting-toggle-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.setting-toggle-copy strong{color:var(--text);font-size:.88rem;font-weight:600}.setting-toggle-copy span{color:var(--text-faint);font-size:.76rem;font-weight:400;line-height:1.45}.setting-toggle input{opacity:0;width:1px;height:1px;position:absolute}.theme-select{border:1px solid var(--border-input);height:40px;color:var(--text);background:var(--surface-input);border-radius:10px;outline:none;flex-shrink:0;padding:0 10px;font-size:.82rem}.theme-select:focus-visible{border-color:var(--accent-text)}.setting-switch{border:1px solid var(--border-input);background:var(--surface-input);border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .16s,border-color .16s;position:relative}.setting-switch:after{background:var(--text-faint);content:"";border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.setting-toggle input:checked+.setting-switch{background:#4da3ff29;border-color:#3080d4}.setting-toggle input:checked+.setting-switch:after{background:var(--accent);transform:translate(18px)}.setting-toggle input:focus-visible+.setting-switch{box-shadow:0 0 0 3px #4da3ff2e}.room-list{gap:10px;display:grid}.room-row{border:1px solid var(--border);background:var(--surface-translucent);border-radius:15px;justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:16px 18px;transition:border-color .16s;display:flex}.room-row:hover{border-color:var(--border-strong)}.room-row.is-deleting{border-color:var(--warn-banner-border);background:var(--warn-banner-bg)}.room-row.room-row-skeleton:hover{border-color:var(--border)}.room-details-skeleton{gap:9px;width:min(42%,290px)}.skeleton-block{background:var(--surface-active);border-radius:999px;animation:1.4s ease-in-out infinite pulse-soft;display:block}.skeleton-room-name{width:68%;height:17px}.skeleton-room-link{width:100%;height:10px}.room-actions-skeleton{align-items:center}.skeleton-room-action{border-radius:10px;width:62px;height:40px}.skeleton-room-action-wide{width:102px}.room-details{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.room-name-button{max-width:100%;color:var(--text);text-align:left;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:1.08rem;font-weight:700;display:inline-flex}.room-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-room-name{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:Manrope,sans-serif;font-size:1.08rem;overflow:hidden}.room-name-button svg{color:var(--text-faint);opacity:0;flex-shrink:0;transition:opacity .14s}.room-row:hover .room-name-button:not(:disabled) svg,.room-name-button:focus-visible svg{opacity:1}.room-name-button:hover:not(:disabled) svg{color:var(--accent-text)}.room-name-input{width:min(100%,360px);height:42px;font-family:Manrope,sans-serif;font-weight:700}.room-link,.deleting-label{max-width:100%;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.deleting-label{color:var(--warning-text)}.room-actions{flex-shrink:0;gap:8px;display:flex}.small-button,.danger-button{border:1px solid var(--border-strong);min-height:40px;color:var(--text-secondary);background:var(--surface-soft);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.78rem;font-weight:600;display:inline-flex}.small-button:hover:not(:disabled){color:var(--accent-text);border-color:#2f6ba8}.remove-joined-button{background:0 0}.small-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.42}.room-open-link{color:var(--accent-text);background:#4da3ff17;border-color:#4da3ff52;text-decoration:none}.room-open-link:hover{color:var(--on-accent);background:var(--accent);border-color:#0000}.danger-button{color:var(--text-secondary);background:0 0}.danger-button:hover:not(:disabled){color:var(--error-text);background:#82302a33;border-color:#b8524d}.empty-dashboard{border:1px dashed var(--border-strong);min-height:260px;color:var(--text-muted);text-align:center;border-radius:18px;align-content:center;place-items:center;display:grid}.empty-dashboard>span{font-size:3rem}.empty-dashboard h2{color:var(--text);margin:16px 0 6px;font-family:Manrope,sans-serif}.compact-empty-dashboard{min-height:220px}.compact-empty-dashboard h2{margin-top:0}.empty-dashboard p,.empty-copy,.capacity-note{color:var(--text-muted);margin:0}.capacity-note{margin-top:18px;font-size:.82rem}.link-button{align-items:center;margin-top:32px;text-decoration:none;display:inline-flex}.inline-error{color:var(--error-text);margin:18px 0 0;font-size:.92rem;line-height:1.5}.wordmark{color:var(--text);font-family:Manrope,sans-serif;font-weight:700;text-decoration:none}code{color:var(--accent-text);background:var(--surface-active);border-radius:5px;padding:2px 6px}.join-page{background:radial-gradient(circle at 18% 12%, #4da3ff1f, transparent 32rem), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:24px;display:flex}.join-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(100%,620px);margin:0;padding:clamp(26px,5vw,44px);box-shadow:0 24px 70px #00000047}.join-card h1{letter-spacing:-.03em;margin-bottom:30px;font-family:Manrope,sans-serif;font-size:clamp(1.7rem,5vw,2.5rem)}.join-card label{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:700;display:block}.join-card input{border:1px solid var(--border-input);width:100%;height:52px;color:var(--text);background:var(--surface-input);border-radius:10px;outline:none;margin-bottom:8px;padding:0 15px;transition:border-color .15s,box-shadow .15s;display:block}.join-card input:focus{border-color:var(--accent-text)}.join-card input[readonly]{color:var(--text-secondary);background:var(--surface-subtle);cursor:default}.field-hint{color:var(--text-faint);margin:0 0 4px;font-size:.78rem}.audio-device-section{margin-top:26px}.audio-device-section h2{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-family:inherit;font-size:.76rem;font-weight:700}.audio-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.audio-device-field{flex-direction:column;gap:7px;min-width:0;margin:0;display:flex;position:relative}.audio-device-field:after{border-right:1.5px solid var(--text-secondary);border-bottom:1.5px solid var(--text-secondary);content:"";pointer-events:none;width:7px;height:7px;position:absolute;bottom:19px;right:17px;transform:rotate(45deg)}.audio-device-field>span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.audio-device-field select{appearance:none;border:1px solid var(--border-input);width:100%;height:46px;color:var(--text);background:var(--surface-input);font:inherit;text-overflow:ellipsis;border-radius:10px;outline:none;padding:0 42px 0 12px;font-size:.82rem}.audio-device-field select:focus-visible{border-color:var(--accent-text);box-shadow:0 0 0 3px #4da3ff1f}.audio-device-field select:disabled{color:var(--text-faint);cursor:not-allowed}.audio-device-help{min-height:20px;color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:9px;font-size:.75rem;display:flex}.audio-device-help:empty{display:none}.audio-device-help .text-button{color:var(--accent-text);font-size:.75rem}.audio-device-help .text-button:disabled{color:var(--text-faint)}.audio-device-error{margin:9px 0 0;font-size:.76rem}.join-card .primary-button{border-radius:10px;width:100%;margin-top:16px}.room-page{background:var(--bg);height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.control-rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;align-items:stretch;gap:4px;width:92px;padding:14px 10px;display:flex}.rail-button{width:100%;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;transition:color .14s,border-color .14s,background .14s;display:flex;position:relative}.rail-button span{letter-spacing:.01em;text-align:center;font-size:.66rem;font-weight:600}.rail-button:hover:not(:disabled){color:var(--text);background:var(--surface-soft)}.rail-button:disabled{opacity:.45;cursor:not-allowed}.rail-button.is-active{border-color:var(--border-strong);color:var(--accent-text);background:var(--surface-active)}.rail-button.is-off{border-color:var(--err-banner-border);color:var(--error-text);background:var(--err-banner-bg)}.rail-spacer{flex:1;min-height:12px}.room-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.meeting-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:15px clamp(14px,2.4vw,26px);display:flex}.meeting-title{min-width:0}.meeting-header h1{color:var(--text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Manrope,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;overflow:hidden}.meeting-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.meeting-settings-button{flex-shrink:0;width:32px;height:32px}.room-pill{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.68rem;font-weight:700}.room-pill.is-live{border-color:var(--border-strong);color:var(--accent-text);background:var(--surface-active)}.meeting-audio-settings-card{width:min(100%,520px)}.meeting-audio-settings-body{padding-bottom:8px}.meeting-audio-settings-body .audio-device-section{margin:0;padding:2px 22px 10px}.audio-noise-toggle{margin-top:2px}.audio-noise-toggle.is-disabled{opacity:.55;cursor:not-allowed}.audio-noise-toggle.is-disabled:hover{background:0 0}.room-body{flex:1;min-height:0;display:flex;overflow:hidden}.room-columns{flex-direction:column;flex:1;gap:14px;min-width:0;padding:clamp(14px,2.4vw,22px);display:flex;overflow-y:auto}.room-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.room-card-header{border-bottom:1px solid var(--border);color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;align-items:baseline;gap:10px;padding:11px 15px;font-size:.68rem;font-weight:700;display:flex}.presentation-card{flex:44vh;min-height:0}.deletion-banner{border:1px solid var(--warn-banner-border);color:var(--warning-text);background:var(--warn-banner-bg);text-align:center;border-radius:12px;flex-shrink:0;margin:14px clamp(14px,2.4vw,22px) 0;padding:13px 16px;font-size:.86rem;line-height:1.5}.deletion-banner strong{color:var(--warning-strong)}.join-page>.deletion-banner{width:min(100%,520px);margin:0}.error-banner{border:1px solid var(--err-banner-border);color:var(--error-text);background:var(--err-banner-bg);text-align:center;border-radius:12px;flex-shrink:0;margin:14px clamp(14px,2.4vw,22px) 0;padding:12px 16px;font-size:.85rem;line-height:1.45}.participant-list{margin:0;padding:0;list-style:none}.participant-row{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:13px 15px;display:flex}.participant-row:last-child{border-bottom:none}.participant-row.is-speaking{background:var(--surface-soft)}.avatar{width:38px;height:38px;color:var(--on-accent);background:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:700;display:grid}.avatar.is-empty{border:1px dashed var(--border-strong);background:0 0}.participant-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.participant-meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.participant-sub{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.participant-state{color:var(--text-faint);align-items:center;gap:5px;font-size:.74rem;display:inline-flex}.participant-state.is-sharing{color:var(--accent-text)}.connection-status{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:6px;font-size:.74rem;display:inline-flex}.connection-status i{background:var(--online);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #4ddba424}.connection-status.status-connecting i{background:var(--warning-text)}.connection-status.status-disconnected i,.connection-status.status-failed i{background:var(--error-text)}.seat-invite{color:var(--accent-text);text-underline-offset:2px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.74rem;text-decoration:underline}.participant-row.is-empty{opacity:.75}.voice-meter{flex-shrink:0;align-items:center;gap:2px;height:26px;display:flex}.voice-meter i{background:var(--accent);opacity:.85;border-radius:2px;width:3px;height:100%;transition:transform 80ms linear;display:block}.participant-mic{color:var(--text-muted);flex-shrink:0;display:inline-flex}.participant-mic.is-off{color:var(--error-text)}.presentation{background:#000;flex:1;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.presentation video{object-fit:contain;width:100%;height:100%;max-height:100%}.presentation>span{color:#e6eaf0;background:#0c0e12b8;border:1px solid #ffffff24;border-radius:8px;padding:5px 11px;font-size:.74rem;font-weight:600;position:absolute;bottom:10px;left:12px}.fullscreen-button{color:#e6eaf0;opacity:0;background:#0c0e1299;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:36px;height:36px;transition:opacity .16s,background .16s;display:grid;position:absolute;top:10px;right:10px}.presentation:hover .fullscreen-button,.fullscreen-button:focus-visible,.fullscreen-button[aria-pressed=true]{opacity:1}.fullscreen-button:hover{background:#0c0e12d9}.control-icon{display:inline-flex;position:relative}.unread-count{min-width:17px;height:17px;color:var(--on-accent);background:var(--accent);border-radius:999px;place-items:center;padding:0 4px;font-size:.62rem;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;top:-7px;right:-9px}.leave-button:hover:not(:disabled){border-color:var(--err-banner-border);color:var(--error-text);background:var(--err-banner-bg)}.chat-panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:min(350px,46vw);display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.chat-header>div{flex-direction:column;min-width:0;display:flex}.chat-header strong{color:var(--text);font-size:.88rem}.chat-header span{color:var(--text-faint);font-size:.72rem}.chat-header button{width:30px;height:30px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.chat-header button:hover{border-color:var(--border);color:var(--text);background:var(--surface-soft)}.message-list{flex-direction:column;flex:1;gap:13px;min-height:0;padding:15px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-faint);text-align:center;margin:auto 0;font-size:.8rem}.load-messages-button{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:999px;align-self:center;padding:5px 12px;font-size:.74rem}.load-messages-button:hover:not(:disabled){color:var(--text);background:var(--surface-soft)}.chat-message{border-left:2px solid var(--border-strong);padding-left:11px}.chat-message.is-self{border-left-color:var(--accent)}.message-meta{align-items:baseline;gap:8px;display:flex}.message-meta strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.chat-message.is-self .message-meta strong{color:var(--accent-text)}.message-meta time{color:var(--text-faint);white-space:nowrap;font-size:.7rem}.chat-message>p{color:var(--text);overflow-wrap:anywhere;margin:3px 0 0;font-size:.87rem;line-height:1.5}.chat-composer{border-top:1px solid var(--border);flex-shrink:0;padding:12px}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-row textarea{border:1px solid var(--border-input);min-height:40px;max-height:120px;color:var(--text);background:var(--surface-input);font:inherit;resize:none;border-radius:9px;outline:none;flex:1;padding:10px 12px;font-size:.87rem}.composer-row textarea:focus{border-color:var(--accent-text)}.composer-row button{width:40px;height:40px;color:var(--on-accent);background:var(--accent);border:0;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.composer-row button:hover:not(:disabled){background:var(--accent-soft)}.composer-row button:disabled{opacity:.45;cursor:not-allowed}.composer-hint{color:var(--text-faint);text-align:center;margin-top:7px;font-size:.68rem;display:block}.chat-error{color:var(--error-text);margin:0 2px 8px;font-size:.7rem;line-height:1.4}audio{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(6px)}}@keyframes avatar-pop{0%{transform:scale(.7)}62%{transform:scale(1.06)}}@keyframes pulse-soft{50%{opacity:.55}}@keyframes badge-pop{0%{transform:scale(.5)}64%{transform:scale(1.14)}}@keyframes nudge{50%{transform:translateY(-2px)}}.primary-button:active:not(:disabled){transform:translateY(0)scale(.98)}.small-button,.danger-button,.rail-button{transition:transform .14s,border-color .16s,color .16s,background .16s}.small-button:active:not(:disabled),.danger-button:active:not(:disabled){transform:scale(.96)}.rail-button:active:not(:disabled){transform:scale(.95)}.unread-count{animation:.26s cubic-bezier(.22,1.2,.36,1) badge-pop}.small-button.is-copied{color:var(--accent-text);border-color:#2f6ba8;animation:.32s ease-out avatar-pop}.copy-link-button{min-width:112px}.room-row{transition:border-color .16s,transform .16s,background .16s;animation:.32s ease-out both rise-in}.room-row:hover:not(.is-deleting){transform:translateY(-2px)}.room-row.room-row-skeleton:hover{transform:none}.room-row:nth-child(2){animation-delay:60ms}.room-row:nth-child(3){animation-delay:.12s}.empty-dashboard{animation:.34s ease-out both rise-in}.modal-overlay{animation:.16s ease-out rise-in}.modal-card{animation:.22s cubic-bezier(.2,.8,.3,1) pop-in}.setting-toggle:active .setting-switch:after{width:21px}.setting-switch:after{transition:transform .16s,background .16s,width .16s}.landing-feature,.landing-preview-row{transition:transform .2s,border-color .2s}.landing-feature:hover{transform:translateY(-3px)}.landing-preview-row:hover{border-color:var(--border-strong);transform:translate(4px)}.landing-brand:hover .brand-mark,.wordmark:hover{color:var(--accent-text)}.brand-mark,.wordmark{transition:color .18s}.participant-row{transition:background .16s;animation:.24s ease-out rise-in}.participant-row .avatar{animation:.38s cubic-bezier(.2,.8,.3,1) avatar-pop}.connection-status.status-connecting i{animation:1.4s ease-in-out infinite pulse-soft}.deletion-banner,.deleting-label{animation:2s ease-in-out infinite pulse-soft}.error-banner{animation:.22s ease-out rise-in}.leave-button svg{transition:transform .16s}.leave-button:hover svg{transform:translate(2px)}@media (width<=940px){.landing-hero,.landing-features{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.notice-card{border-radius:22px}.landing-footer{flex-direction:column;align-items:stretch}.brand-mark{margin-bottom:40px}.dashboard-page{padding-left:14px;padding-right:14px}.audio-device-grid{grid-template-columns:minmax(0,1fr)}.meeting-audio-settings-body .audio-device-section{padding-left:18px;padding-right:18px}.dashboard-toolbar,.room-row{flex-direction:column;align-items:stretch}.dashboard-toolbar{gap:18px}.room-tabs{width:100%;display:flex}.room-tab{flex:1;justify-content:center}.dashboard-identity{gap:12px}dialog.modal-overlay{background:var(--overlay);align-items:flex-end;padding:0}.modal-card{width:100%;max-height:min(92dvh,760px);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-left:0;border-right:0;border-radius:20px 20px 0 0}.modal-head{padding:18px 18px 16px}.modal-name-form{padding:17px 18px 19px}.setting-toggle{padding-left:18px;padding-right:18px}.modal-footer{padding:11px 18px}.room-actions{grid-template-columns:1fr 1fr;display:grid}.room-details-skeleton{width:min(72%,290px)}.room-actions-skeleton .skeleton-room-action{width:100%}.room-actions-skeleton .skeleton-delete-action,.room-actions .danger-button,.room-actions .remove-joined-button{grid-column:1/-1}.join-page{padding-left:14px;padding-right:14px}.presentation{min-height:180px}.room-columns{padding:12px}}@media (width<=760px){.room-page{flex-direction:column-reverse}.control-rail{width:100%;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border);flex-direction:row;gap:2px}.control-rail>*{flex:1;min-width:0}.rail-button{padding:9px 2px}.rail-spacer{display:none}.chat-panel{z-index:30;width:100%;min-width:0;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;position:fixed;inset:0}.chat-header{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left))}.chat-composer{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}}@media (hover:none){.room-name-button svg{opacity:.85}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.voice-meter i{transform:none!important}}