@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:#f4f7ff;--page-alt:#e9efff;--surface:#ffffffb8;--surface-solid:#fff;--surface-2:#f3f6ff;--surface-3:#e8edfb;--border:#5d70a72e;--border-strong:#5b6ab16b;--ink:#18213f;--ink-2:#37415e;--ink-3:#69728e;--ink-4:#929ab2;--accent:#5c5ce8;--accent-2:#4444cd;--accent-ink:#fff;--danger:#ed5b6d;--danger-hover:#d74358;--danger-light:#fff0f3;--success:#26b87a;--success-light:#e9fbf3;--warning:#f6aa38;--ring:#7575ef;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 5px 16px #2d3d7114;--shadow:0 14px 35px #2d3d711f;--shadow-lg:0 30px 80px #3947842e;--transition:.22s ease;--call-bg:#11172b;--call-surface:#ffffff17;--call-surface-2:#ffffff29;--call-border:#ffffff26;--call-ink:#fff;--call-ink-2:#aeb8d5;--call-shadow:0 24px 60px #0000006b}[data-theme=dark]{--page:#0d1224;--page-alt:#131a33;--surface:#19213dc2;--surface-solid:#19213d;--surface-2:#202943;--surface-3:#2b3655;--border:#b8c8ff24;--border-strong:#b0beff66;--ink:#f3f6ff;--ink-2:#d7dff5;--ink-3:#a0abca;--ink-4:#7180a5;--accent:#8c8cff;--accent-2:#a5a5ff;--accent-ink:#13162c;--danger:#ff7181;--danger-hover:#ff8290;--danger-light:#351d31;--success:#58dba3;--success-light:#12372d;--shadow-sm:0 5px 16px #00000038;--shadow:0 14px 35px #0000004d;--shadow-lg:0 30px 80px #0006}body{color:var(--ink);background:var(--page);transition:background var(--transition), color var(--transition)}button,input{-webkit-tap-highlight-color:transparent}button{transition:transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition), opacity var(--transition)}button:active:not(:disabled){transform:scale(.97)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6f6aff59}55%{box-shadow:0 0 0 13px #6f6aff00}}@keyframes ambient-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2.5vw,-3vh)scale(1.08)}}@keyframes wave-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{z-index:50;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:8px;padding:7px 11px 7px 8px;font-size:.76rem;font-weight:700;display:flex;position:fixed;top:20px;right:22px}.theme-toggle:hover{border-color:var(--border-strong);background:var(--surface-solid);transform:translateY(-1px)}.theme-toggle-track{background:var(--surface-3);border-radius:999px;width:34px;height:19px;padding:2px;position:relative}.theme-toggle-thumb{background:var(--ink-3);border-radius:50%;width:15px;height:15px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .theme-toggle-track{background:var(--accent)}.theme-toggle-icon{place-items:center;display:grid}.theme-toggle-label{color:var(--ink-3)}.theme-toggle-thumb{transform:translate(0)}[data-theme=dark] .theme-toggle-thumb{background:#fff;transform:translate(15px)}.lobby-page{isolation:isolate;background:radial-gradient(circle at 15% 20%, #dce5ff 0, transparent 30%), radial-gradient(circle at 80% 88%, #e5dbff 0, transparent 31%), var(--page);place-items:center;min-height:100svh;padding:70px 24px 38px;display:grid;position:relative;overflow:hidden}[data-theme=dark] .lobby-page{background:radial-gradient(circle at 12% 18%, #1c2b63 0, transparent 31%), radial-gradient(circle at 85% 85%, #302158 0, transparent 34%), var(--page)}.lobby-mesh{z-index:-1;aspect-ratio:1;filter:blur(5px);opacity:.54;border-radius:48% 52% 53% 47%;width:37vw;animation:13s ease-in-out infinite ambient-float;position:absolute}.lobby-mesh-one{background:linear-gradient(145deg,#a99bff,#78bfff);top:-20vw;right:-8vw}.lobby-mesh-two{background:linear-gradient(145deg,#8ae2c0,#ad9bff);animation-delay:-6s;bottom:-22vw;left:14vw}.lobby-wrap{grid-template-columns:minmax(0,1fr) minmax(380px,470px);align-items:center;gap:clamp(48px,9vw,130px);width:min(1120px,100%);display:grid}.lobby-intro{animation:.65s 50ms both slide-up}.brand{align-items:center;gap:10px;margin-bottom:45px;display:inline-flex}.brand-icon{color:#fff;background:linear-gradient(145deg,#7873ff,#514ecb);border-radius:13px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 9px 20px #5350d04d}.brand-name{color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:800}.lobby-intro h1{max-width:590px;color:var(--ink);letter-spacing:-.065em;margin-bottom:18px;font-size:clamp(3.1rem,5.5vw,5.25rem);line-height:.99}.lobby-lede{max-width:480px;color:var(--ink-3);font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.7}.lobby-badges{flex-wrap:wrap;gap:8px;margin-top:27px;display:flex}.badge{border:1px solid var(--border);color:var(--ink-2);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.74rem;font-weight:650;display:inline-flex}.badge-dot{border-radius:50%;width:7px;height:7px}.badge-dot-0{background:var(--success)}.badge-dot-1{background:var(--accent)}.badge-dot-2{background:var(--warning)}.lobby-trust{color:var(--ink-4);align-items:center;gap:8px;margin-top:42px;font-size:.74rem;display:flex}.lobby-trust span{color:var(--success);font-size:1rem}.lobby-card{border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid #ffffff87;animation:.65s .16s both slide-up;overflow:hidden}.preview-frame{aspect-ratio:16/9.5;background:linear-gradient(140deg,#1d2549,#3b3c7c);position:relative;overflow:hidden}.preview-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview-gradient{pointer-events:none;background:linear-gradient(#04081940,#0000 45%,#040819b3);position:absolute;inset:0}.preview-empty{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.preview-empty strong{font-size:.95rem}.preview-empty small{color:#ffffff9e;font-size:.75rem}.preview-avatar{color:#dbe0ff;background:#ffffff21;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:7px;display:grid;position:relative;overflow:hidden}.preview-avatar span{color:#fff;background:var(--accent);border-radius:6px;padding:2px 5px;font-size:.62rem;font-weight:800;position:absolute;bottom:7px;right:12px}.preview-topline{color:#ffffffd9;align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:14px;left:15px}.preview-live-dot{background:#63e5b1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #63e5b124}.preview-controls{align-items:center;gap:7px;display:flex;position:absolute;bottom:14px;left:14px}.preview-control{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c2173;border:1px solid #ffffff38;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.preview-control.is-off{color:#ffabb5;background:#841b3094}.preview-control:disabled{opacity:.45}.preview-enable-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2b;border-radius:11px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:.72rem;font-weight:700;display:inline-flex}.preview-enable-btn:hover{background:#ffffff47}.audio-level{color:#92edc6;align-items:center;gap:3px;display:flex;position:absolute;bottom:17px;right:15px}.audio-level svg{margin-right:3px}.audio-level i{transform-origin:bottom;width:3px;height:18px;transform:scaleY(var(--level));background:currentColor;border-radius:6px;transition:transform 90ms linear;display:block}.card-body{padding:22px}.field-label{color:var(--ink-2);margin-bottom:8px;font-size:.76rem;font-weight:750;display:block}.field-label span{color:var(--ink-4);font-weight:500}.name-input-wrap{border:1px solid var(--border);color:var(--ink-4);background:var(--surface-solid);border-radius:12px;align-items:center;gap:9px;padding:0 12px;display:flex}.name-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #5c5ce821}.name-input-wrap input{width:100%;height:42px;color:var(--ink);outline:none;font-size:.86rem}.name-input-wrap input::placeholder,.join-input::placeholder{color:var(--ink-4)}.lobby-tabs{background:var(--surface-3);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:20px 0 13px;padding:4px;display:grid}.lobby-tabs button{min-height:34px;color:var(--ink-3);border-radius:9px;font-size:.72rem;font-weight:750}.lobby-tabs button.active{color:var(--ink);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.action-card{border:1px solid var(--border);background:linear-gradient(100deg,#6f6dff1a,#0000 62%);border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.action-card div{gap:4px;display:grid}.action-card strong{color:var(--ink);font-size:.87rem}.action-card span{color:var(--ink-3);font-size:.7rem}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent), #7675f2);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;font-size:.78rem;font-weight:750;display:inline-flex;box-shadow:0 9px 18px #5c5ce83b}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.join-form{animation:.2s both slide-up}.join-row{gap:8px;display:flex}.join-input{border:1px solid var(--border);min-width:0;height:43px;color:var(--ink);background:var(--surface-solid);letter-spacing:.1em;text-transform:uppercase;border-radius:12px;outline:none;flex:1;padding:0 12px;font-size:.8rem;font-weight:700}.join-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5c5ce821}.btn-join{min-width:91px}.form-error{color:var(--danger);background:var(--danger-light);border-radius:11px;align-items:flex-start;gap:7px;margin-top:13px;padding:10px;font-size:.74rem;line-height:1.4;display:flex}.notice-page{background:var(--page);place-items:center;min-height:100svh;padding:24px;display:grid}.notice-card{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(440px,100%);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 30px}.notice-card h1{margin:14px 0 9px;font-size:1.5rem}.notice-card p{color:var(--ink-3);line-height:1.6}.notice-card code{background:var(--surface-3);border-radius:5px;padding:1px 5px}.notice-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.call-room{isolation:isolate;background:radial-gradient(circle at 80% 4%, #2a3163 0, transparent 34%), var(--call-bg);width:100%;height:100svh;position:relative;overflow:hidden}.call-room:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#00000040,#0000 25% 70%,#00000059);position:absolute;inset:0}.video-tile{background:#151b31;overflow:hidden}.video-tile-remote{z-index:0;border:1px solid #ffffff14;border-radius:26px;position:absolute;inset:16px;box-shadow:inset 0 0 80px #00000026}.video-tile-remote.video-tile-active{border-color:#8783ff73;box-shadow:0 0 0 1px #8783ff33,0 0 38px #6c68fa29,inset 0 0 80px #00000026}.video-tile video{object-fit:cover;width:100%;height:100%;display:block}.video-avatar{color:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.video-avatar-ring{color:#dfe5ff;background:linear-gradient(145deg,#4f568c,#303759);border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.video-avatar strong{display:none}.video-avatar small{color:#ffffff70;font-size:.76rem}.avatar-pulse{border:1px solid #908cff73;border-radius:50%;width:98px;height:98px;animation:2.4s infinite pulse-glow;position:absolute}.video-tile-meta{z-index:1;align-items:center;gap:7px;display:flex;position:absolute;bottom:12px;left:12px}.video-label,.speaker-indicator{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b1a85;border:1px solid #ffffff21;border-radius:9px;padding:6px 9px;font-size:.7rem;font-weight:700}.speaker-indicator{color:#c4ffd8;align-items:center;gap:5px;display:inline-flex}.speaker-indicator i{background:#64e19d;border-radius:50%;width:6px;height:6px}.media-state{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b1a85;border:1px solid #ffffff21;border-radius:9px;gap:5px;padding:6px;display:inline-flex;position:absolute;top:12px;right:12px}.video-tile-local{z-index:7;aspect-ratio:16/10;border:1px solid #ffffff38;border-radius:17px;width:clamp(140px,17vw,230px);position:absolute;bottom:117px;right:34px;box-shadow:0 16px 36px #0000006b}.video-tile-local video{transform:scaleX(-1)}.video-tile-local .video-avatar-ring{width:50px;height:50px}.video-tile-local .avatar-pulse{width:56px;height:56px}.video-tile-local .video-avatar small{display:none}.video-tile-local .video-tile-meta{bottom:7px;left:7px}.video-tile-local .video-label{padding:4px 6px;font-size:.62rem}.video-tile-local .speaker-indicator{display:none}.call-topbar{z-index:8;align-items:center;gap:9px;display:flex;position:absolute;top:30px;left:31px}.call-brand,.room-id-chip,.room-copy-btn,.call-duration,.sharing-btn,.call-theme-toggle,.conn-banner{border:1px solid var(--call-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1228a1;box-shadow:0 8px 20px #00000029}.call-brand{color:#fff;border-radius:11px;align-items:center;gap:7px;padding:5px 10px 5px 6px;font-size:.76rem;font-weight:800;display:flex}.call-brand-icon{color:#39366f;background:#dddfff;border-radius:7px;place-items:center;width:23px;height:23px;font-size:.7rem;display:grid}.room-info{align-items:center;gap:6px;display:flex}.room-id-chip,.room-copy-btn,.call-duration{color:var(--call-ink-2);border-radius:10px;align-items:center;gap:5px;padding:7px 9px;font-size:.68rem;font-weight:650;display:inline-flex}.room-copy-btn:hover,.sharing-btn:hover,.call-theme-toggle:hover{color:#fff;background:#ffffff29}.call-duration{color:#d7defa}.conn-banner{z-index:8;color:#e9edff;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.7rem;display:flex;position:absolute;top:31px;left:50%;transform:translate(-50%)}.conn-dot{border-radius:50%;width:7px;height:7px}.conn-dot-yellow{background:#ffd075}.conn-dot-green{background:#5fe0a1;animation:2s infinite pulse-glow;box-shadow:0 0 0 4px #5fe0a11a}.conn-dot-red{background:#ff7687}.conn-quality{border-left:1px solid #ffffff2b;padding-left:7px;font-style:normal}.conn-quality-good{color:#9ff5bd}.conn-quality-fair{color:#ffe192}.conn-quality-poor{color:#ffadb7}.sharing-actions{z-index:9;gap:7px;display:flex;position:absolute;top:30px;right:31px}.sharing-btn,.call-theme-toggle{color:#dbe2fb;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.68rem;font-weight:700;display:inline-flex}.call-notice{z-index:11;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#281b2bd9;border-radius:10px;padding:7px 12px;font-size:.7rem;position:absolute;top:78px;left:50%;transform:translate(-50%)}.control-bar{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.control-main{border:1px solid var(--call-border);box-shadow:var(--call-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0f142bc7;border-radius:20px;align-items:center;gap:6px;padding:7px;display:flex}.control-desktop-extra{gap:6px;display:flex}.ctrl-separator{background:var(--call-border);width:1px;height:29px;margin:0 2px}.ctrl-btn{color:#e5eaff;background:var(--call-surface);border:1px solid #0000;border-radius:14px;place-items:center;width:47px;height:47px;display:grid;position:relative}.ctrl-btn:hover{color:#fff;background:var(--call-surface-2);border-color:#ffffff26}.ctrl-btn-active{color:#fff;background:#7975ff6b}.ctrl-btn-inner{place-items:center;gap:2px;display:grid}.ctrl-btn-label{color:#ffffffad;white-space:nowrap;font-size:.56rem;font-weight:700;display:none}.ctrl-leave{color:#fff;background:var(--danger);border-radius:50%;width:49px;height:49px}.ctrl-leave:hover{background:var(--danger-hover)}.ctrl-leave svg{transform:rotate(135deg)}.unread-badge{color:#fff;background:var(--danger);border:2px solid #19203d;border-radius:999px;min-width:17px;height:17px;font-size:.58rem;font-weight:800;line-height:13px;position:absolute;top:-5px;right:-5px}.ctrl-more,.control-more-menu{display:none}.host-controls{z-index:12;border:1px solid var(--call-border);color:#fff;width:265px;box-shadow:var(--call-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f142be6;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;bottom:105px;right:32px}.host-controls-header{color:#aab4d4;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.68rem;font-weight:800;display:flex}.host-close-btn{color:#aab4d4;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.host-close-btn:hover{color:#fff;background:var(--call-surface)}.host-lock-row{border:1px solid var(--call-border);color:#e8edff;background:var(--call-surface);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:11px;display:flex}.host-lock-row span:first-child{gap:3px;display:grid}.host-lock-row strong{font-size:.78rem}.host-lock-row small,.host-empty{color:#a5b0ce;font-size:.66rem}.switch{background:#5c6687;border-radius:999px;width:32px;height:18px;padding:2px}.switch i{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;display:block}.switch-on{background:var(--accent)}.switch-on i{transform:translate(14px)}.host-actions{gap:6px;display:grid}.host-action-btn{border:1px solid var(--call-border);color:#dde4ff;background:var(--call-surface);text-align:left;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font-size:.75rem;display:flex}.host-action-btn:hover{background:var(--call-surface-2)}.host-action-btn-danger{color:#ffb0bb}.host-empty{padding:3px 0}.chat-panel{z-index:15;border:1px solid var(--border);width:min(365px,100% - 30px);color:var(--ink);background:var(--surface-solid);box-shadow:var(--shadow-lg);border-radius:21px;flex-direction:column;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:15px;bottom:15px;right:15px;overflow:hidden;transform:translate(calc(100% + 25px))}.chat-panel-open{transform:none}.chat-drag-handle{display:none}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 17px 14px;display:flex}.chat-header h2{font-size:1rem}.chat-header-sub,.chat-msg-sender,.chat-msg-time{color:var(--ink-4);font-size:.67rem}.chat-header-sub{margin-top:3px}.chat-close-btn{border:1px solid var(--border);width:31px;height:31px;color:var(--ink-3);background:var(--surface-2);border-radius:9px;place-items:center;display:grid}.chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:15px;display:flex;overflow:auto}.chat-empty{height:100%;color:var(--ink-4);text-align:center;align-content:center;place-items:center;gap:9px;font-size:.8rem;display:grid}.chat-empty-icon{background:var(--surface-2);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.chat-msg{flex-direction:column;max-width:84%;display:flex}.chat-msg-sender{margin-bottom:4px;font-weight:750}.chat-msg-bubble{color:var(--ink);background:var(--surface-2);overflow-wrap:anywhere;border-radius:5px 13px 13px;padding:8px 11px;font-size:.8rem;line-height:1.45}.chat-msg-time{margin-top:3px}.chat-msg-mine{align-self:flex-end;align-items:flex-end}.chat-msg-mine .chat-msg-bubble{color:#fff;background:var(--accent);border-radius:13px 5px 13px 13px}.chat-error{color:var(--danger);font-size:.73rem}.chat-input-wrap{padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.quick-reactions{gap:4px;margin-bottom:8px;display:flex}.quick-reactions button{background:var(--surface-2);border-radius:7px;place-items:center;width:27px;height:25px;font-size:.85rem;display:grid}.quick-reactions button:hover{background:var(--surface-3)}.chat-input-row{gap:7px;display:flex}.chat-input{border:1px solid var(--border);min-width:0;height:39px;color:var(--ink);background:var(--surface-2);border-radius:10px;outline:none;flex:1;padding:0 11px;font-size:.8rem}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{color:#fff;background:var(--accent);border-radius:10px;place-items:center;width:39px;display:grid}.chat-backdrop{z-index:14;pointer-events:none;transition:background .25s;position:absolute;inset:0}.chat-backdrop-active{pointer-events:auto;background:#05081657}.recording-modal{z-index:20;border:1px solid var(--border);width:min(340px,100% - 32px);color:var(--ink);background:var(--surface-solid);box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;padding:27px 23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recording-modal h2{margin:10px 0 7px;font-size:1.1rem}.recording-modal p{color:var(--ink-3);font-size:.8rem;line-height:1.55}.recording-modal-actions{justify-content:center;gap:8px;margin-top:17px;display:flex}.recording-modal-actions button{border:1px solid var(--border);min-height:38px;color:var(--ink);background:var(--surface-2);border-radius:10px;padding:0 13px;font-size:.76rem;font-weight:700}.recording-modal-allow{color:#fff!important;border-color:var(--danger)!important;background:var(--danger)!important}@media (width>=900px){.ctrl-btn-label{display:block}.ctrl-btn{width:54px;height:51px}.ctrl-leave{width:51px;height:51px}.call-room-chat .video-tile-local,.call-room-chat .sharing-actions{right:397px}}@media (width<=768px){.lobby-page{place-items:start center;padding-top:96px}.lobby-wrap{grid-template-columns:1fr;gap:36px;max-width:560px}.brand{margin-bottom:28px}.lobby-intro h1{max-width:530px;font-size:clamp(2.8rem,11vw,4.4rem)}.lobby-trust{display:none}.call-topbar{top:19px;left:19px}.call-brand span:last-child,.room-id-chip{display:none}.conn-banner{top:20px;left:auto;right:19px;transform:none}.sharing-actions{top:62px;right:19px}.video-tile-remote{border-radius:20px;inset:10px}.video-tile-local{bottom:110px;right:20px}.call-duration{display:none}.chat-panel{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;height:min(71svh,580px);top:auto;bottom:0;right:0;transform:translateY(105%)}.chat-panel-open{transform:translateY(0)}.chat-drag-handle{background:var(--border-strong);border-radius:999px;width:36px;height:4px;margin:9px auto -3px;display:block}.chat-backdrop-active{background:#05081685}.host-controls{bottom:98px;right:15px}.control-desktop-extra,.control-main>.ctrl-separator{display:none}.ctrl-more{display:grid}.control-more-menu{border:1px solid var(--call-border);width:236px;box-shadow:var(--call-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0f142bf0;border-radius:16px;grid-template-columns:repeat(2,minmax(105px,1fr));gap:7px;padding:8px;display:none;position:absolute;bottom:calc(100% + 10px)}.control-more-open{display:grid}.control-more-menu .ctrl-btn{justify-content:flex-start;align-items:center;gap:8px;width:auto;padding:0 9px;display:flex}.control-more-menu .ctrl-btn-label{font-size:.64rem;display:block}.control-more-menu .ctrl-btn-inner{gap:7px;display:flex}.control-more-menu .ctrl-btn-label{color:#e5eaff}.chat-panel-open~.control-bar{pointer-events:none;opacity:.45}}@media (width<=480px){.theme-toggle{top:13px;right:13px}.theme-toggle-label{display:none}.lobby-page{padding:80px 16px 24px}.lobby-wrap{gap:25px}.lobby-intro h1{font-size:clamp(2.55rem,12vw,3.45rem)}.lobby-lede{font-size:.91rem}.lobby-badges{margin-top:20px}.badge{padding:6px 9px;font-size:.68rem}.lobby-card{border-radius:21px}.card-body{padding:16px}.action-card{display:grid}.action-card .btn-primary{width:100%}.join-row{grid-template-columns:1fr;display:grid}.btn-join{width:100%}.call-topbar{top:13px;left:13px}.conn-banner{white-space:nowrap;max-width:43%;top:14px;right:13px;overflow:hidden}.conn-quality{display:none}.sharing-actions{top:54px;right:13px}.sharing-btn{display:none}.call-theme-toggle{min-height:31px;padding:0 8px;font-size:.62rem}.video-tile-remote{border-radius:15px;inset:5px}.video-tile-local{border-radius:12px;width:103px;top:54px;bottom:auto;right:12px}.video-tile-local .media-state{padding:4px;top:5px;right:5px}.video-tile-local .video-label{font-size:.56rem}.video-tile-remote .video-avatar-ring{width:72px;height:72px}.video-tile-remote .avatar-pulse{width:80px;height:80px}.control-bar{bottom:max(10px, env(safe-area-inset-bottom));width:calc(100% - 16px)}.control-main{border-radius:17px;justify-content:space-around;gap:3px;width:100%;padding:6px}.ctrl-btn,.ctrl-leave{width:46px;height:46px}.host-controls{width:min(265px,100% - 16px);bottom:83px;right:8px}.chat-panel{height:min(75svh,580px)}.chat-header{padding-top:17px}}@media (width<=360px){.ctrl-btn{width:41px;height:41px}.ctrl-leave{width:43px;height:43px}.control-more-menu{width:220px}.brand{margin-bottom:20px}.lobby-badges{gap:5px}}