@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}input{background:0 0;border:none}#root{flex-direction:column;min-height:100svh;display:flex}:root{--page:#f5f5f5;--page-alt:#ebebeb;--surface:#fff;--surface-2:#f0f0f0;--surface-3:#e4e4e4;--border:#ddd;--border-strong:#bbb;--ink:#111;--ink-2:#333;--ink-3:#666;--ink-4:#999;--accent:#111;--accent-2:#333;--accent-ink:#fff;--danger:#e53e3e;--danger-hover:#c53030;--danger-light:#fff5f5;--success:#38a169;--success-light:#f0fff4;--warning:#d97706;--ring:#888;--shadow-sm:0 1px 3px #0000001a;--shadow:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--transition:.18s ease;--call-bg:#0e0e0e;--call-surface:#ffffff14;--call-surface-2:#ffffff24;--call-border:#ffffff1f;--call-ink:#fff;--call-ink-2:#aaa;--call-shadow:0 12px 40px #0009}[data-theme=dark]{--page:#111;--page-alt:#181818;--surface:#1c1c1c;--surface-2:#242424;--surface-3:#2c2c2c;--border:#333;--border-strong:#444;--ink:#f0f0f0;--ink-2:#ccc;--ink-3:#888;--ink-4:#555;--accent:#f0f0f0;--accent-2:#ccc;--accent-ink:#111;--danger:#fc5a5a;--danger-hover:#e53e3e;--danger-light:#1a0a0a;--success:#48bb78;--success-light:#0a1a0a;--warning:#f6ad55;--ring:#666;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 12px #0006;--shadow-lg:0 8px 32px #0000008c}body{color:var(--ink);background:var(--page);transition:background var(--transition), color var(--transition)}.theme-toggle{z-index:1000;border:1.5px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), color var(--transition);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:.78rem;font-weight:600;display:flex;position:fixed;top:16px;right:16px}.theme-toggle:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow);color:var(--ink)}.theme-toggle-track{background:var(--surface-3);border:1.5px solid var(--border);width:36px;height:20px;transition:background var(--transition), border-color var(--transition);border-radius:999px;flex-shrink:0;position:relative}[data-theme=dark] .theme-toggle-track{background:var(--ink);border-color:var(--ink)}.theme-toggle-thumb{background:var(--ink-3);width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.56,.64,1), background var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}[data-theme=dark] .theme-toggle-thumb{background:var(--accent-ink);transform:translate(16px)}.theme-toggle-icon{align-items:center;line-height:1;display:flex}.theme-toggle-label{color:var(--ink-3);transition:color var(--transition);font-size:.75rem;font-weight:600}.lobby-page{background:var(--page);min-height:100svh;transition:background var(--transition);place-items:center;padding:24px 20px;display:grid}.lobby-wrap{grid-template-columns:1fr 380px;align-items:center;gap:64px;width:100%;max-width:1000px;display:grid}.lobby-intro{max-width:520px}.brand{align-items:center;gap:9px;margin-bottom:28px;display:inline-flex}.brand-icon{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);transition:background var(--transition);border-radius:8px;flex-shrink:0;place-items:center;font-size:16px;font-weight:900;display:grid}.brand-name{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;transition:color var(--transition);font-size:.82rem;font-weight:700}.lobby-intro h1{color:var(--ink);letter-spacing:-.04em;transition:color var(--transition);margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.06}.lobby-intro p{color:var(--ink-3);transition:color var(--transition);margin-bottom:24px;font-size:.95rem;line-height:1.65}.lobby-badges{flex-wrap:wrap;gap:7px;display:flex}.badge{border:1.5px solid var(--border);color:var(--ink-3);background:var(--surface);transition:all var(--transition);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-dot-green{background:var(--success)}.lobby-card{border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);overflow:hidden}.preview-frame{aspect-ratio:16/9;background:var(--surface-2);transition:background var(--transition);position:relative;overflow:hidden}.preview-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview-empty{color:var(--ink-4);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.preview-empty-icon{background:var(--surface-3);width:44px;height:44px;color:var(--ink-4);transition:background var(--transition);border-radius:50%;place-items:center;display:grid}.preview-empty span{color:var(--ink-4);font-size:.78rem;font-weight:500}.preview-enable-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--ink-2);white-space:nowrap;box-shadow:var(--shadow-sm);transition:all var(--transition);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.76rem;font-weight:600;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.preview-enable-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--ink)}.preview-enable-btn.camera-on{border-color:var(--success);color:var(--success);background:var(--success-light)}.card-body{padding:20px}.card-section{margin-bottom:16px}.card-section:last-child{margin-bottom:0}.card-section-title{color:var(--ink);transition:color var(--transition);margin-bottom:10px;font-size:.82rem;font-weight:700}.btn-primary{border-radius:var(--radius);background:var(--accent);width:100%;color:var(--accent-ink);box-shadow:var(--shadow-sm);transition:background var(--transition), opacity var(--transition), box-shadow var(--transition);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.88rem;font-weight:700;display:flex}.btn-primary:hover:not(:disabled){background:var(--accent-2);box-shadow:var(--shadow)}.btn-primary:disabled{opacity:.45}.divider{color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:16px 0;font-size:.7rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.join-form{flex-direction:column;gap:7px;display:flex}.join-label{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition);font-size:.72rem;font-weight:600}.join-row{gap:7px;display:flex}.join-input{border:1.5px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--ink);background:var(--surface-2);letter-spacing:.06em;text-transform:uppercase;transition:border-color var(--transition), background var(--transition), color var(--transition);flex:1;padding:10px 12px;font-size:.86rem;font-weight:600}.join-input:focus{border-color:var(--border-strong);background:var(--surface);outline:none}.join-input::placeholder{color:var(--ink-4);letter-spacing:.02em;text-transform:none;font-weight:400}.btn-secondary{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);white-space:nowrap;transition:all var(--transition);padding:10px 16px;font-size:.86rem;font-weight:700}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--ink)}.form-error{border-radius:var(--radius-sm);background:var(--danger-light);color:var(--danger);transition:background var(--transition), color var(--transition);align-items:flex-start;gap:7px;margin-top:8px;padding:9px 12px;font-size:.78rem;line-height:1.45;display:flex}.notice-page{background:var(--page);place-items:center;min-height:100svh;padding:24px;display:grid}.notice-card{border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow-lg);text-align:center;padding:40px 32px}.notice-card h1{color:var(--ink);letter-spacing:-.02em;margin:14px 0 8px;font-size:1.5rem;font-weight:800}.notice-card p{color:var(--ink-3);font-size:.9rem;line-height:1.6}.notice-card code{color:var(--ink);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:.85em}.notice-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-size:.68rem;font-weight:700;display:inline-block}.call-room{background:var(--call-bg);isolation:isolate;align-items:stretch;width:100%;height:100svh;min-height:100svh;display:flex;position:relative;overflow:hidden}.video-tile-remote{z-index:0;background:#0a0a0a;position:absolute;inset:0}.video-tile-remote video{object-fit:cover;width:100%;height:100%;display:block}.video-tile-remote .video-avatar{color:#555;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.video-avatar-ring{color:#ffffff59;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:50%;place-items:center;width:80px;height:80px;display:grid}.video-avatar-label{color:#ffffff59;font-size:.85rem;font-weight:500}.video-tile-local{z-index:3;aspect-ratio:16/10;border-radius:var(--radius-lg);cursor:grab;width:clamp(130px,15vw,210px);transition:box-shadow var(--transition);background:#1a1a1a;border:1.5px solid #ffffff26;position:absolute;bottom:96px;right:20px;overflow:hidden;box-shadow:0 6px 24px #000000b3}.video-tile-local:hover{box-shadow:0 8px 30px #000c}.video-tile-local video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.video-tile-local .video-avatar{color:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.video-label{color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;padding:3px 7px;font-size:.68rem;font-weight:600;position:absolute;bottom:8px;left:8px}.media-badges{gap:3px;display:flex;position:absolute;top:7px;right:7px}.media-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.call-topbar{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px}.call-brand{border:1px solid var(--call-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0009;align-items:center;gap:7px;padding:5px 10px 5px 6px;font-size:.78rem;font-weight:700;display:flex}.call-brand-icon{color:#111;background:#fff;border-radius:5px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid}.room-info{align-items:center;gap:6px;display:flex}.room-id-chip{border:1px solid var(--call-border);border-radius:var(--radius);color:#ffffffb3;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;padding:5px 10px;font-size:.72rem;font-weight:600}.room-copy-btn{border:1px solid var(--call-border);border-radius:var(--radius);color:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition), color var(--transition);background:#0009;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:600;display:flex}.room-copy-btn:hover{color:#fff;background:#ffffff1f}.conn-banner{z-index:5;border:1px solid var(--call-border);color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.72rem;font-weight:500;transition:all .3s;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.conn-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.conn-dot-yellow{background:#f6ad55}.conn-dot-green{background:#48bb78;animation:2s infinite pulse-green}.conn-dot-red{background:#fc5a5a;animation:1.5s infinite pulse-red}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}.conn-quality{border-left:1px solid #ffffff2e;padding-left:7px;font-style:normal}.conn-quality-good{color:#9ae6b4}.conn-quality-fair{color:#fcd34d}.conn-quality-poor{color:#fca5a5}.sharing-actions{z-index:5;gap:6px;display:flex;position:absolute;top:16px;right:20px}.sharing-btn{border:1px solid var(--call-border);border-radius:var(--radius);color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition), color var(--transition);cursor:pointer;background:#000000b3;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:600;display:flex}.sharing-btn:hover{color:#fff;background:#ffffff1f}.call-theme-toggle{border:1px solid var(--call-border);border-radius:var(--radius);color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition), color var(--transition);cursor:pointer;background:#000000b3;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:600;display:flex}.call-theme-toggle:hover{color:#fff;background:#ffffff1f}.call-notice{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#000c;border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:500;animation:.25s fade-in;position:absolute;top:58px;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.control-bar{z-index:9;border:1px solid var(--call-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000c;align-items:center;gap:5px;padding:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.ctrl-separator{background:var(--call-border);width:1px;height:26px;margin:0 2px}.ctrl-btn{border-radius:var(--radius);border:1px solid var(--call-border);background:var(--call-surface);color:#ffffffbf;width:44px;height:44px;transition:background var(--transition), color var(--transition), border-color var(--transition), transform .1s ease;flex-shrink:0;place-items:center;display:grid;position:relative}.ctrl-btn:hover{background:var(--call-surface-2);color:#fff;border-color:#ffffff38}.ctrl-btn:active{transform:scale(.92)}.ctrl-btn-active{color:#fff;background:#ffffff29;border-color:#ffffff4d}.ctrl-btn-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.ctrl-btn-label{letter-spacing:.03em;color:#ffffff80;font-size:.54rem;font-weight:600;line-height:1;display:none}.ctrl-leave{width:48px;height:48px;background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important;border-radius:50%!important}.ctrl-leave:hover{background:var(--danger-hover)!important;border-color:var(--danger-hover)!important}.ctrl-leave svg{transform:rotate(135deg)}.unread-badge{background:var(--danger);color:#fff;border:2px solid #0e0e0e;border-radius:999px;min-width:16px;height:16px;padding:1px 3px;font-size:.6rem;font-weight:800;line-height:12px;position:absolute;top:-5px;right:-5px}.host-controls{z-index:12;border:1px solid var(--call-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:210px;box-shadow:var(--call-shadow);background:#000000eb;flex-direction:column;gap:5px;padding:12px;display:none;position:absolute;bottom:88px;right:20px}.host-controls-open{display:flex}.host-controls-header{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.68rem;font-weight:700;display:flex}.host-close-btn{color:#ffffff73;width:22px;height:22px;transition:background var(--transition), color var(--transition);border-radius:4px;place-items:center;display:grid}.host-close-btn:hover{color:#fff;background:#ffffff1a}.host-action-btn{border:1px solid var(--call-border);border-radius:var(--radius);background:var(--call-surface);color:#ffffffbf;text-align:left;transition:background var(--transition), color var(--transition);align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;font-weight:500;display:flex}.host-action-btn:hover{background:var(--call-surface-2);color:#fff}.host-action-btn-danger{color:#fca5a5}.host-action-btn-danger:hover{color:#fecaca}.chat-panel{z-index:10;background:var(--surface);border-left:1.5px solid var(--border);flex-direction:column;width:min(340px,100%);height:100%;transition:transform .25s;display:flex;position:absolute;top:0;right:0;transform:translate(105%);box-shadow:-6px 0 24px #0003}.chat-panel-open{transform:none}.chat-header{border-bottom:1.5px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.chat-header h2{color:var(--ink);transition:color var(--transition);font-size:.95rem;font-weight:700}.chat-header-sub{color:var(--ink-3);transition:color var(--transition);margin-top:2px;font-size:.7rem}.chat-close-btn{border:1.5px solid var(--border);border-radius:var(--radius);width:30px;height:30px;color:var(--ink-3);background:var(--surface-2);transition:all var(--transition);place-items:center;display:grid}.chat-close-btn:hover{background:var(--surface-3);color:var(--ink)}.chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-empty{height:100%;color:var(--ink-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.chat-empty-icon{background:var(--surface-2);width:44px;height:44px;color:var(--ink-4);border-radius:50%;place-items:center;display:grid}.chat-empty p{color:var(--ink-4);transition:color var(--transition);font-size:.8rem;line-height:1.5}.chat-msg{flex-direction:column;max-width:84%;display:flex}.chat-msg-sender{color:var(--ink-3);transition:color var(--transition);margin-bottom:3px;font-size:.66rem;font-weight:700}.chat-msg-bubble{background:var(--surface-2);color:var(--ink);word-break:break-word;overflow-wrap:anywhere;transition:background var(--transition), color var(--transition);border-radius:4px 12px 12px;padding:7px 11px;font-size:.84rem;line-height:1.5}.chat-msg-mine{align-self:flex-end;align-items:flex-end}.chat-msg-mine .chat-msg-bubble{background:var(--accent);color:var(--accent-ink);border-radius:12px 4px 12px 12px}.chat-error{color:var(--danger);transition:color var(--transition);padding:8px 12px;font-size:.78rem}.chat-input-wrap{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1.5px solid var(--border);background:var(--surface);transition:background var(--transition), border-color var(--transition);flex-shrink:0}.chat-input-row{align-items:center;gap:7px;display:flex}.chat-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:0;color:var(--ink);transition:border-color var(--transition), background var(--transition), color var(--transition);flex:1;padding:9px 12px;font-size:.84rem}.chat-input:focus{border-color:var(--border-strong);background:var(--surface);outline:none}.chat-send-btn{border-radius:var(--radius);background:var(--accent);width:36px;height:36px;color:var(--accent-ink);transition:background var(--transition), opacity var(--transition);border:1.5px solid #0000;flex-shrink:0;place-items:center;display:grid}.chat-send-btn:hover{background:var(--accent-2)}.chat-backdrop{z-index:7;pointer-events:none;background:0 0;transition:background .25s;position:absolute;inset:0}.chat-backdrop-active{pointer-events:auto;background:#00000073}.recording-modal{z-index:20;border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:min(320px,100% - 32px);box-shadow:var(--shadow-lg);text-align:center;color:var(--ink);transition:background var(--transition), border-color var(--transition);padding:28px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recording-modal h2{color:var(--ink);transition:color var(--transition);margin:10px 0 8px;font-size:1.1rem;font-weight:800}.recording-modal p{color:var(--ink-3);transition:color var(--transition);font-size:.82rem;line-height:1.55}.recording-modal-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.recording-modal-actions button{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);transition:all var(--transition);padding:9px 16px;font-size:.84rem;font-weight:700}.recording-modal-actions button:hover{background:var(--surface-3);border-color:var(--border-strong)}.recording-modal-allow{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.recording-modal-allow:hover{background:var(--danger-hover)!important;border-color:var(--danger-hover)!important}@media (width>=1024px){.call-room-chat .video-tile-local,.call-room-chat .sharing-actions{right:356px}.ctrl-btn-label{display:block}.ctrl-btn{height:50px;padding-top:4px;padding-bottom:4px}}@media (width>=641px) and (width<=1023px){.lobby-wrap{grid-template-columns:1fr 320px;gap:40px}.lobby-intro h1{font-size:clamp(2.2rem,5vw,3.2rem)}.video-tile-local{width:150px;bottom:84px;right:14px}.chat-panel{width:300px}.call-topbar{left:14px}.sharing-actions{right:14px}}@media (width<=640px){.theme-toggle{padding:6px 10px 6px 8px;top:12px;right:12px}.theme-toggle-label{display:none}.lobby-wrap{grid-template-columns:1fr;align-items:start;gap:20px}.lobby-intro{max-width:100%}.lobby-intro h1{font-size:clamp(2.2rem,10vw,3rem)}.lobby-intro p{margin-bottom:18px;font-size:.9rem}.lobby-page{align-items:start;padding:72px 16px 24px}.call-topbar{gap:6px;top:12px;left:10px}.call-topbar .room-id-chip{display:none}.conn-banner{max-width:50%;font-size:.66rem;top:12px;overflow:hidden}.conn-quality{display:none}.video-tile-local{border-radius:var(--radius);width:95px;top:48px;bottom:auto;right:10px}.sharing-actions{top:12px;right:10px}.sharing-btn,.call-theme-toggle{padding:5px 8px;font-size:.64rem}.control-bar{width:100%;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;border-radius:0;justify-content:space-around;gap:0;bottom:0;left:0;right:0;transform:none}.ctrl-btn{width:44px;height:44px}.ctrl-leave{width:48px;height:48px}.ctrl-separator{display:none}.chat-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-left:none;border-top:1.5px solid var(--border);width:100%;height:min(72svh,540px);inset:auto 0 0;transform:translateY(105%)}.chat-panel-open{transform:none}.host-controls{width:196px;bottom:78px;right:10px}.call-notice{text-align:center;max-width:70%;top:50px}}@media (width<=360px){.control-bar{padding-left:4px;padding-right:4px}.ctrl-btn{width:38px;height:38px}.ctrl-leave{width:42px;height:42px}}