:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f6f4ef;--panel:#fffefa;--panel-soft:#ece9e2;--border:#d8d3c9;--text:#292722;--muted:#68645b;--accent:#9a5038;--accent-soft:#f0e2d9;--on-accent:#fffefa;--online:#416b4c;--warning:#805b20;--warning-soft:#f4ecda;--danger:#a13c3c;--danger-soft:#f7e5e2;--app-padding-top:max(12px, calc(var(--tg-safe-area-inset-top,env(safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px)));--app-padding-right:max(var(--app-inline-gap,16px), calc(var(--tg-safe-area-inset-right,env(safe-area-inset-right,0px)) + var(--tg-content-safe-area-inset-right,0px)));--app-padding-bottom:max(12px, calc(var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px)));--app-padding-left:max(var(--app-inline-gap,16px), calc(var(--tg-safe-area-inset-left,env(safe-area-inset-left,0px)) + var(--tg-content-safe-area-inset-left,0px)));color:var(--text);background:var(--canvas);font-family:Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#242321;--panel:#2e2d2a;--panel-soft:#292825;--border:#49463f;--text:#f1eee7;--muted:#bab4aa;--accent:#d29b83;--accent-soft:#43332c;--on-accent:#242321;--online:#9cbea2;--warning:#dfbd7e;--warning-soft:#3b3325;--danger:#efaaa3;--danger-soft:#422d2b}:root[data-accent=sage]{--accent:#4d6a56;--accent-soft:#e2eae1}:root[data-accent=slate]{--accent:#506880;--accent-soft:#e2e8ef}:root[data-theme=dark][data-accent=sage]{--accent:#a0baa5;--accent-soft:#303c33}:root[data-theme=dark][data-accent=slate]{--accent:#a4b7cd;--accent-soft:#303944}:root[data-theme=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#000;--panel:#0d1014;--panel-soft:#080b0f;--border:#626a76;--text:#edf1f7;--muted:#aeb8c5;--accent:#d29b83;--accent-soft:#281c17;--on-accent:#000;--online:#9cbea2;--warning:#dfbd7e;--warning-soft:#241d10;--danger:#efaaa3;--danger-soft:#291715}:root[data-theme=black][data-accent=sage]{--accent:#a0baa5;--accent-soft:#15251b}:root[data-theme=black][data-accent=slate]{--accent:#a4b7cd;--accent-soft:#17212f}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button,summary{touch-action:manipulation}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(1.65rem,4vw,2.2rem);font-weight:650;line-height:1.15}h2{margin-bottom:12px;font-size:.9rem;font-weight:650}.app-shell{height:100dvh;padding:var(--app-padding-top) var(--app-padding-right) var(--app-padding-bottom) var(--app-padding-left);flex-direction:column;display:flex}.app-shell:has(>.room-workspace){grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;display:grid}.app-shell:has(>.room-workspace)>.app-topbar{width:100%}.app-topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1320px;margin:0 auto 16px;display:flex}.app-footer{flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;max-width:1320px;margin:auto auto 0;padding-top:12px;display:grid}.brand{letter-spacing:-.025em;font-size:1.05rem;font-weight:700}.brand span{color:var(--muted);font-weight:400}.appearance{z-index:3;position:relative}.appearance summary{border:1px solid var(--border);background:var(--panel);cursor:pointer;min-height:44px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;list-style:none;display:flex}.appearance summary::-webkit-details-marker{display:none}.appearance summary svg{color:var(--accent);flex-shrink:0}.appearance summary:hover{background:var(--panel-soft);color:var(--text)}.appearance-options{width:230px;max-width:calc(100vw - var(--app-padding-left) - var(--app-padding-right));max-height:calc(100dvh - var(--app-padding-top) - var(--app-padding-bottom) - 44px - 8px);overscroll-behavior:contain;border:1px solid var(--border);background:var(--panel);border-radius:10px;gap:8px;padding:16px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto}.appearance-options label{font-size:.85rem;font-weight:600}.appearance-options select{border:1px solid var(--border);background:var(--panel-soft);width:100%;min-height:44px;color:var(--text);border-radius:6px;padding:8px}.appearance-options p{color:var(--muted);margin:4px 0 0;font-size:.75rem}.voice-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;width:min(100%,480px);min-height:0;margin:clamp(32px,9vh,100px) auto 24px;padding:clamp(24px,6vw,38px);overflow-y:auto}.card-heading{align-items:center;gap:14px;min-width:0;display:flex}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:.75rem;font-weight:600}.lede{color:var(--muted);margin:22px 0 26px;line-height:1.6}.join-form{gap:12px;display:grid}.join-form label{font-size:.9rem;font-weight:600}.join-form input,.room-invite input{border:1px solid var(--border);width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--panel-soft);border-radius:8px;padding:12px}.join-form input::placeholder{color:var(--muted)}.join-form input[aria-invalid=true]{border-color:var(--danger)}.button{border:1px solid var(--border);background:var(--panel);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;line-height:1.3;display:inline-flex}.button:hover:not(:disabled){background:var(--panel-soft);border-color:var(--muted)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent);filter:brightness(.94)}.button-secondary{background:var(--panel-soft)}.button-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.button-danger:hover:not(:disabled){background:var(--danger-soft)}.button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.join-form .button,.message-card .button{width:100%}.message-card .button+.button{margin-top:10px}.form-error{color:var(--danger);overflow-wrap:anywhere;margin:8px 0;font-size:.85rem;line-height:1.5}.join-progress{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.progress-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.privacy-note{color:var(--muted);align-self:center;margin:0;font-size:.75rem;line-height:1.5}.room-workspace{border:1px solid var(--border);background:var(--panel);border-radius:12px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:232px minmax(0,1fr);width:100%;min-width:0;max-width:1320px;min-height:0;margin:0 auto;display:grid}.channel-rail{border-right:1px solid var(--border);background:var(--panel-soft);border-radius:12px 0 0;min-height:0;padding:24px 12px;overflow-y:auto}.channel-rail>h2,.channel-rail>.eyebrow{padding-inline:10px}.channel-list{gap:6px;margin:18px 0;padding:0;list-style:none;display:grid}.channel-button{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;width:100%;min-width:0;padding:10px}.channel-name{overflow-wrap:anywhere;min-width:0}.channel-name small{color:var(--accent);margin-top:3px;font-size:.7rem;display:block}.channel-count{color:var(--muted);flex-shrink:0;font-size:.7rem;font-weight:400}.channel-button[aria-current=true]{opacity:1;background:var(--accent-soft);border-color:var(--accent);cursor:default}.channel-roster{gap:4px;margin:4px 0 8px;padding:0 8px 0 16px;list-style:none;display:grid}.channel-roster-member{align-items:center;gap:8px;min-width:0;font-size:.75rem;display:flex}.channel-roster-avatar{background:var(--panel);border:1px solid var(--border);width:18px;height:18px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6rem;display:grid}.channel-roster-name{overflow-wrap:anywhere;min-width:0}.channel-roster-you{color:var(--muted);flex-shrink:0}.channel-roster-stale{color:var(--muted);margin:4px 8px 8px 16px;font-size:.75rem}.room-main{overscroll-behavior:contain;border-radius:0 12px 0 0;min-width:0;min-height:0;padding:28px;overflow-y:auto}.room-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.room-header h1{font-size:clamp(1.5rem,3vw,2rem)}.connection-status{color:var(--online);flex-shrink:0;align-items:center;gap:7px;margin:0;font-size:.8rem;display:flex}.status-dot{background:var(--online);border-radius:50%;width:7px;height:7px}.status-warning{color:var(--warning)}.status-warning .status-dot{background:var(--warning)}.invite-section{margin-top:20px}.room-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-invite{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:620px;margin-top:14px;display:grid}.room-invite label,.room-invite p{grid-column:1/-1;font-size:.85rem}.audio-notice{border:1px solid var(--warning);background:var(--warning-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:16px;display:flex}.audio-notice strong{font-size:.9rem}.audio-notice p{color:var(--muted);margin:5px 0 0;font-size:.85rem}.participant-section,.screen-section,.camera-section{margin-top:28px}.section-label{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-label h2{margin:0}.section-label>span{color:var(--muted);font-size:.8rem}.participant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.participant{border:1px solid var(--border);background:var(--panel);border-radius:8px;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:50px;padding:8px 10px;display:grid}.participant-local{background:var(--panel-soft)}.participant-speaking{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:-2px}.participant-avatar{width:30px;height:30px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--border);border-radius:50%;place-items:center;font-size:.7rem;font-weight:650;display:grid}.participant-avatar-speaking{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 10px 3px color-mix(in srgb, var(--accent) 25%, transparent)}.participant-identity{flex-wrap:wrap;align-items:baseline;gap:4px 6px;min-width:0;display:flex}.participant-name{overflow-wrap:anywhere;font-size:.88rem;font-weight:600}.participant-you{color:var(--muted);font-size:.75rem}.speaking-label{color:var(--accent);font-size:.72rem}.mic-state{color:var(--muted);place-items:center;display:grid}.mic-state-muted{color:var(--danger)}.empty-room{color:var(--muted);border:1px dashed var(--border);border-radius:8px;padding:20px;font-size:.9rem}.camera-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.camera-tile,.shared-screen{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;margin:0 0 12px;overflow:hidden}.media-speaking{border-color:var(--accent);outline:1px solid var(--accent)}.screen-video video{aspect-ratio:16/9;object-fit:contain;background:#242321;width:100%;max-height:60vh;display:block}:root[data-theme=black] .screen-video video{background:var(--canvas)}.camera-tile video{max-height:300px}.camera-tile figcaption,.shared-screen figcaption{color:var(--text);overflow-wrap:anywhere;padding:8px 12px;font-size:.8rem}.screen-share-help{color:var(--muted);margin:14px 0 0;font-size:.8rem;line-height:1.5}.room-controls{border-top:1px solid var(--border);background:var(--panel-soft);border-radius:0 0 12px 12px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 20px;display:flex}.local-status{flex-wrap:wrap;align-items:baseline;gap:6px 12px;min-width:0;font-size:.78rem;display:flex}.local-status strong{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.85rem;overflow:hidden}.local-status span{color:var(--muted)}.control-buttons{gap:8px;display:flex}.control-wrap{display:inline-flex;position:relative}.control-button{flex-direction:column;gap:4px;min-width:58px;min-height:52px;padding:6px 8px;font-size:.7rem;font-weight:500}.control-state{color:var(--muted);font-size:.65rem;line-height:1.2}.control-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.control-tooltip{border:1px solid var(--border);background:var(--panel);width:max-content;max-width:180px;color:var(--text);text-align:center;z-index:4;border-radius:6px;padding:8px 10px;font-size:.75rem;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.control-wrap:hover .control-tooltip,.control-wrap:focus-within .control-tooltip{display:block}.control-wrap .control-tooltip[hidden]{display:none}.control-tooltip:after{content:"";height:8px;position:absolute;inset:100% 0 auto}.control-wrap:last-child .control-tooltip{left:auto;right:0;transform:none}.channels-trigger{display:none}.channel-drawer{color:var(--text);background:var(--panel-soft);border:1px solid var(--border);width:min(320px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;padding:max(20px, var(--app-padding-top)) var(--app-padding-right) max(20px, var(--app-padding-bottom)) var(--app-padding-left);overscroll-behavior:contain;border-radius:0 12px 12px 0;margin:0;overflow-y:auto}.channel-drawer::backdrop{background:#00000073}.drawer-close{margin-bottom:24px}.remote-audio-root{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.button,.appearance summary,.participant,.participant-avatar,.camera-tile,.shared-screen{transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,box-shadow .16s ease-out,outline-color .16s ease-out,opacity .16s ease-out,filter .16s ease-out}.participant,.participant-avatar{transition-duration:80ms}.participant-speaking,.participant-avatar-speaking{transition-duration:40ms}.participant,.voice-card,.room-workspace,.room-invite,.audio-notice,.camera-tile,.shared-screen,.appearance[open] .appearance-options,.channel-drawer[open],.control-tooltip{animation:.16s ease-out appear}@media (width<=759px){:root{--app-inline-gap:10px}.app-topbar{margin-bottom:10px}.room-workspace{grid-template-columns:minmax(0,1fr)}.channel-rail{display:none}.channels-trigger{flex-shrink:0;padding:8px;display:inline-flex}.channels-trigger span{display:none}.room-main{border-radius:12px 12px 0 0;padding:18px 14px}.room-header{flex-wrap:wrap;gap:12px}.room-controls{flex-direction:column;align-items:stretch;gap:10px;padding-inline:10px}.local-status{justify-content:center}.control-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.control-button{width:100%;min-width:0;padding-inline:3px}.room-invite{grid-template-columns:minmax(0,1fr)}.room-invite label,.room-invite p{grid-column:1}.audio-notice{padding:12px}.control-wrap:first-child .control-tooltip{left:0;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0}to{opacity:1}}