:root{color-scheme:dark;--bg-base: #0a0a0b;--bg-base-2: #0d0e10;--gallery-frame: #0b0c0e;--menu-shell: #0e0c10;--controlbar-bg: #0a0a0c;--surface: #16171a;--surface-2: #1a1c20;--surface-raised: #1f2024;--hairline: rgba(255,255,255,.07);--hairline-strong:rgba(255,255,255,.1);--fill-weak: rgba(255,255,255,.04);--fill-base: rgba(255,255,255,.06);--fill-strong: rgba(255,255,255,.08);--fill-bright: rgba(255,255,255,.1);--text-dim: rgba(255,255,255,.62);--text-soft: rgba(255,255,255,.75);--text-strong: rgba(255,255,255,.88);--popover-bg: linear-gradient(180deg, var(--surface-raised), var(--surface));--graphite-gradient: linear-gradient(160deg, #202124, #17181b);--hero-gradient: linear-gradient(165deg, #16181b, #0b0c0e 80%);--hero-gradient-live: linear-gradient(165deg, #123021, #0b140e 78%);--hero-bloom-live: radial-gradient(58% 80% at 82% 24%, rgba(52,199,89,.3), transparent 68%);--mix-base: #0c0c0e;--glass-chip: rgba(8,10,12,.68);--glass-name: rgba(8,10,12,.55);--glass-panel: rgba(20,22,24,.92);--glass-panel-strong: rgba(20,22,24,.94);--glass-filmstrip: rgba(15,16,19,.72);--cta-live-bg: #34c759;--cta-live-ink: #06280f;--cta-live-shadow: 0 6px 22px -6px rgba(52,199,89,.6);--live-soft: #5fe084;--live-face-bg: #274031;--live-face-ring: #0e1a12;--live-face-ink: #9fe6b4;--text-primary: #F5F6F7;--text-muted: #8fa6b8;--text-faint: rgba(255,255,255,.45);--plum: #f06cc9;--plum-light: #f7b6dd;--plum-lilac: #d6b8f0;--plum-bloom: rgba(230,200,255,.16);--plum-tint-bg: #241019;--live: #34c759;--live-bright: #7ff0a3;--live-bg: #062b12;--live-tint: rgba(127,240,163,.18);--danger: #ff6b5e;--danger-tint-06: rgba(255,107,94,.06);--danger-tint-12: rgba(255,107,94,.12);--danger-tint-16: rgba(255,107,94,.16);--danger-tint-25: rgba(255,107,94,.25);--share-region-outline: #ffff00;--danger-solid: #c3222e;--danger-solid-hover: #a01822;--warning: #e8b84b;--warning-bg: #3a2f10;--id-plum: #f06cc9;--id-blue: #6e8bff;--id-green: #7ff0a3;--id-amber: #e8b84b;--id-lilac: #d6b8f0;--id-slate: #8fa6b8;--font-display: "Manrope", -apple-system, system-ui, sans-serif;--font-ui: "Albert Sans", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-hero: 28px;--text-body: 14px;--text-label: 13.5px;--text-caption: 12.5px;--text-micro: 12px;--weight-btn: 700;--radius-pill: 999px;--radius-card: 16px;--radius-tile: 16px;--radius-chip: 8px;--radius-shell: 24px;--radius-menu: 20px;--radius-popover: 14px;--radius-control: 12px;--radius-input: 10px;--radius-badge: 5px;--radius-check: 4px;--shadow-float: 0 18px 48px -22px rgba(0,0,0,.78);--shadow-panel: 0 30px 80px -28px rgba(0,0,0,.86);--shadow-pill: 0 10px 26px -10px rgba(0,0,0,.7);--shadow-inset-hairline: inset 0 0 0 1px var(--hairline);--shadow-menu: 0 40px 90px -30px rgba(0,0,0,.6);--shadow-tooltip: 0 10px 28px rgba(0,0,0,.28);--control-size: 44px;--control-size-compact: 32px;--menubar-max-height: 24px;--motion-feedback: .12s;--motion-exit: .12s;--motion-enter: .18s;--motion-layout: .22s;--motion-distance: 4px;--motion-tooltip-delay: .55s;--motion-fast: var(--motion-feedback);--motion-base: var(--motion-enter);--share-border-sweep-duration: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--press-scale: .96}@media(prefers-reduced-motion:reduce){:root{--motion-feedback: 0ms;--motion-exit: 0ms;--motion-enter: 0ms;--motion-layout: 0ms;--motion-distance: 0px;--motion-tooltip-delay: 0ms;--motion-fast: 0ms;--motion-base: 0ms;--share-border-sweep-duration: 0ms;--press-scale: 1}}.meeting-split{display:inline-flex;align-items:stretch;flex:0 0 auto;min-height:var(--meeting-split-height, var(--control-size));border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--fill-strong);overflow:hidden}.meeting-split>.control-button,.meeting-split>.meeting-split-primary{border-radius:0;box-shadow:none}.meeting-split>.control-button:not(:disabled),.meeting-split>.meeting-split-primary:not(:disabled){background:transparent}.meeting-split>.control-button:hover:not(:disabled),.meeting-split>.control-button:focus-visible,.meeting-split>.meeting-split-primary:hover:not(:disabled),.meeting-split>.meeting-split-primary:focus-visible{background:var(--fill-strong);opacity:1}.meeting-split>.control-button:active:not(:disabled),.meeting-split>.meeting-split-primary:active:not(:disabled){background:var(--fill-bright)}.meeting-split>.control-button:first-child,.meeting-split>.meeting-split-primary:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.meeting-split-options{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--meeting-split-options-width, 24px);min-width:var(--meeting-split-options-width, 24px);min-height:var(--meeting-split-height, var(--control-size));margin:0;padding:0;border:0;border-left:1px solid var(--hairline);background:transparent;color:var(--text-dim);cursor:pointer;transition:background-color var(--motion-feedback) var(--ease-standard),color var(--motion-feedback) var(--ease-standard)}.meeting-split-options:hover,.meeting-split-options:focus-visible{background:var(--fill-strong);color:var(--text-strong)}.meeting-split-options[aria-expanded=true]{background:var(--fill-bright);color:var(--text-strong)}.meeting-split-options:focus-visible{outline:2px solid var(--id-blue);outline-offset:-2px}.meeting-split-options:active{background:var(--fill-strong)}.meeting-split-options svg{width:13px;height:13px;transition:transform var(--motion-feedback) var(--ease-standard)}.meeting-split-options[aria-expanded=true] svg{transform:rotate(180deg)}.meeting-control-label{display:block;max-width:92px;margin-top:6px;color:var(--text-soft);font:600 var(--text-micro) / 1.15 var(--font-ui);text-align:center;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty}.meeting-menu{display:flex;flex-direction:column;gap:2px;min-width:188px;max-width:min(280px,calc(100vw - 16px));max-height:min(360px,calc(100vh - 16px));box-sizing:border-box;overflow-y:auto;padding:6px;border:1px solid var(--hairline-strong);border-radius:var(--radius-popover);background:var(--popover-bg);box-shadow:var(--shadow-panel);overscroll-behavior:contain}.meeting-menu-section{display:flex;flex-direction:column;gap:2px;padding:4px 0}.meeting-menu-section+.meeting-menu-section{border-top:1px solid var(--hairline)}.meeting-menu-section-label{padding:5px 10px 4px;color:var(--text-dim);font:700 10px / 1.1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase}.meeting-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;box-sizing:border-box;padding:7px 10px;border:0;border-radius:var(--radius-chip);background:transparent;color:var(--text-strong);font:600 var(--text-micro) / 1.2 var(--font-ui);text-align:left;cursor:pointer;transition:background-color var(--motion-feedback) var(--ease-standard),color var(--motion-feedback) var(--ease-standard)}.meeting-menu-row:hover,.meeting-menu-row:focus-visible,.meeting-menu-row[aria-selected=true]{background:var(--fill-strong);color:var(--text-primary)}.meeting-menu-row:focus-visible{outline:2px solid var(--id-blue);outline-offset:-2px}.meeting-menu-row:disabled{color:var(--text-faint);cursor:not-allowed}.meeting-menu-row-copy{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}.meeting-menu-row-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;color:var(--id-blue)}.meeting-menu-status{margin:4px 10px 6px;color:var(--text-soft);font:500 var(--text-micro) / 1.3 var(--font-ui);overflow-wrap:anywhere;text-wrap:pretty}.meeting-menu-status[role=alert]{color:var(--danger)}@media(prefers-reduced-motion:reduce){.meeting-split-options,.meeting-split-options svg,.meeting-menu-row{transition:none}}@font-face{font-family:Manrope;src:url(/assets/manrope-variable-C46ZzDBF.woff2) format("woff2-variations"),url(/assets/manrope-variable-C46ZzDBF.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Albert Sans;src:url(/assets/albert-sans-variable-BifFJOWk.woff2) format("woff2-variations"),url(/assets/albert-sans-variable-BifFJOWk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-variable-Db4Uuiha.woff2) format("woff2-variations"),url(/assets/jetbrains-mono-variable-Db4Uuiha.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font:400 var(--text-body) / 1.45 var(--font-ui);-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.join-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg-base)}.join-card{width:min(380px,calc(100vw - 32px));max-width:100%;min-height:min(580px,calc(100vh - 64px));max-height:calc(100vh - 32px);overflow:auto;overscroll-behavior:contain;background:var(--menu-shell);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 40px 90px -30px #0009;display:flex;flex-direction:column}.connecting-card{align-items:center;justify-content:center;gap:14px;padding:32px 24px;text-align:center}.connecting-spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--text-primary);animation:connecting-spin .9s linear infinite}.connecting-title{margin:0;font:700 19px var(--font-display);color:var(--text-primary);overflow-wrap:anywhere;max-width:100%}.connecting-status{margin:0;font:400 var(--text-caption) / 1.45 var(--font-ui);color:var(--text-dim);overflow-wrap:anywhere;max-width:100%}@keyframes connecting-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.connecting-spinner{animation:none;border-top-color:#ffffff24}}.home-topbar{flex-shrink:0;height:52px;padding:6px 16px;display:flex;align-items:center;gap:10px}.brand-cluster{display:inline-flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.petal-logo{display:block;color:var(--text-primary);flex-shrink:0}.wordmark{display:inline-block;margin:0;font-family:"Fredoka",var(--font-display);font-size:16px;font-weight:600;line-height:1;letter-spacing:0;color:var(--text-primary);-webkit-font-smoothing:antialiased}.profile-avatar-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;cursor:pointer;flex-shrink:0;transition:background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.profile-avatar-button:hover,.profile-avatar-button[aria-expanded=true]{background:#ffffff12}.profile-avatar-button:active{transform:scale(var(--press-scale, .96))}.profile-avatar-button:focus-visible{outline:2px solid var(--id-blue);outline-offset:2px}.feedback-trigger{min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:#ffffff0d;color:var(--text-primary);font:600 12px var(--font-sans);white-space:nowrap;cursor:pointer}.feedback-trigger:hover:not(.blocked),.feedback-trigger:focus-visible:not(.blocked){border-color:#ffffff57;background:#ffffff1a}.feedback-trigger:focus-visible{outline:2px solid var(--id-blue);outline-offset:2px}.feedback-trigger.blocked{cursor:not-allowed;opacity:.48}.feedback-meeting-trigger:not([hidden]){display:inline-flex;align-items:center;justify-content:center}.feedback-meeting-trigger{width:32px;min-height:32px;padding:0;flex-shrink:0;color:var(--text-faint)}.feedback-meeting-trigger:hover:not(.blocked),.feedback-meeting-trigger:focus-visible:not(.blocked){color:var(--text-primary)}.feedback-meeting-cell{position:relative;display:inline-flex}.feedback-meeting-tooltip{position:absolute;right:0;top:calc(100% + 8px);z-index:8;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-chip, 8px);background:#141618eb;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff14;color:#ffffffc7;font:600 11px var(--font-ui);line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.feedback-meeting-trigger.blocked:hover~.feedback-meeting-tooltip,.feedback-meeting-trigger.blocked:focus-visible~.feedback-meeting-tooltip{opacity:1;transform:translate(0);transition-delay:var(--motion-tooltip-delay)}@media(prefers-reduced-motion:reduce){.feedback-meeting-tooltip{transition:none}}.feedback-share-reason{margin:0}.feedback-dialog{width:min(420px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 32px));padding:0;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:var(--text-primary);background:#1b1c20;box-shadow:0 22px 72px #0000008f}.feedback-dialog::backdrop{background:#00000094}.feedback-form{display:grid;gap:12px;padding:22px}.feedback-form h2,.feedback-form p{margin:0}.feedback-form h2{font:700 19px var(--font-display)}.feedback-form h2+p,.feedback-disclosure{margin-top:6px;color:var(--text-faint);font:400 12px/1.45 var(--font-sans)}.feedback-field,.feedback-consent{font:600 13px var(--font-sans)}.feedback-form textarea{width:100%;min-height:112px;resize:vertical;box-sizing:border-box;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:var(--text-primary);background:#ffffff0d;font:400 14px/1.4 var(--font-sans)}.feedback-form textarea:focus-visible{outline:2px solid var(--id-blue);outline-offset:1px}.feedback-consent{display:flex;align-items:flex-start;gap:8px;line-height:1.35}.feedback-consent input{width:16px;height:16px;margin-top:1px;flex:0 0 auto}.feedback-disclosure a{color:var(--id-blue)}.feedback-status{min-height:18px;color:var(--text-secondary);font:500 12px var(--font-sans)}.feedback-actions{display:flex;justify-content:flex-end;gap:8px}.profile-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-pill);color:var(--id-green);font:600 10px var(--font-ui);background:linear-gradient(160deg,var(--surface-2),var(--bg-base-2));flex-shrink:0}.profile-avatar:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-pill);border:1.5px solid currentColor;pointer-events:none}.profile-avatar span{line-height:1}.profile-avatar.is-empty span{display:none}.profile-avatar.is-empty:after{content:"";width:13px;height:13px;border-radius:var(--radius-pill);background:radial-gradient(circle at 50% 27%,currentColor 0 20%,transparent 21%),radial-gradient(ellipse at 50% 88%,currentColor 0 40%,transparent 41%);opacity:.64}.hero-quiet{position:relative;height:122px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex-shrink:0;background:linear-gradient(165deg,#16181b,#0b0c0e 80%)}.quiet-bloom{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 80% at 82% 24%,rgba(52,199,89,.1),transparent 70%)}.quiet-eyebrow,.quiet-title{position:relative}.quiet-eyebrow{display:inline-flex;align-items:center;gap:6px;font:500 10.5px var(--font-mono);letter-spacing:.06em;color:#fff6;margin-bottom:8px}.quiet-ring{width:7px;height:7px;border-radius:var(--radius-pill);border:1.5px solid rgba(255,255,255,.4);box-sizing:border-box;flex-shrink:0}.quiet-title{margin:0;max-width:280px;font:600 22px var(--font-ui);line-height:1.16;color:var(--text-primary);letter-spacing:0;text-wrap:balance}.home-body{flex:1;min-height:0;padding:16px 16px 0;display:flex;flex-direction:column}.join-sub{margin:0 0 10px;font-size:var(--text-caption);color:var(--text-faint)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font:600 var(--text-micro) var(--font-ui);color:var(--text-faint);text-transform:none}input[type=text]{width:100%;height:44px;padding:0 12px;font:500 14px var(--font-ui);color:var(--text-primary);background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:13px;outline:none;transition:border-color var(--motion-fast) var(--ease-standard)}.profile-name-field{min-width:0}.profile-color-picker{position:relative;display:flex;align-items:center;min-width:0}.color-bubble{width:30px;height:30px;flex:0 0 auto;padding:0;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:var(--swatch-color);cursor:pointer;box-shadow:0 0 0 3px #ffffff1f;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.color-bubble:hover,.color-bubble:focus-visible{box-shadow:0 0 0 4px #fff3}.color-bubble:active{transform:scale(var(--press-scale, .96))}.profile-color-options{position:absolute;z-index:12;inset-inline-start:0;inset-block-start:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(212px,calc(100vw - 48px),100%);max-inline-size:100%;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#202128fa;box-shadow:0 14px 30px #00000047}.profile-color-options[hidden]{display:none}.color-swatch{display:inline-flex;align-items:center;gap:7px;min-width:0;min-height:32px;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffc7;background:#ffffff0b;font:600 11px var(--font-ui);text-align:start;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.color-swatch__dot{width:14px;height:14px;flex:0 0 auto;border:1.5px solid rgba(255,255,255,.58);border-radius:var(--radius-pill);background:var(--swatch-color)}.color-swatch:hover,.color-swatch:focus-visible{border-color:#ffffffa3;background:#ffffff17}.color-swatch.selected{border-color:#ffffffd1;color:var(--text-primary);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff17}.profile-onboarding{display:grid;gap:12px;margin-bottom:14px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0e}.profile-onboarding h2{margin:0 0 4px;font:700 14px var(--font-ui);color:var(--text-primary)}.profile-onboarding p{margin:0;font:500 12px var(--font-ui);color:#ffffffa8}.profile-onboarding-actions{display:flex;justify-content:flex-end;gap:8px}.meeting-field input[type=text]{font-size:14px}input[type=text]::placeholder{color:#ffffff59}input[type=text]:focus-visible{border-color:#ffffff47}input[type=text]:disabled{opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 12px;border-radius:13px;border:none;font:600 12px var(--font-ui);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn.primary{background:var(--live);border:0;color:#06280f;box-shadow:0 6px 22px -6px #34c75999}.btn.primary:hover:not(:disabled){opacity:.92}.btn.ghost{background:transparent;color:#ffffffbf}.btn.ghost:hover:not(:disabled){color:var(--text-primary)}.btn:disabled{opacity:.45;cursor:default}.btn:active:not(:disabled){transform:scale(var(--press-scale, .96))}.btn:focus-visible,.control-button:focus-visible,.layout-mode-button:focus-visible,.recent-room__star:focus-visible,.recent-room__copy:focus-visible,.recent-room__button:focus-visible{outline:2px solid var(--id-blue);outline-offset:2px}.error{margin:0 0 8px;font-size:12px;color:var(--danger);text-wrap:pretty}.join-hint{margin:0 0 8px;font-size:12px;color:var(--text-faint);text-wrap:pretty}.meeting-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:14px}.join-submit{min-width:0;white-space:nowrap}.room-code-button{padding-inline:12px;white-space:nowrap}.desktop-prototype-link{align-self:flex-start;margin:0 0 12px;color:#ffffffb8;font:600 var(--text-micro) var(--font-ui);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.desktop-prototype-link:hover{color:var(--text-primary);border-color:var(--hairline-strong)}.recent-rooms{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;margin-top:0;padding-top:0;border-top:0;overflow:auto}.recent-rooms__header{margin:4px 0 8px;font:500 10px var(--font-mono);letter-spacing:.1em;color:#ffffff57}.recent-room{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:4px;border-radius:var(--radius-tile);transition:background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.recent-room:hover,.recent-room:focus-within{background:#ffffff0d}.recent-room:active{transform:scale(var(--press-scale, .96))}.recent-room__star,.recent-room__copy,.recent-room__button{border:0;font-family:var(--font-ui);cursor:pointer}.recent-room__star,.recent-room__copy{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-pill);color:#ffffff6b;background:transparent;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.recent-room:hover .recent-room__star,.recent-room:focus-within .recent-room__star,.recent-room__star.is-favorite{opacity:1}.recent-room:hover .recent-room__copy,.recent-room:focus-within .recent-room__copy,.recent-room__copy.copied{opacity:1}.recent-room__star:hover{color:var(--id-lilac)}.recent-room__copy:hover,.recent-room__copy.copied{color:var(--live-bright)}.recent-room__copy.copied{font:700 10px var(--font-display)}.recent-room__star.is-favorite{color:var(--id-lilac)}.recent-room__star.is-favorite svg{fill:currentColor}.recent-room__button{min-width:0;min-height:40px;padding:9px 4px;border-radius:inherit;background:transparent;color:var(--text-primary);text-align:left;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;align-items:center;transition:color var(--motion-fast) var(--ease-standard)}.recent-room__button:hover{color:#ffffffeb}.recent-room__code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px var(--font-display);color:#fffc}.recent-room__meta{color:#ffffff4d;font:500 10.5px var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums}.web-status-bar{flex-shrink:0;min-height:32px;margin-top:auto;padding:9px 16px calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 12px;text-align:center;color:#fff6;font:500 11px var(--font-mono);font-variant-numeric:tabular-nums}.web-status-bar__version{min-width:0;overflow-wrap:anywhere}.web-status-bar__download{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:8px 4px;color:#ffffff94;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px;overflow-wrap:anywhere;transition:color var(--motion-fast) var(--ease-standard),text-decoration-color var(--motion-fast) var(--ease-standard)}.web-status-bar__download:hover{color:#ffffffeb;text-decoration-color:currentColor}.web-status-bar__download:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:3px;border-radius:3px}@media(max-width:420px){.join-screen{align-items:stretch;padding:0}.join-card{width:100%;min-height:100vh;max-height:none;border-radius:0;border-inline:0}.web-status-bar{flex-direction:column;gap:2px;padding-inline:12px}}.meeting{position:relative;height:100%;display:flex;flex-direction:column;min-height:0;background:var(--bg-base-2)}.topbar{flex-shrink:0;display:flex;align-items:center;gap:12px;height:50px;padding:0 22px;border-bottom:1px solid var(--hairline);background:#ffffff04}.live-dot{display:none;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--live);flex-shrink:0}.room-title{display:inline-flex;align-items:center;gap:6px;min-width:0}.room-name{font:600 14.5px var(--font-ui);color:#ffffffeb;min-width:0;max-width:min(42vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-name.renaming{display:inline-flex;min-width:min(180px,42vw);max-width:min(280px,54vw)}.room-name-input{width:100%;min-width:0;height:28px;padding:0 8px;border:none;border-radius:var(--radius-chip);outline:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text-primary);font:600 14.5px var(--font-ui);box-sizing:border-box}.room-title-actions{display:inline-flex;align-items:center;gap:4px;width:52px;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard)}.topbar:hover .room-title-actions,.room-title:focus-within .room-title-actions{opacity:1;pointer-events:auto}.topbar:hover .elapsed,.room-title:focus-within .elapsed{opacity:1}.room-name.renaming+.room-title-actions{opacity:0;pointer-events:none}.room-title-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-chip);background:transparent;color:#ffffff9e;cursor:pointer;flex-shrink:0;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),scale var(--motion-fast) var(--ease-standard)}.room-title-action:hover,.room-title-action:focus-visible{background:#ffffff14;color:var(--text-primary)}.room-title-action:focus-visible{outline:1px solid rgba(255,255,255,.42);outline-offset:2px}.room-title-action:active{scale:var(--press-scale, .96)}.elapsed{font:500 12.5px var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0;opacity:0;color:#ffffff80;transition:opacity var(--motion-fast) var(--ease-standard)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.conn-chip{display:none;font:500 11px var(--font-mono);padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text-faint)}.conn-chip.state-connected{color:var(--live-bright);background:var(--live-tint)}.conn-chip.state-connecting{color:var(--warning);background:#e8b84b1f}.conn-chip.state-error{color:var(--danger);background:var(--danger-tint-12)}.count-chip{display:none;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-chip);background:#ffffff0f;color:#ffffffb3}.count{font:600 12px var(--font-mono)}.audio-playback-prompt{border:1px solid rgba(232,184,75,.34);border-radius:var(--radius-chip);background:#e8b84b24;color:var(--warning);font:700 12px var(--font-sans);padding:7px 11px;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.audio-playback-prompt:hover,.audio-playback-prompt:focus-visible{background:#e8b84b33;border-color:#e8b84b80;color:var(--text-primary)}.audio-playback-prompt:focus-visible{outline:1px solid rgba(232,184,75,.6);outline-offset:2px}.layout-picker{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:#ffffff09}.layout-mode-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-faint);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.layout-mode-button:hover{color:#ffffffd6}.layout-mode-button.is-active{background:#ffffff17;color:var(--text-primary)}.tiles{--tile-min: 220px;--tile-row-min: 140px;--tile-gap: 16px;--tile-pad: 20px;flex:1;min-height:0;padding:var(--tile-pad);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--tile-min)),1fr));grid-auto-rows:minmax(var(--tile-row-min),1fr);gap:var(--tile-gap);overflow:auto;align-content:start}.tiles.layout-spotlight{--spotlight-strip-height: minmax(96px, 22%);--spotlight-strip-gap: 14px;--spotlight-thumbnail-min: 132px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--spotlight-strip-height) minmax(0,1fr);grid-auto-rows:unset;gap:var(--spotlight-strip-gap);overflow:hidden;align-content:stretch}.tiles.layout-spotlight.spotlight-solo{grid-template-rows:minmax(0,1fr)}.spotlight-strip{grid-column:1;grid-row:1;min-width:0;min-height:0;display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding:1px 1px 6px}.spotlight-strip:empty{display:none}.tile{position:relative;min-width:0;min-height:var(--tile-row-min);border-radius:var(--radius-tile);overflow:hidden;background:var(--surface);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.tile.remote-window-menu-open{z-index:3;overflow:visible}.tile.is-pinnable{cursor:pointer}.tile.is-spotlight{grid-column:1;grid-row:2;width:100%;min-height:0}.tiles.layout-spotlight.spotlight-solo>.tile.is-spotlight{grid-row:1}.tile.is-speaking{border-color:color-mix(in srgb,var(--live-bright) 46%,var(--hairline));box-shadow:0 0 0 1px color-mix(in srgb,var(--live-bright) 22%,transparent),0 0 18px color-mix(in srgb,var(--live-bright) 16%,transparent)}.tile video,.tile canvas.full-range-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.tile video.full-range-source-video{opacity:0}.tile video.share-video{background:transparent}.tile canvas.share-hold-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.tile canvas.share-hold-canvas--holding{z-index:3}.tile video.video-range-source-video{filter:contrast(1.164383562)}.tile .camera-video{opacity:0;transition:opacity var(--motion-enter) var(--ease-standard)}.tile .camera-video.camera-video-ready{opacity:1}.tile canvas.full-range-canvas{pointer-events:none}.tile.stream-paused video,.tile.stream-paused canvas.full-range-canvas{filter:saturate(.75) brightness(.62)}.tile.stream-paused video.video-range-source-video{filter:contrast(1.164383562) saturate(.75) brightness(.62)}.pause-overlay{position:absolute;right:12px;bottom:12px;z-index:4;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:6px 9px;border-radius:var(--radius-pill);background:#080a0cb8;color:#ffffffd6;font:700 11px var(--font-ui);line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff17}.pause-bars{display:inline-flex;gap:2px;align-items:center;flex:0 0 auto}.pause-bars i{display:block;width:3px;height:9px;border-radius:3px;background:currentColor}.spotlight-strip>.tile.is-spotlight-thumbnail{flex:0 0 auto;width:auto;aspect-ratio:16 / 9;min-width:var(--spotlight-thumbnail-min);min-height:0;height:100%;justify-content:flex-end}.spotlight-strip>.tile.is-spotlight-thumbnail .initials{font-size:20px}.spotlight-strip>.tile.is-spotlight-thumbnail .name-chip{position:relative;left:auto;bottom:auto;flex:0 0 auto;width:max-content;max-width:calc(100% - 8px);margin:auto 4px 4px;padding:4px 8px;overflow:hidden;white-space:nowrap}.spotlight-strip>.tile.is-spotlight-thumbnail .name-chip-label{min-width:0;overflow:hidden}.telepointer-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.remote-draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.remote-draw-stroke{fill:none;stroke:var(--draw-color, var(--live-bright));stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(0,0,0,.52));transition:opacity .26s linear}.remote-draw-text{position:absolute;z-index:3;max-width:calc(100% - 12px);padding:3px 7px;border-radius:6px;background:#071018b8;font:600 16px/1.2 var(--font-ui);white-space:nowrap;overflow:visible;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.52);transition:opacity .26s linear}.remote-telepointer{--pointer-color: var(--live-bright);position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:6px;opacity:1;transition-property:opacity,filter;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform,opacity}.remote-telepointer.is-stale{opacity:.42}.remote-telepointer.is-hidden{opacity:0}.remote-telepointer.is-controlling{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--pointer-color) 64%,transparent))}.remote-telepointer__arrow{width:22px;height:22px;overflow:visible}.remote-telepointer__arrow-fill{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.remote-telepointer__arrow-fill{fill:var(--pointer-color);stroke:none}.remote-telepointer__label{max-width:180px;margin-top:2px;padding:5px 9px 4px;border-radius:var(--radius-pill);background:var(--pointer-color);background:linear-gradient(180deg,color-mix(in srgb,var(--pointer-color) 92%,#f5f6f7),var(--pointer-color));color:#0a0a0ce0;color:color-mix(in srgb,var(--pointer-color) 16%,#0c0c0e);font:700 11px/1 var(--font-ui);letter-spacing:.01em;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-telepointer__typing{display:none;align-items:center;gap:2px;height:14px;margin-top:2px;padding:0 5px;border-radius:var(--radius-pill);background:#08080ab8;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pointer-color) 36%,transparent),0 2px 8px #00000040}.remote-telepointer.is-typing .remote-telepointer__typing{display:inline-flex}.remote-telepointer__typing span{width:3px;height:3px;border-radius:var(--radius-pill);background:var(--pointer-color);animation:remote-typing-dot .78s cubic-bezier(.2,0,0,1) infinite}.remote-telepointer__typing span:nth-child(2){animation-delay:.11s}.remote-telepointer__typing span:nth-child(3){animation-delay:.22s}.remote-telepointer__ripple{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:var(--radius-pill);background:var(--pointer-color);opacity:.55;animation:remote-pointer-ripple .48s cubic-bezier(.2,0,0,1) forwards}.remote-telepointer__handshake{position:absolute;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--id-lilac) 24%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--id-lilac) 68%,transparent),0 0 28px color-mix(in srgb,var(--id-lilac) 55%,transparent);animation:remote-handshake-burst .92s cubic-bezier(.2,0,0,1) forwards}.remote-telepointer__handshake span{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:var(--radius-pill);background:var(--id-lilac);opacity:.75}.remote-telepointer__handshake span:nth-child(1){transform:translate(-9px) rotate(-18deg)}.remote-telepointer__handshake span:nth-child(2){transform:translate(9px) rotate(18deg)}@keyframes remote-pointer-ripple{0%{transform:scale(.4);opacity:.55}to{transform:scale(3.2);opacity:0}}@keyframes remote-typing-dot{0%,80%,to{transform:translateY(0);opacity:.48}35%{transform:translateY(-2px);opacity:1}}@keyframes remote-handshake-burst{0%{transform:translate(-50%,-50%) scale(.54);opacity:0}25%{opacity:1}to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@media(prefers-reduced-motion:reduce){.remote-telepointer__ripple,.remote-telepointer__typing span,.remote-telepointer__handshake{animation:none}.remote-telepointer__ripple{opacity:0}}.tile .initials{position:absolute;left:50%;top:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 32px);min-width:2.4em;min-height:2.4em;transform:translate(-50%,-50%);font:700 26px var(--font-display);line-height:1;color:var(--text-faint);letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tile.camera-off .name-chip{display:none}.tile.camera-ready .initials{opacity:0}.tile .name-chip{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 10px;border-radius:var(--radius-pill);background:#0a0a0bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 var(--text-micro) var(--font-ui);color:#ffffffe6;white-space:nowrap;overflow:hidden}.tile .name-chip-label{min-width:0;overflow:hidden;text-overflow:clip}.tile .name-chip .tag{font:600 10px var(--font-mono);color:var(--text-faint)}.tile.share-tile .name-chip .tag{color:var(--live-bright)}.tile .share-count-pill{position:absolute;top:10px;right:10px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border:none;border-radius:var(--radius-pill);background:var(--share-pill-bg, var(--live-tint));color:var(--share-pill-ink, var(--live-bright));font:700 11px var(--font-mono);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px #00000038}.tile .share-count-pill:hover:not(:disabled){filter:brightness(1.1)}.tile .share-count-pill:disabled{cursor:default}.tile.has-share-count-pill{container-type:inline-size}@container (max-width: 96px){.tile.has-share-count-pill .share-count-pill{display:none}}.remote-window-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;height:44px;min-height:44px;max-height:44px;min-width:0;padding:0 14px 0 16px;box-sizing:border-box;overflow:visible;background:var(--identity-header-bg, linear-gradient(180deg, #161618, #060607 65%, #0c0c0e));border-bottom:1px solid color-mix(in srgb,var(--identity-header-ink, #ffffff) 22%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--identity-header-ink, #ffffff) 18%,transparent);color:var(--identity-header-ink, rgba(255, 255, 255, .95));-webkit-user-select:none;user-select:none;transition-property:opacity;transition-duration:var(--motion-base);transition-timing-function:var(--ease-standard)}.remote-window-header.idle{height:4px;min-height:4px;max-height:4px;padding:0;border-bottom:0}.remote-window-header.idle>*{opacity:0;pointer-events:none;transform:translateY(-100%)}.remote-window-header__left,.remote-window-header__right,.remote-window-header__window-actions,.remote-window-header__title-cluster{display:flex;align-items:center}.remote-window-header__left{flex:1 1 auto;min-width:0;gap:14px}.remote-window-header__right{flex:0 0 auto;gap:8px;min-width:0}.remote-window-header__window-actions{flex:0 0 auto;gap:4px}.remote-window-header__icon-control.control-button{width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 82%,transparent)}.remote-window-header__icon-control.control-button:hover:not(:disabled){background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 12%,transparent);border-color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 18%,transparent);color:var(--identity-header-ink, rgba(255, 255, 255, .96))}.remote-window-header__icon-control.control-button:active:not(:disabled){background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 18%,transparent);box-shadow:inset 0 1px 2px #00000059;transform:translateY(.5px)}.remote-window-header__title-cluster{min-width:0;gap:9px}.remote-window-header__title{display:block;min-width:0;font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1;color:var(--identity-header-ink, rgba(255, 255, 255, .95));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-window-header__owner-label{color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 62%,transparent);font-weight:500}.remote-window-header__status-chip{flex:0 1 auto;height:24px;display:inline-flex;align-items:center;min-width:0;max-width:150px;padding:0 9px;border-radius:7px;background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 9%,transparent);border:1px solid color-mix(in srgb,var(--identity-header-ink, #ffffff) 16%,transparent);color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 78%,transparent);font-family:var(--font-ui);font-size:var(--text-micro);font-weight:600;line-height:1;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-window-header__status-chip[hidden],.remote-window-header__open-url.is-hidden,.remote-window-header__debug.is-hidden{display:none}.remote-window-header__status-chip.warning{color:var(--warning, #e8b84b);background:color-mix(in srgb,var(--warning, #e8b84b) 11%,transparent);border-color:color-mix(in srgb,var(--warning, #e8b84b) 24%,transparent)}.remote-window-header__status-chip.paused{color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 72%,transparent)}.remote-window-header__header-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:30px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 82%,transparent);cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;font-family:var(--font-ui);font-size:var(--text-caption);font-weight:600;line-height:1;transition-property:background-color,border-color,box-shadow,color,transform,scale;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-standard)}.remote-window-header__header-btn:hover{background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 12%,transparent);border-color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 18%,transparent);color:var(--identity-header-ink, rgba(255, 255, 255, .96))}.remote-window-header__header-btn:active{background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 18%,transparent);box-shadow:inset 0 1px 2px #00000059;transform:translateY(.5px)}.remote-window-header__mode-switcher{--segment-width: 86px;position:relative;display:flex;align-items:center;height:30px;padding:3px;border-radius:9px;background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 8%,transparent);border:1px solid color-mix(in srgb,var(--identity-header-ink, #ffffff) 14%,transparent);margin-left:2px;flex-shrink:0;box-sizing:border-box}.remote-window-header__overflow-button{display:none;position:relative;width:40px;padding:0}.remote-window-header__overflow-button:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%)}.remote-window-header__overflow-button:active:not(:disabled){scale:.96}.remote-window-header__overflow-menu{position:absolute;top:38px;right:4px;z-index:2;display:none;flex-direction:column;width:214px;max-width:calc(100cqw - 8px);padding:6px;box-sizing:border-box;border:0;border-radius:13px;background:#141417;box-shadow:0 0 0 1px #ffffff1a,0 10px 28px #00000073}.remote-window-header__overflow-menu[hidden]{display:none}.remote-window-header__overflow-item{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#f5f6f7e6;font:600 var(--text-caption) var(--font-ui);text-align:left;white-space:normal;cursor:pointer}.remote-window-header__overflow-item:hover:not(:disabled),.remote-window-header__overflow-item[aria-checked=true]{background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 12%,#141417)}.remote-window-header__overflow-item:disabled{color:#f5f6f761;cursor:not-allowed}.remote-window-header__active-indicator{position:absolute;top:3px;left:3px;width:var(--segment-width);height:24px;border-radius:6px;background:color-mix(in srgb,var(--identity-header-ink, #ffffff) 16%,transparent);border:1px solid color-mix(in srgb,var(--identity-header-ink, #ffffff) 18%,transparent);box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff12;box-sizing:border-box;transform:translate(calc(var(--active-mode-index) * var(--segment-width)));transition-property:transform;transition-duration:var(--motion-layout);transition-timing-function:var(--ease-standard)}.remote-window-header__segment{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:var(--segment-width);height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 58%,transparent);font-family:var(--font-ui);font-size:var(--text-micro);font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:color,scale;transition-duration:var(--motion-feedback);transition-timing-function:var(--ease-standard)}.remote-window-header__segment:hover:not(:disabled){color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 82%,transparent)}.remote-window-header__segment.is-active{color:var(--identity-header-ink, rgba(255, 255, 255, .98))}.remote-window-header__segment.requesting{color:var(--identity-header-ink, rgba(255, 255, 255, .98));cursor:wait}.remote-window-header__segment:disabled,.remote-window-header__header-btn:disabled{color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 38%,transparent);cursor:not-allowed}.remote-window-header__segment.is-active:disabled{color:color-mix(in srgb,var(--identity-header-ink, #ffffff) 92%,transparent)}.remote-window-header__segment.preparing{animation:remote-window-header-preparing-pulse 1.6s ease-in-out infinite}@keyframes remote-window-header-preparing-pulse{0%,to{opacity:.62}50%{opacity:1}}.remote-window-header__segment:focus-visible,.remote-window-header__header-btn:focus-visible{outline:1px solid color-mix(in srgb,var(--identity-header-ink, #ffffff) 86%,transparent);outline-offset:1px}.remote-window-header__segment:active{scale:.96}.remote-window-header__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px;width:15px;height:15px}.remote-window-header__icon svg{display:block;transform:translateY(.25px);flex-shrink:0}.remote-window-header__button-label{white-space:nowrap}.tile.has-remote-window-header{container-type:inline-size}.tile.has-remote-window-header .name-chip,.tile.has-remote-window-header .remote-control-button{display:none}.tile.has-remote-window-header video,.tile.has-remote-window-header canvas.full-range-canvas,.tile.has-remote-window-header canvas.share-hold-canvas{top:44px;height:calc(100% - 44px)}.tiles.layout-spotlight .tile:not(.is-spotlight):not(.remote-control-active).has-remote-window-header .remote-window-header{display:none}.tiles.layout-spotlight .tile:not(.is-spotlight):not(.remote-control-active).has-remote-window-header .name-chip{display:flex}.tiles.layout-spotlight .tile:not(.is-spotlight):not(.remote-control-active).has-remote-window-header video,.tiles.layout-spotlight .tile:not(.is-spotlight):not(.remote-control-active).has-remote-window-header canvas.full-range-canvas,.tiles.layout-spotlight .tile:not(.is-spotlight):not(.remote-control-active).has-remote-window-header canvas.share-hold-canvas{top:0;height:100%}@container (max-width: 720px){.remote-window-header__status-chip{display:none}}@container (max-width: 640px){.remote-window-header__debug{display:none}}@container (max-width: 560px){.remote-window-header__open-url{display:none}}@container (max-width: 470px){.remote-window-header__mode-switcher{display:none}.remote-window-header__overflow-button{display:inline-flex}.remote-window-header__overflow-menu:not([hidden]){display:flex}}@container (max-width: 300px){.remote-window-header__owner-label{display:none}.remote-window-header{gap:10px;padding-right:10px;padding-left:12px}}@media(max-width:720px){.remote-window-header__status-chip{display:none}}@media(max-width:640px){.remote-window-header__debug{display:none}}@media(max-width:560px){.remote-window-header__open-url{display:none}}@media(max-width:470px){.remote-window-header__mode-switcher{display:none}.remote-window-header__overflow-button{display:inline-flex}.remote-window-header__overflow-menu:not([hidden]){display:flex}}@media(max-width:300px){.remote-window-header__owner-label{display:none}.remote-window-header{gap:10px;padding-right:10px;padding-left:12px}}@media(prefers-reduced-motion:reduce){.remote-window-header,.remote-window-header__header-btn,.remote-window-header__segment,.remote-window-header__active-indicator,.remote-window-header__icon-control{transition:none}.remote-window-header__header-btn:active,.remote-window-header__segment:active,.remote-window-header__icon-control:active:not(:disabled){transform:none;scale:1}.remote-window-header__segment.preparing{animation:none}}.remote-control-focus-hint{position:absolute;top:16px;left:50%;z-index:6;transform:translate(-50%);max-width:min(260px,calc(100% - 32px));padding:6px 14px;border-radius:999px;background:#141418d1;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;font:600 12px/1.3 var(--font-ui);text-align:center;white-space:normal;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none}.remote-control-focus-hint.is-visible{display:block}.remote-window-stats{position:absolute;left:10px;bottom:10px;z-index:4;display:grid;gap:4px;max-width:calc(100% - 20px);padding:8px 9px;border-radius:8px;background:#0d0e10e0;color:#ffffffd1;box-shadow:inset 0 0 0 1px #2a2c30,0 10px 28px #00000057;font:700 10px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.remote-window-stats__row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;row-gap:2px}.remote-window-stats__row.is-prominent{padding-bottom:3px;margin-bottom:2px;color:#7ff0a3;box-shadow:0 1px #7ff0a32e}.remote-window-stats__label{color:#ffffff75}.remote-window-stats__value{justify-self:end;min-width:0;color:inherit}.remote-window-stats__message{color:#ffffffb8}.remote-window-stats__spark{width:100%;height:22px;margin:1px 0 2px}.remote-window-stats__spark path{fill:none;stroke:#ffffff94;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.ai-chat-panel{position:absolute;right:10px;bottom:10px;z-index:5;display:grid;gap:7px;width:min(320px,calc(100% - 20px));max-height:min(60%,340px);overflow-y:auto;padding:10px 11px;border-radius:10px;background:#0d0e10e6;color:#ffffffdb;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-bright, #7ff0a3) 26%,#2a2c30),0 12px 30px #00000061;font-family:var(--font-ui);font-size:var(--text-caption);line-height:1.35;overflow-wrap:anywhere}.ai-chat-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-chat-panel__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--live-bright, #7ff0a3) 16%,transparent);border:1px solid color-mix(in srgb,var(--live-bright, #7ff0a3) 38%,transparent);color:var(--live-bright, #7ff0a3);font-size:var(--text-micro);font-weight:700;letter-spacing:.02em;white-space:normal}.ai-chat-panel__badge-icon{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;flex-shrink:0;color:currentColor;opacity:.55}.ai-chat-panel__badge.is-live .ai-chat-panel__badge-icon{opacity:1;animation:ai-chat-panel-live-pulse 1.8s ease-in-out infinite}@keyframes ai-chat-panel-live-pulse{0%,to{opacity:.55}50%{opacity:1}}.ai-chat-panel__countdown{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro);color:#ffffff9e}.ai-chat-panel__stop{min-height:26px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--danger, #ff7d7d) 45%,transparent);border-radius:7px;background:color-mix(in srgb,var(--danger, #ff7d7d) 12%,transparent);color:var(--danger, #ff9a9a);font:700 var(--text-micro)/1.3 var(--font-ui);white-space:normal;cursor:pointer}.ai-chat-panel__stop:focus-visible{outline:2px solid var(--id-blue, #6e8bff);outline-offset:2px}.ai-chat-panel__countdown[hidden],.ai-chat-panel__stop[hidden],.ai-chat-panel__disclosure[hidden],.ai-chat-panel__transcript[hidden]{display:none}.ai-chat-panel__disclosure{margin:0;color:#ffffffb8;font-size:var(--text-micro);white-space:normal}.ai-chat-panel__status{margin:0;color:#ffffffd1;white-space:normal}.ai-chat-panel__status.is-warning{color:var(--warning, #e8b84b)}.ai-chat-panel__transcript{display:grid;gap:5px;max-height:168px;overflow-y:auto}.ai-chat-panel__turn{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:#ffffff0f}.ai-chat-panel__turn.is-assistant{background:color-mix(in srgb,var(--live-bright, #7ff0a3) 10%,rgba(255,255,255,.04))}.ai-chat-panel__turn.is-open{box-shadow:inset 0 0 0 1px #ffffff1f}.ai-chat-panel__turn-role{color:#ffffff80;font-size:var(--text-micro);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ai-chat-panel__turn-text{white-space:pre-wrap;overflow-wrap:anywhere}.ai-chat-panel__ptt{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--live-bright, #7ff0a3) 40%,transparent);background:color-mix(in srgb,var(--live-bright, #7ff0a3) 14%,transparent);color:#fff;font-family:inherit;font-size:var(--text-caption);font-weight:700;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.ai-chat-panel__ptt-label{white-space:normal;text-align:center}.ai-chat-panel__ptt.is-holding{background:color-mix(in srgb,var(--live-bright, #7ff0a3) 34%,transparent);border-color:var(--live-bright, #7ff0a3)}.ai-chat-panel__ptt:disabled{cursor:default;opacity:.55;border-color:#ffffff29;background:#ffffff0d}.ai-chat-panel__text-row{display:flex;gap:6px}.ai-chat-panel__text-input{flex:1 1 auto;min-width:0;height:30px;padding:0 8px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#fff;font-family:inherit;font-size:var(--text-caption)}.ai-chat-panel__text-input::placeholder{color:#ffffff73}.ai-chat-panel__text-input:disabled{cursor:default;opacity:.55}.ai-chat-panel__text-send{flex-shrink:0;height:30px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#fff;font-family:inherit;font-size:var(--text-caption);font-weight:700;cursor:pointer}.ai-chat-panel__text-send:hover:not(:disabled){background:#ffffff1a}.ai-chat-panel__text-send:disabled{cursor:default;opacity:.55}.remote-window-header__ai-chat.is-hidden{display:none}.remote-window-header__ai-chat.is-active{color:var(--live-bright, #7ff0a3);border-color:color-mix(in srgb,var(--live-bright, #7ff0a3) 40%,transparent);background:color-mix(in srgb,var(--live-bright, #7ff0a3) 12%,transparent)}.remote-window-header__ai-chat.is-warning{color:var(--warning, #e8b84b)}.tile.share-tile.remote-control-active{border-color:color-mix(in srgb,var(--live-bright) 52%,var(--hairline));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-bright) 24%,transparent),0 0 0 1px #0000001f}.tile.share-tile.remote-control-active video,.tile.share-tile.remote-control-active canvas.full-range-canvas{cursor:crosshair}.tiles.draw-mode-active .tile[data-draw-window-id]{cursor:var(--draw-cursor, crosshair);touch-action:none}.tiles.draw-mode-active .tile[data-draw-window-id]:hover,.tiles.draw-mode-active .tile[data-draw-window-id]:focus-visible{border-color:color-mix(in srgb,var(--live-bright) 58%,var(--hairline));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-bright) 26%,transparent),0 0 0 1px #00000024}.tiles.draw-mode-active .tile[data-draw-window-id] video,.tiles.draw-mode-active .tile[data-draw-window-id] canvas.full-range-canvas{cursor:var(--draw-cursor, crosshair)}.remote-control-button{position:absolute;right:10px;top:10px;z-index:3;height:26px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline-strong);background:#0a0a0bc2;color:#ffffffd6;font:700 10px var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.remote-control-button:hover{background:#121214e0;color:#fffffff5}.remote-control-button.is-active{border-color:color-mix(in srgb,var(--live-bright) 46%,transparent);background:var(--live-tint);color:var(--live-bright)}.remote-control-button:focus-visible{outline:2px solid var(--id-blue);outline-offset:2px}.local-echo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.local-echo-ripple{position:absolute;width:36px;height:36px;margin-left:-18px;margin-top:-18px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--id-blue) 55%,transparent),transparent 70%);border:1.5px solid color-mix(in srgb,var(--id-blue) 75%,transparent);transform:scale(.35);opacity:.85;animation:petal-local-echo-ripple .15s ease-out forwards}@keyframes petal-local-echo-ripple{0%{transform:scale(.35);opacity:.85}to{transform:scale(1.15);opacity:0}}.local-echo-key-flash{position:absolute;top:14px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--id-blue);box-shadow:0 0 10px 2px color-mix(in srgb,var(--id-blue) 60%,transparent);animation:petal-local-echo-keyflash .15s ease-out forwards}@keyframes petal-local-echo-keyflash{0%{transform:scale(.6);opacity:.95}to{transform:scale(1.6);opacity:0}}.local-echo-text{position:absolute;left:50%;top:60%;max-width:min(60vw,420px);padding:6px 10px;border-radius:8px;border:1px dashed rgba(255,255,255,.45);background:#1418206b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd1;font:500 13px var(--font-mono);transform:translate(-50%,-110%)}.local-echo-text-chars{display:block;white-space:pre-wrap;overflow-wrap:break-word}.local-echo-text-badge{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;background:#ffffff24;color:#ffffffa6;font:600 9px var(--font-ui);text-transform:uppercase;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.local-echo-ripple,.local-echo-key-flash{animation-duration:1ms}}.tile .audio-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--live-bright);flex-shrink:0}.tile .audio-dot.hidden{display:none}.controlbar{position:relative;z-index:6;flex-shrink:0;display:flex;align-items:flex-start;gap:8px;padding:12px 18px;border-top:1px solid var(--hairline);background:var(--bg-base);flex-wrap:nowrap}.controls-left{display:flex;align-items:flex-start;gap:8px;min-width:0;flex-wrap:nowrap}.control-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0}.meeting-control-label.on{color:var(--text-strong)}.devices-menu{position:fixed;left:0;top:0;z-index:21;visibility:hidden}.devices-menu.placed{visibility:visible}.device-picker{display:flex;flex-direction:column;gap:12px;width:min(280px,calc(100vw - 24px));box-sizing:border-box;padding:12px;border-radius:var(--radius-popover, 14px);background:linear-gradient(180deg,var(--surface, #1c1e21),var(--bg-base, #121416));border:1px solid var(--hairline-strong, rgba(255, 255, 255, .12));box-shadow:var(--shadow-pill, 0 12px 32px rgba(0, 0, 0, .35));color:var(--text-strong, rgba(255, 255, 255, .92))}.device-picker-title{margin:0;font:600 13px var(--font-ui);color:var(--text-strong, rgba(255, 255, 255, .92))}.device-field{display:flex;flex-direction:column;gap:4px;min-width:0}.device-field-label{font:500 11px var(--font-ui);color:var(--text-soft, rgba(255, 255, 255, .62))}.device-option-list{display:flex;flex-direction:column;gap:2px;min-width:0;max-height:220px;overflow-y:auto}.device-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 10px;border:none;border-radius:var(--radius-chip, 8px);background:transparent;color:var(--text-primary, #ededef);font:500 13px var(--font-ui);text-align:left;cursor:pointer}.device-option>span:first-child{min-width:0;overflow-wrap:anywhere;white-space:normal}.device-option-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;color:var(--id-blue)}.device-option-check svg{width:16px;height:16px}.device-option.selected,.device-option:hover,.device-option:focus-visible{background:#ffffff14}.device-note{margin:0;font:500 12px var(--font-ui);color:var(--text-soft, rgba(255, 255, 255, .62))}.device-note.error{color:var(--danger)}.device-status:empty{display:none}.control-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:8;max-width:148px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-chip, 8px);background:#141618eb;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff14;color:#ffffffc7;font:600 11px var(--font-ui);line-height:1.2;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.control-tooltip.on{color:#ffffffeb}#ctl-draw-label{white-space:normal;overflow-wrap:anywhere}.invite-control-tooltip{width:min(220px,calc(100vw - 24px));box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;transform:translate(calc(-50% + var(--invite-tooltip-shift, 0px)),4px)}.control-cell:hover .control-tooltip,.control-cell:focus-within .control-tooltip{opacity:1;transform:translate(-50%);transition-delay:var(--motion-tooltip-delay)}.control-cell:hover .invite-control-tooltip,.control-cell:focus-within .invite-control-tooltip{transform:translate(calc(-50% + var(--invite-tooltip-shift, 0px)))}@media(prefers-reduced-motion:reduce){.control-tooltip{transition:none}}.leave-cell{margin-left:auto}.control-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-pill);border:none;padding:0;background:#ffffff12;color:#ffffffe0;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard);flex-shrink:0;overflow:hidden}.control-button:hover:not(:disabled){opacity:.88}.control-button:active:not(:disabled){opacity:.8}.control-button:disabled{background:#ffffff09;color:#ffffff40;cursor:default}.control-button.draw-active{background:var(--fill-bright);color:var(--text-primary);box-shadow:var(--shadow-inset-hairline)}.control-button.live{background:var(--control-live-bg, var(--live-tint));color:var(--control-live-fg, var(--live-bright))}.control-button.danger{background:var(--danger-tint-16);color:var(--danger)}#ctl-leave,.control-button.leave-subtle{background:#ffffff12;color:#ffffffe0}#ctl-leave svg,.control-button.leave-subtle svg{opacity:.72}.control-button .slash{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--motion-base) var(--ease-standard)}.control-button.slashed .slash{stroke-dashoffset:0}.network-panel{border:1px solid var(--hairline);border-radius:var(--radius-chip);background:#ffffff05}.network-panel summary{padding:8px 10px;font:600 var(--text-caption) var(--font-ui);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.network-diagnostics-rows{display:grid;gap:1px;padding:0 10px 12px}.network-empty{margin:0;color:var(--text-faint);font:600 var(--text-micro) var(--font-ui)}.network-row{min-width:0;display:grid;gap:8px;padding:10px 0;border-top:1px solid var(--hairline)}.network-row:first-child{border-top:0}.network-row-head,.network-band-main,.network-metrics{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.network-row-head strong{color:#ffffffe6;font:800 12px var(--font-ui)}.network-row-head span,.network-band-main span{color:var(--text-faint);font:600 10.5px var(--font-ui);overflow-wrap:anywhere}.network-band{display:grid;gap:6px;min-width:0;padding:8px 9px;border-radius:var(--radius-chip);background:#ffffff09;box-shadow:var(--shadow-inset-hairline)}.network-band-main strong{color:#ffffffd1;font:800 11px var(--font-ui)}.network-row.state-live .network-band-main strong{color:var(--live-bright)}.network-row.state-idle .network-band-main strong,.network-row.state-occluded .network-band-main strong{color:var(--warning)}.network-row.state-wedged .network-band-main strong{color:var(--danger)}.network-metrics{font:600 10px var(--font-ui);color:var(--text-faint)}.network-metrics span{overflow-wrap:anywhere}.network-metrics b{color:#ffffffc7;font:700 10px var(--font-mono);font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);max-width:min(360px,calc(100vw - 48px));overflow-wrap:anywhere;white-space:pre-line;z-index:50}.dev-panel{flex-shrink:0;border-top:1px solid var(--hairline);background:var(--bg-base);max-height:45vh;overflow-y:auto}.dev-panel summary{padding:8px 24px;font:600 var(--text-micro) var(--font-mono);color:var(--text-faint);cursor:pointer;-webkit-user-select:none;user-select:none}.dev-body{padding:4px 24px 20px;display:flex;flex-direction:column;gap:18px}.dev-section h3{margin:0 0 8px;font:600 var(--text-caption) var(--font-ui);color:var(--text-muted)}.hint{margin:0 0 10px;font-size:var(--text-micro);color:var(--text-faint)}code{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-muted);background:var(--surface);border-radius:4px;padding:1px 5px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.dev-key{font:500 var(--text-micro) var(--font-mono);color:var(--text-faint);min-width:96px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:var(--text-caption);color:var(--text-muted)}.device-row{display:grid;grid-template-columns:minmax(96px,max-content) minmax(180px,1fr);align-items:center;gap:10px;margin-bottom:8px}.device-row.hidden{display:none}.state{font-family:var(--font-mono);font-size:var(--text-micro);padding:3px 10px;border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text-faint)}.state-on{background:var(--live-tint);color:var(--live-bright)}.state-error{background:var(--danger-tint-12);color:var(--danger)}canvas#test-canvas{display:block;margin-top:12px;width:100%;max-width:420px;height:auto;border:1px solid var(--hairline-strong);border-radius:var(--radius-chip);background:#000}canvas#test-canvas.p613-presentation-source{width:640px;height:360px;max-width:none;object-fit:fill}.session-log{font-family:var(--font-mono);font-size:var(--text-micro);max-height:200px;overflow-y:auto;border:1px solid var(--hairline);border-radius:var(--radius-chip);padding:8px 10px;background:var(--surface);color:var(--text-muted)}.session-log .log-line{padding:3px 0;border-bottom:1px solid var(--hairline);display:flex;gap:8px}.session-log .log-line:last-child{border-bottom:none}.session-log .log-time{color:var(--text-faint);flex-shrink:0}.session-log .log-kind-error{color:var(--danger)}.session-log .log-kind-warn{color:var(--warning)}.session-log .log-kind-ok{color:var(--live-bright)}@media(max-width:1024px){.tiles{--tile-min: 190px;--tile-row-min: 132px;--tile-gap: 14px;--tile-pad: 16px}.tiles.layout-spotlight{--spotlight-strip-height: minmax(92px, 22%);--spotlight-thumbnail-min: 124px}.tile .initials{font-size:24px}}@media(max-width:760px){.join-actions{grid-template-columns:1fr}.topbar{padding-inline:14px}.tiles{--tile-min: 170px;--tile-row-min: 128px;--tile-gap: 12px;--tile-pad: 14px}.layout-picker{order:-1}.tiles.layout-spotlight{--spotlight-strip-height: min(72px, 16%);--spotlight-strip-gap: 8px;--spotlight-thumbnail-min: 112px}.tile .initials{font-size:23px}.tile .name-chip{left:8px;bottom:8px;max-width:calc(100% - 16px)}}@media(max-width:560px){.topbar{height:auto;min-height:50px;flex-wrap:wrap;row-gap:7px;padding-block:8px}.room-title{flex:1 1 150px}.topbar-right{margin-left:0;gap:6px}.tiles{--tile-min: 0px;--tile-row-min: 176px;--tile-gap: 10px;--tile-pad: 12px;grid-template-columns:minmax(0,1fr)}.tiles.layout-spotlight{--spotlight-strip-height: min(64px, 16%);--spotlight-strip-gap: 6px;--spotlight-thumbnail-min: 104px}.controlbar{justify-content:center;padding:12px}}@media(max-height:700px){.tiles.layout-spotlight{--spotlight-strip-height: min(72px, 16%);--spotlight-strip-gap: 6px}}@media(max-width:420px){.topbar{column-gap:8px;padding-inline:10px}.elapsed{font-size:11px}.conn-chip,.count-chip{padding-inline:8px}.tiles{--tile-row-min: 152px;--tile-gap: 9px;--tile-pad: 10px}.tile .initials{font-size:22px}.tile .name-chip{gap:5px;padding:4px 8px}}.pill.svelte-bhvuyn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 12px 0 9px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--surface),var(--bg-base));border:none;box-shadow:var(--shadow-pill);color:var(--text-primary);box-sizing:border-box}.pill.vertical.svelte-bhvuyn{flex-direction:column;height:auto;width:46px;padding:9px 0 12px}.pill.large.svelte-bhvuyn{gap:11.25px;height:58px;padding:0 15px}.pill.auto-height.svelte-bhvuyn{height:auto;min-height:46px}.pill.large.vertical.svelte-bhvuyn{width:58px;height:auto;padding:11.25px 0 15px}.pill.padded.svelte-bhvuyn{gap:10px;padding:0 16px}.pill.padded.auto-height.svelte-bhvuyn{padding-top:9px;padding-bottom:9px}.pill.attach.svelte-bhvuyn{height:100%;width:100%;padding:4px 6px;gap:6px;background:linear-gradient(180deg,#161618,#060607);border-radius:12px 12px 0 0;box-shadow:inset 0 0 0 1px #fff3,inset 1px 0 #ffffff17,inset -1px 0 #ffffff17,inset 0 1px #ffffff12,0 5px 16px #0000004d}.pill.attach-top.svelte-bhvuyn{width:100%;border-radius:0 0 12px 12px;box-shadow:inset 0 0 0 1px #fff3,inset 1px 0 #ffffff17,inset -1px 0 #ffffff17,inset 0 -1px #ffffff12,0 5px 16px #0000004d}.icon.svelte-15ovhct{display:inline-flex;align-items:center;justify-content:center;color:var(--text-soft);flex-shrink:0}.icon.live.svelte-15ovhct{color:var(--live-bright)}.icon.warning.svelte-15ovhct{color:var(--warning)}.message.svelte-15ovhct{font:500 var(--text-caption) var(--font-ui);line-height:1.35;color:var(--text-strong);flex:1 1 auto;min-width:0;max-width:min(360px,calc(100vw - 64px));overflow-wrap:anywhere;text-wrap:pretty;white-space:pre-line}.action.svelte-15ovhct{position:relative;font:600 var(--text-caption) var(--font-ui);color:var(--text-strong);background:var(--fill-bright);border:none;border-radius:var(--radius-pill);padding:4px 10px;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.action.svelte-15ovhct:after{content:"";position:absolute;top:50%;left:0;width:100%;height:40px;transform:translateY(-50%)}.action.svelte-15ovhct:hover{background:#fff3}.action.svelte-15ovhct:active{transform:scale(var(--press-scale, .96))}.action.svelte-15ovhct:focus-visible{outline:2px solid var(--id-blue);outline-offset:2px}.dismiss.svelte-15ovhct{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-faint);cursor:pointer;flex-shrink:0;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.dismiss.svelte-15ovhct:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%)}.dismiss.svelte-15ovhct:hover{background:var(--fill-bright);color:var(--text-strong)}.dismiss.svelte-15ovhct:active{transform:scale(var(--press-scale, .96))}.dismiss.svelte-15ovhct:focus-visible{outline:2px solid var(--id-blue);outline-offset:2px}