*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #38bdf8 !important;outline-offset:3px !important;border-radius:inherit}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border-width:0 !important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.ambient-glow,.pulse-green,.pulse-ring{animation:none !important}}:root{--ink:#0d1e2b;--ink-deep:#06111a;--muted:#64747c;--paper:#f6f3ec;--card-bg:rgba(255,255,255,0.7);--card-border:rgba(16,37,52,0.08);--coral:#f36f52;--coral-hover:#e05c3d;--mint:#cfe9da;--mint-dark:#23744c;--line:rgba(16,37,52,0.1);--line-glass:rgba(255,255,255,0.18);--glass-bg:rgba(13,30,43,0.84);--active-glow:#48bb78;--danger:#e53e3e;--danger-hover:#c53030;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}html{scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);min-height:100vh;min-height:100dvh}.ambient-glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:0.45;animation:glowFloat 12s ease-in-out infinite alternate}.glow-1{width:450px;height:450px;background:radial-gradient(circle,rgba(243,111,82,0.25),transparent 70%);top:-80px;right:-60px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(207,233,218,0.4),transparent 70%);bottom:10%;left:-100px;animation-delay:-6s}@keyframes glowFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(30px) scale(1.1)}100%{transform:translateY(-20px) scale(0.95)}}.app-shell{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 32px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;z-index:1;overflow-x:hidden}.topbar{width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-top:var(--safe-top)}.brand{font-size:28px;font-weight:800;letter-spacing:-0.04em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;transition:transform 0.2s ease}.brand:hover{transform:translateY(-1px)}.brand-mark{display:inline-flex;gap:4px;align-items:center}.brand-mark i{display:block;width:6px;background:var(--coral);height:22px;border-radius:6px;box-shadow:0 2px 8px rgba(243,111,82,0.35)}.brand-mark i:nth-child(2){height:30px;margin-top:-4px;background:var(--ink)}.brand-mark i:nth-child(3){height:18px;margin-top:8px;background:#eea067}.nav-status{font:600 11px 'DM Mono',monospace;letter-spacing:0.03em;color:var(--muted);text-transform:uppercase;background:rgba(16,37,52,0.05);padding:6px 12px;border-radius:20px;border:1px solid var(--line);display:flex;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48bb78;margin-right:6px;box-shadow:0 0 8px #48bb78}.hero{width:100%;display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;padding:60px 0 50px}.hero-copy{width:100%;max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(243,111,82,0.1);color:var(--coral);border:1px solid rgba(243,111,82,0.25);padding:6px 14px;border-radius:20px;font:600 12px 'DM Mono',monospace;letter-spacing:0.04em;margin-bottom:20px}.badge-dot{width:7px;height:7px;background:var(--coral);border-radius:50%}.hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.06;letter-spacing:-0.05em;margin:0 0 20px;font-weight:800;word-break:break-word}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-0.05em;color:#b95a49}.lede{width:100%;max-width:530px;color:#4a5c66;font-size:17.5px;line-height:1.7;margin:0 0 32px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button{border:0;cursor:pointer;font:700 14.5px 'Manrope',sans-serif;border-radius:10px;padding:15px 28px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);display:inline-flex;align-items:center;justify-content:center;min-height:52px}.button:active{transform:scale(0.97)}.button-primary{background:var(--coral);color:white;box-shadow:0 6px 20px rgba(243,111,82,0.3)}.button-primary:hover{background:var(--coral-hover);transform:translateY(-2px);box-shadow:0 10px 24px rgba(243,111,82,0.38)}.button-primary i{font-style:normal;font-size:16px;margin-left:8px;transition:transform 0.2s}.button-primary:hover i{transform:translate(2px,-2px)}.button-ghost{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,0.02)}.button-ghost:hover{background:#faf8f5;transform:translateY(-2px);border-color:rgba(16,37,52,0.2)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--ink-deep)}.join-form{margin-top:20px;width:100%;max-width:440px;background:#fff;padding:14px;border-radius:12px;border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,0.04)}.join-form label{display:block;font:11px 'DM Mono',monospace;text-transform:uppercase;margin-bottom:8px;color:var(--muted)}.input-row{display:flex;gap:8px;width:100%}.input-row input{flex:1;border:1px solid var(--line);background:#faf8f5;border-radius:8px;padding:12px 14px;font:14px 'DM Mono',monospace;color:var(--ink);min-width:0;outline:none}.input-row input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(243,111,82,0.15)}.trust-pill-row{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.trust-pill{font:600 11px 'DM Mono',monospace;color:var(--muted);background:rgba(16,37,52,0.04);padding:5px 10px;border-radius:6px;display:flex;align-items:center;gap:5px}.hero-art{height:420px;width:100%;max-width:440px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid rgba(16,37,52,0.1);border-radius:50%;transform:rotate(-26deg);pointer-events:none}.orbit-one{width:390px;height:240px}.orbit-two{width:300px;height:380px;transform:rotate(38deg)}.call-card-interactive{height:380px;width:285px;background:linear-gradient(160deg,#091724 0%,#03080e 100%);border-radius:28px;padding:12px;color:white;position:relative;box-shadow:0 28px 60px -15px rgba(2,10,18,0.65),0 0 0 1px rgba(255,255,255,0.12),inset 0 1px 1px rgba(255,255,255,0.2);transform:rotate(2deg);z-index:2;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s ease;display:flex;flex-direction:column;justify-content:space-between;gap:8px;overflow:hidden}.call-card-interactive:hover{transform:rotate(0deg) scale(1.03);box-shadow:0 34px 70px -12px rgba(0,0,0,0.75),0 0 0 1px rgba(255,255,255,0.18)}.card-glass-topbar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:14px}.card-meta-left,.card-meta-right{display:flex;align-items:center;gap:6px}.card-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulseDot 2s infinite}.card-timer{font:600 11px 'DM Mono',monospace;color:#f1f5f9;letter-spacing:0.04em}.card-hd-badge{font:700 9px 'DM Mono',monospace;background:rgba(34,197,94,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.3);padding:2px 6px;border-radius:6px;letter-spacing:0.02em}.card-e2e-badge{font:600 9.5px 'DM Mono',monospace;background:rgba(255,255,255,0.08);color:#cbd5e1;padding:2px 6px;border-radius:6px}.card-stage{flex:1;min-height:0;position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 32%,#17374e 0%,#08141f 85%);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center}.card-remote-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.card-avatar-mesh{position:relative;display:flex;align-items:center;justify-content:center}.mesh-aura{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(237,118,85,0.4) 0%,rgba(239,185,102,0.15) 50%,transparent 75%);filter:blur(14px);animation:auraBreathe 3.5s ease-in-out infinite alternate}@keyframes auraBreathe{0%{transform:scale(0.85);opacity:0.6}100%{transform:scale(1.15);opacity:1}}.card-avatar-circle{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#ed7655 0%,#e11d48 50%,#f59e0b 100%);display:flex;align-items:center;justify-content:center;font:800 20px 'Manrope',sans-serif;color:#ffffff;box-shadow:0 10px 28px rgba(237,118,85,0.45);border:2px solid rgba(255,255,255,0.3);position:relative;z-index:1}.card-participant-tag{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:rgba(6,17,26,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);font:600 10.5px 'DM Mono',monospace;color:#f8fafc;z-index:2}.mini-eq{display:flex;gap:2.5px;align-items:center;height:12px}.mini-eq i{width:2.5px;height:12px;border-radius:2px;background:#22c55e;animation:eqWave 0.9s ease-in-out infinite alternate}.mini-eq i:nth-child(1){height:6px;animation-delay:0.1s}.mini-eq i:nth-child(2){height:12px;animation-delay:0.3s}.mini-eq i:nth-child(3){height:9px;animation-delay:0.2s}.mini-eq i:nth-child(4){height:11px;animation-delay:0.4s}@keyframes eqWave{0%{transform:scaleY(0.4)}100%{transform:scaleY(1.2)}}.card-floating-reactions{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.float-emoji{position:absolute;bottom:-20px;opacity:0}.em-1{left:16%;animation:floatReaction 3.6s infinite ease-in;animation-delay:0.3s;font-size:17px}.em-2{left:70%;animation:floatReaction 4.2s infinite ease-in;animation-delay:1.4s;font-size:19px}.em-3{left:32%;animation:floatReaction 3.9s infinite ease-in;animation-delay:2.3s;font-size:16px}.em-4{left:55%;animation:floatReaction 4.5s infinite ease-in;animation-delay:3.1s;font-size:18px}@keyframes floatReaction{0%{transform:translateY(0) scale(0.6);opacity:0}15%{opacity:0.95;transform:translateY(-30px) scale(1.1)}50%{opacity:0.9;transform:translateY(-90px) scale(1) rotate(-8deg)}85%{opacity:0.6;transform:translateY(-160px) scale(0.9) rotate(8deg)}100%{transform:translateY(-210px) scale(0.7);opacity:0}}.card-local-pip{position:absolute;bottom:8px;right:8px;width:68px;height:88px;background:linear-gradient(145deg,#1f3e57 0%,#0d1e2b 100%);border:1.5px solid rgba(255,255,255,0.22);border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,0.45);overflow:hidden;z-index:3;display:flex;align-items:center;justify-content:center}.pip-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);font:700 10px 'Manrope',sans-serif;color:white;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,0.3);box-shadow:0 4px 12px rgba(6,182,212,0.4)}.pip-tag{position:absolute;bottom:4px;left:5px;font:600 8.5px 'DM Mono',monospace;background:rgba(0,0,0,0.7);padding:1px 4px;border-radius:4px;color:#e2e8f0}.card-bottom-dock{display:flex;justify-content:center;align-items:center;gap:7px;padding:5px 10px;background:rgba(6,17,26,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.1);border-radius:30px}.card-dock-btn{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:#94a3b8;border:1px solid rgba(255,255,255,0.08);position:relative;transition:transform 0.2s,background 0.2s}.card-dock-btn.active{background:rgba(34,197,94,0.18);color:#4ade80;border-color:rgba(74,222,128,0.35)}.card-dock-btn.has-badge .card-dock-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;background:#38bdf8;border-radius:50%;box-shadow:0 0 6px #38bdf8}.card-dock-btn.leave{background:#ef4444;color:white;border-color:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,0.4)}.floating-badge{position:absolute;background:rgba(255,255,255,0.9);backdrop-filter:blur(12px);border:1px solid var(--line);padding:8px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 24px rgba(0,0,0,0.08);z-index:5}.floating-badge .emoji{font-size:20px}.floating-badge strong{display:block;font-size:12px;color:var(--ink)}.floating-badge small{display:block;font-size:10px;color:var(--muted)}.badge-top{top:24px;left:-20px;animation:floatSubtle 4s ease-in-out infinite alternate}.badge-bottom{bottom:24px;right:-20px;animation:floatSubtle 4s ease-in-out infinite alternate-reverse}@keyframes floatSubtle{0%{transform:translateY(0)}100%{transform:translateY(-8px)}}.features-section{padding:70px 0 50px;border-top:1px solid var(--line)}.section-header{text-align:center;max-width:640px;margin:0 auto 48px}.kicker{font:600 11px 'DM Mono',monospace;letter-spacing:0.16em;color:var(--coral);margin:0 0 12px;text-transform:uppercase}.section-header h2{font-size:clamp(28px,4vw,42px);letter-spacing:-0.04em;margin:0 0 14px;font-weight:800}.section-desc{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.feature-card{background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:18px;padding:32px;display:flex;flex-direction:column;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);background:#fff;border-color:rgba(243,111,82,0.3);box-shadow:0 16px 36px rgba(16,37,52,0.06)}.feature-card.highlighted{border-color:rgba(243,111,82,0.35);background:linear-gradient(145deg,rgba(255,255,255,0.95),rgba(254,243,240,0.7))}.feature-icon{font-size:32px;margin-bottom:18px}.feature-card h3{font-size:20px;letter-spacing:-0.025em;margin:0 0 12px;font-weight:700}.feature-card p{color:#4e616c;font-size:15px;line-height:1.65;margin:0 0 20px;flex:1}.feature-tag{align-self:flex-start;font:700 11px 'DM Mono',monospace;background:rgba(16,37,52,0.06);color:var(--ink);padding:5px 10px;border-radius:6px;text-transform:uppercase}.steps-section{padding:70px 0;border-top:1px solid var(--line)}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin-top:24px}.step-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;text-align:center}.step-number{font:800 28px 'DM Mono',monospace;color:var(--coral);margin-bottom:14px}.step-item h4{font-size:19px;margin:0 0 10px;font-weight:700}.step-item p{color:#4e616c;font-size:14.5px;line-height:1.6;margin:0}.step-divider{font-size:26px;color:var(--muted);opacity:0.5}.faq-section{padding:70px 0 80px;border-top:1px solid var(--line)}.faq-accordion{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color 0.2s}.faq-item.open{border-color:var(--coral)}.faq-question{width:100%;padding:22px 24px;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font:700 17px 'Manrope',sans-serif;color:var(--ink);text-align:left}.faq-icon{font-style:normal;font-size:22px;color:var(--coral);transition:transform 0.2s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.25s ease-out;padding:0 24px}.faq-item.open .faq-answer{max-height:220px;padding:0 24px 22px}.faq-answer p{color:#4e616c;font-size:15px;line-height:1.7;margin:0}footer{border-top:1px solid var(--line);padding:40px 0 30px;margin-top:auto}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:24px;border-bottom:1px solid rgba(16,37,52,0.06)}.footer-brand p{color:var(--muted);font-size:13px;margin:6px 0 0}.footer-links{display:flex;gap:18px;font:600 11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font:500 11px 'DM Mono',monospace;color:var(--muted)}html.in-call,body.in-call{background:#060e15 !important;color:#f1f5f9 !important;transition:background 0.35s ease}body.in-call .ambient-glow.glow-1{background:radial-gradient(circle,rgba(56,189,248,0.12),transparent 70%) !important;opacity:0.55 !important;filter:blur(140px) !important}body.in-call .ambient-glow.glow-2{background:radial-gradient(circle,rgba(243,111,82,0.10),transparent 70%) !important;opacity:0.45 !important;filter:blur(140px) !important}body.in-call .app-shell,.app-shell:has(.room-view:not([hidden])){max-width:1440px !important;padding:0 24px !important;min-height:100vh !important;min-height:100dvh !important;background:transparent !important}.room-view{position:relative;flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--safe-bottom)+94px);overflow:hidden}.call-topbar{position:absolute;top:max(12px,calc(var(--safe-top)+12px));left:12px;right:12px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;pointer-events:none;padding:0}.call-topbar>*{pointer-events:auto}.call-meta{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0;flex-wrap:nowrap}.live-indicator{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;font:700 12px 'DM Mono',monospace;padding:6px 10px;border-radius:20px;border:1px solid var(--line-glass);display:flex;align-items:center;gap:5px;box-shadow:0 4px 14px rgba(0,0,0,0.25);white-space:nowrap;flex-shrink:0}.pulse-green{width:7px;height:7px;background:#48bb78;border-radius:50%;box-shadow:0 0 10px #48bb78;animation:pulseGreen 1.6s infinite}@keyframes pulseGreen{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}.room-pill{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;font:600 12px 'DM Mono',monospace;padding:6px 11px;border-radius:20px;border:1px solid var(--line-glass);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.25);display:flex;align-items:center;gap:4px;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.room-pill:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.35);transform:translateY(-1px)}.room-pill .code-label{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:0.04em}.room-pill strong{color:#eea067;font-weight:700;font-size:12px;letter-spacing:0.02em}.call-top-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap}.glass-pill-btn{background:var(--coral);color:#fff;border:1px solid rgba(255,255,255,0.25);font:700 13px 'Manrope',sans-serif;padding:6px 14px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px rgba(243,111,82,0.4);transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.glass-pill-btn:hover{background:var(--coral-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(243,111,82,0.5)}.glass-pill-btn:active{transform:scale(0.94)}.glass-icon-btn{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;border:1px solid var(--line-glass);width:36px;height:36px;min-width:36px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:15px;transition:all 0.2s ease;flex-shrink:0}.glass-icon-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.35);transform:translateY(-1px)}.glass-icon-btn.active-toggle{background:rgba(243,111,82,0.25);border-color:var(--coral);color:#fff}.glass-pill-btn:active{transform:scale(0.94) !important;background:var(--coral-hover) !important}.glass-icon-btn:active{transform:scale(0.92) !important;background:rgba(255,255,255,0.22) !important;color:#ffffff !important}.dock-btn:active{transform:scale(0.92) !important;background:rgba(255,255,255,0.18) !important;color:#ffffff !important}.call-topbar,.call-bottom-dock{transition:opacity 0.28s cubic-bezier(0.16,1,0.3,1),transform 0.28s cubic-bezier(0.16,1,0.3,1);will-change:opacity,transform}.tile-label,.tile-tag{transition:opacity 0.25s ease}.room-view.controls-hidden .call-topbar{opacity:0 !important;pointer-events:none !important;transform:translateY(-20px) !important}.room-view.controls-hidden .call-bottom-dock{opacity:0 !important;pointer-events:none !important;transform:translateY(32px) !important}.room-view.controls-hidden .tile-label,.room-view.controls-hidden .tile-tag{opacity:0 !important}.video-stage-container{flex:1;position:relative;width:100%;height:100%;min-height:440px;display:flex;cursor:pointer}.video-stage{flex:1;position:relative;background:radial-gradient(circle at 50% 30%,#0d1e2e 0%,#060e15 100%) !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:24px !important;overflow:hidden;display:grid;grid-template-columns:1fr 300px;gap:14px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.04) !important;transition:grid-template-columns 0.3s ease}.video-stage:has(.local-tile[hidden]){grid-template-columns:1fr !important}.local-tile[hidden]{display:none !important}.video-tile{background:#0b1723 !important;border:1px solid rgba(255,255,255,0.07) !important;border-radius:18px !important;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;box-shadow:0 12px 32px rgba(0,0,0,0.45) !important}.video-tile.speaking{box-shadow:0 0 14px rgba(52,211,153,0.2)}.remote-tiles-grid{width:100%;height:100%;position:relative;display:grid;gap:12px;min-height:0;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;border-radius:14px}.remote-tiles-grid[data-count="0"]{display:flex}.remote-tiles-grid[data-count="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.remote-tiles-grid[data-count="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.remote-tiles-grid[data-count="3"],.remote-tiles-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.remote-tiles-grid[data-count="5"],.remote-tiles-grid[data-count="6"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.remote-tile{width:100%;height:100%;min-height:0;position:relative}.local-tile{background:#0e2030 !important;border:1px solid rgba(255,255,255,0.14) !important;border-radius:18px !important;min-height:200px;align-self:end;box-shadow:0 16px 44px rgba(0,0,0,0.6) !important}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.local-tile video{transform:scaleX(-1);transition:transform 0.3s ease}.local-tile.back-cam video{transform:scaleX(1) !important}.flip-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c3d0ca;gap:12px;z-index:2;background:radial-gradient(circle at 50% 35%,#0e2030 0%,#060e16 100%) !important;padding:24px;text-align:center;border-radius:20px !important}.empty-state[hidden],[hidden]{display:none !important}.empty-state strong{font-size:17px;color:#fff}.empty-state small{color:#91a5a4;font-size:13px;max-width:280px;line-height:1.5}.empty-actions-row{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px;margin-top:8px}.mobile-invite-btn{width:100%;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;border-radius:12px}.empty-code-btn{width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,0.08);border:1px dashed rgba(255,255,255,0.28);color:#ffffff;padding:0 14px;border-radius:12px;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;flex-wrap:nowrap;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none}.empty-code-btn:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.5);transform:translateY(-1px)}.empty-code-btn:active{transform:scale(0.97);background:rgba(255,255,255,0.22)}.empty-code-label{font-size:10.5px;color:#94a3b8;font-family:var(--font-mono,monospace);font-weight:600;letter-spacing:0.06em;flex-shrink:0;white-space:nowrap}.empty-code-text{font-family:var(--font-mono,monospace);color:#38bdf8;font-size:clamp(12px,3.2vw,13.5px);font-weight:700;letter-spacing:0.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.empty-code-copy-icon{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;transition:transform 0.2s ease,color 0.2s ease}.empty-code-btn:hover .empty-code-copy-icon{color:#ffffff;transform:scale(1.15)}.empty-code-btn.copied{background:rgba(16,185,129,0.25) !important;border-color:#10b981 !important}.empty-code-btn.copied .empty-code-text{color:#34d399 !important}.empty-code-btn.copied .empty-code-copy-icon{color:#34d399 !important}.pulse-ring{width:58px;height:58px;border:2px solid #eea067;border-radius:50%;display:grid;place-items:center;color:#efb966;font-size:26px;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(238,160,103,0.5)}70%{box-shadow:0 0 0 18px rgba(238,160,103,0)}100%{box-shadow:0 0 0 0 rgba(238,160,103,0)}}.tile-label{position:absolute;bottom:10px;left:10px;background:rgba(16,37,52,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;padding:4px 8px;border-radius:6px;font:600 10px 'DM Mono',monospace;text-transform:uppercase;z-index:4}.tile-tag{position:absolute;top:10px;left:10px;background:var(--coral);color:white;padding:3px 6px;border-radius:4px;font:600 9px 'DM Mono',monospace;text-transform:uppercase;z-index:4}.tile-controls{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:4}.icon-btn{background:rgba(16,37,52,0.75);backdrop-filter:blur(8px);border:1px solid var(--line-glass);color:white;width:30px;height:30px;border-radius:6px;cursor:pointer;display:grid;place-items:center;font-size:12px}.reactions-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:15}.floating-emoji{position:absolute;bottom:40px;font-size:38px;animation:floatUp 2.4s cubic-bezier(0.2,0.8,0.2,1) forwards;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.4))}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(0.5)}20%{opacity:1;transform:translateY(-40px) scale(1.3)}80%{opacity:0.9;transform:translateY(-240px) scale(1)}100%{opacity:0;transform:translateY(-320px) scale(0.7)}}.call-bottom-dock{position:fixed;bottom:max(12px,calc(var(--safe-bottom)+12px));left:16px;right:16px;margin:0 auto;max-width:480px;background:rgba(13,22,33,0.88);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,0.14);border-radius:44px;padding:8px 14px;display:flex;justify-content:space-around;align-items:center;gap:6px;box-shadow:0 20px 48px -10px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);z-index:40}.dock-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);color:#f1f5f9;min-width:48px;height:52px;border-radius:26px;padding:4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);position:relative}.dock-btn:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.25);transform:translateY(-2px)}.dock-btn:active{transform:scale(0.92)}.dock-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#f8fafc}.dock-icon svg{display:block}.dock-label{font:600 10px 'Manrope',sans-serif;letter-spacing:0.02em;color:#94a3b8;line-height:1}.dock-btn:hover .dock-label{color:#e2e8f0}.dock-btn.active-toggle{background:rgba(72,187,120,0.22);border-color:rgba(72,187,120,0.6);color:#86efac}.dock-btn.active-toggle .dock-icon{color:#86efac}.dock-btn.active-toggle .dock-label{color:#86efac}.dock-btn.muted-toggle{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.6);color:#fca5a5}.dock-btn.muted-toggle .dock-icon{color:#f87171}.dock-btn.muted-toggle .dock-label{color:#fca5a5}.dock-btn.end-call-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:rgba(255,255,255,0.2);color:#ffffff;min-width:52px;box-shadow:0 6px 20px rgba(239,68,68,0.45)}.dock-btn.end-call-btn .dock-icon{color:#ffffff}.dock-btn.end-call-btn .dock-label{color:rgba(255,255,255,0.9)}.dock-btn.end-call-btn:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow:0 8px 24px rgba(239,68,68,0.55)}.dock-btn.end-call-btn:active{transform:scale(0.92)}.dock-badge{position:absolute;top:-4px;right:-4px;background:var(--coral);color:#fff;font:700 9px 'DM Mono',monospace;padding:2px 6px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.4)}.dock-reactions-wrapper{position:relative}.reactions-popup{position:absolute;bottom:calc(100%+12px);left:50%;transform:translateX(-50%);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:6px 10px;border-radius:28px;box-shadow:0 14px 36px rgba(0,0,0,0.4);border:1px solid var(--line-glass);display:flex;gap:6px;z-index:50}.reaction-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:3px;border-radius:50%;transition:transform 0.15s}.reaction-btn:active{transform:scale(1.35)}.chat-drawer{width:320px;background:#fff;border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:0 14px 40px rgba(0,0,0,0.12);overflow:hidden;z-index:35}.chat-sheet-handle{display:none;width:36px;height:4px;background:#cbd5e0;border-radius:2px;margin:8px auto 0}.chat-header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:14px;font-weight:700}.close-chat{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);width:30px;height:30px;display:grid;place-items:center}.chat-messages{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-welcome{font-size:11px;color:var(--muted);text-align:center;background:rgba(16,37,52,0.04);padding:8px 10px;border-radius:8px;line-height:1.4}.chat-msg{max-width:82%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.4;word-break:break-word}.chat-msg.self{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:2px}.chat-msg.peer{align-self:flex-start;background:rgba(16,37,52,0.08);color:var(--ink);border-bottom-left-radius:2px}.chat-msg small{display:block;font-size:9px;margin-top:2px;opacity:0.7}.chat-input-form{padding:10px 12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;background:#faf8f5}.chat-attach-btn{background:rgba(16,37,52,0.08);border:1px solid var(--line);color:var(--ink);width:38px;height:38px;border-radius:8px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all 0.18s ease}.chat-attach-btn:hover{background:rgba(16,37,52,0.16);transform:scale(1.05)}.chat-attach-btn:active{transform:scale(0.95)}.chat-input-form input[type="text"]{flex:1;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px;outline:none;background:#fff;min-width:0}.chat-send{padding:8px 14px;flex-shrink:0}.chat-drawer.drag-over{border:2px dashed #f36f52 !important;background:#fff8f5 !important}.chat-msg.has-media{padding:6px;max-width:88%}.chat-image-preview{width:100%;max-height:220px;object-fit:cover;border-radius:8px;cursor:pointer;display:block;transition:opacity 0.2s ease,transform 0.2s ease}.chat-image-preview:hover{opacity:0.92;transform:scale(1.01)}.chat-video-preview{width:100%;max-height:220px;border-radius:8px;background:#000;display:block}.chat-audio-preview{width:100%;min-width:200px;height:38px;margin:4px 0;border-radius:20px}.chat-doc-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(0,0,0,0.06);border-radius:8px;border:1px solid rgba(0,0,0,0.08)}.chat-msg.self .chat-doc-card{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.18)}.doc-icon{font-size:24px;flex-shrink:0}.doc-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.doc-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:10.5px;opacity:0.75;font-family:var(--font-mono,monospace)}.doc-download-btn{background:#f36f52;color:#fff !important;border:none;border-radius:6px;padding:6px 10px;font-size:11.5px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;transition:background 0.18s}.doc-download-btn:hover{background:#e2583a}.file-progress-bar{width:100%;height:4px;background:rgba(0,0,0,0.12);border-radius:2px;margin-top:6px;overflow:hidden}.chat-msg.self .file-progress-bar{background:rgba(255,255,255,0.2)}.file-progress-fill{height:100%;width:0%;background:#38bdf8;transition:width 0.15s ease-out}.lightbox-backdrop{z-index:120;background:rgba(0,0,0,0.9) !important;display:flex;align-items:center;justify-content:center;padding:16px}.lightbox-box{position:relative;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-box img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,0.8)}.lightbox-close{position:absolute;top:-38px;right:0;background:rgba(255,255,255,0.2);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;font-size:13px;gap:14px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,37,52,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;z-index:100}.share-modal{background:var(--paper);width:min(100%,360px);padding:24px 20px;border-radius:16px;position:relative;box-shadow:0 24px 48px rgba(0,0,0,0.3)}.share-modal h2{font-size:24px;line-height:1.1;letter-spacing:-0.05em;margin:0 0 14px}.close-modal{position:absolute;right:14px;top:14px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--ink)}.qr-code{width:160px;height:160px;background:#fff;padding:8px;border-radius:10px;margin:0 auto 16px;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,0.06)}.qr-code img{max-width:100%}.modal-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px;margin-bottom:0}[hidden],.room-view[hidden],#landingContent[hidden],#startView[hidden],#joinForm[hidden],#chatDrawer[hidden],#shareModal[hidden]{display:none !important}@media (min-width:769px){.app-shell{max-width:1320px;padding:0 40px}.topbar{height:84px}.brand{font-size:30px}.nav-status{font:600 13px 'DM Mono',monospace;padding:7px 14px}.status-dot{width:8px;height:8px}.hero{padding:72px 0 60px;gap:48px}.hero-copy{max-width:620px}.hero-badge{font:600 13.5px 'DM Mono',monospace;padding:8px 16px;margin-bottom:24px;gap:8px}.hero h1{font-size:clamp(48px,4.8vw,72px);line-height:1.08;margin-bottom:24px}.lede{font-size:19px;line-height:1.72;max-width:580px;margin-bottom:36px}.button{font:700 16px 'Manrope',sans-serif;padding:16px 32px;min-height:56px}.join-form{max-width:480px;padding:16px 18px}.join-form label{font:600 12.5px 'DM Mono',monospace;margin-bottom:10px}.input-row input{font:15px 'DM Mono',monospace;padding:14px 16px}.trust-pill-row{margin-top:40px;gap:14px}.trust-pill{font:600 13px 'DM Mono',monospace;padding:7px 14px;border-radius:8px}.hero-art{height:460px;max-width:480px}.orbit-one{width:430px;height:270px}.orbit-two{width:330px;height:420px}.call-card-interactive{width:270px;height:350px;padding:18px;border-radius:20px}.call-card-top,.call-card-bottom{font:12px 'DM Mono',monospace}.live-pill{font-size:11px}.portrait span,.mini-portrait span{font:11.5px 'DM Mono',monospace;padding:3px 8px}.floating-badge{padding:10px 18px;border-radius:14px}.floating-badge strong{font-size:14px}.floating-badge small{font-size:12px}.features-section{padding:90px 0 70px}.section-header{max-width:720px;margin-bottom:56px}.kicker{font:600 13px 'DM Mono',monospace;letter-spacing:0.18em;margin-bottom:14px}.section-header h2{font-size:clamp(34px,3.4vw,48px);margin-bottom:16px}.section-desc{font-size:17.5px;line-height:1.68}.features-grid{gap:26px}.feature-card{padding:36px 32px;border-radius:20px}.feature-icon{font-size:38px;margin-bottom:20px}.feature-card h3{font-size:22px;margin-bottom:14px}.feature-card p{font-size:16.5px;line-height:1.7;margin-bottom:24px}.feature-tag{font:700 12.5px 'DM Mono',monospace;padding:6px 12px}.steps-section{padding:85px 0}.step-item{padding:34px 28px;border-radius:18px}.step-number{font:800 32px 'DM Mono',monospace;margin-bottom:16px}.step-item h4{font-size:21px;margin-bottom:12px}.step-item p{font-size:16px;line-height:1.65}.faq-section{padding:85px 0 95px}.faq-accordion{max-width:820px;gap:16px}.faq-item{border-radius:16px}.faq-question{font:700 18.5px 'Manrope',sans-serif;padding:24px 28px}.faq-answer p{font-size:16.5px;line-height:1.75}.faq-item.open .faq-answer{padding:0 28px 24px}footer{padding:52px 0 36px}.footer-brand p{font-size:15px;margin-top:8px}.footer-links{font:600 13px 'DM Mono',monospace;gap:24px}.footer-bottom{font:500 13px 'DM Mono',monospace;padding-top:24px}.share-modal{width:min(100%,420px);padding:30px 26px;border-radius:20px}.share-modal h2{font-size:26px}.share-link-row input{font-size:15px}.modal-note{font-size:13.5px;line-height:1.6}.app-shell:has(.room-view:not([hidden])){height:100vh !important;max-height:100vh !important;overflow:hidden !important;padding:16px 32px 20px !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important}.room-view:not([hidden]){height:100% !important;flex:1 !important;min-height:0 !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;padding-bottom:0 !important;position:relative !important}.room-view:not([hidden]) .call-topbar{position:static !important;width:100% !important;height:50px !important;margin-bottom:12px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;pointer-events:auto !important}.live-indicator{font:700 13px 'DM Mono',monospace;padding:7px 13px}.room-pill{font:600 13px 'DM Mono',monospace;padding:7px 14px;gap:6px}.room-pill .code-label{font-size:11px}.room-pill strong{font-size:13.5px}.glass-pill-btn{font:700 14px 'Manrope',sans-serif;padding:7px 16px}.glass-icon-btn{width:40px;height:40px;min-width:40px;font-size:16px}.room-view:not([hidden]) .video-stage-container{flex:1 !important;min-height:0 !important;height:100% !important;margin-bottom:14px !important;overflow:hidden !important;position:relative !important;display:flex !important;gap:14px !important}.room-view:not([hidden]) .video-stage{flex:1 !important;min-height:0 !important;height:100% !important;overflow:hidden !important;display:grid !important;grid-template-columns:1fr 300px !important;gap:14px !important;padding:14px !important;border-radius:20px !important}.tile-label{font:600 12px 'DM Mono',monospace;padding:6px 10px;border-radius:8px}.tile-tag{font:600 11px 'DM Mono',monospace;padding:4px 8px;border-radius:6px}.empty-state strong{font-size:20px}.empty-state small{font-size:15px;max-width:340px;line-height:1.6}.room-view:not([hidden]) .remote-tile,.room-view:not([hidden]) .local-tile{height:100% !important;min-height:0 !important;overflow:hidden !important}.room-view:not([hidden]) .call-bottom-dock{position:static !important;margin:0 auto !important;width:fit-content !important;max-width:560px !important;box-sizing:border-box !important;padding:8px 16px !important;gap:8px !important;border-radius:50px !important}.dock-btn{min-width:56px;height:56px;padding:5px 10px;border-radius:28px}.dock-icon{width:24px;height:24px}.dock-label{font-size:11.5px}.dock-btn.end-call-btn{min-width:60px}.chat-drawer{width:360px;border-radius:18px}.chat-header{padding:14px 18px}.chat-header h3{font-size:16px}.chat-msg{font-size:14.5px;line-height:1.5;padding:10px 14px}.chat-msg small{font-size:11px}.chat-welcome{font-size:13px;padding:10px 14px}.chat-input-form input{font-size:14.5px;padding:12px 14px}}@media (min-width:1440px){.app-shell{max-width:1440px;padding:0 48px}.hero h1{font-size:76px}.lede{font-size:20.5px;max-width:620px}.feature-card p{font-size:17px}.section-desc{font-size:18.5px}}@media (max-width:768px){.app-shell{padding:0 16px !important}.topbar{height:64px}.hero{grid-template-columns:1fr;padding:24px 0 20px;gap:24px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(28px,7.5vw,40px)}.hero-actions{flex-direction:column;width:100%;gap:10px}.hero-actions .button{width:100%}.hero-art{height:300px;max-width:320px}.orbit-one{width:290px;height:180px}.orbit-two{width:220px;height:270px}.call-card-interactive{width:210px;height:270px}.badge-top{left:-10px;top:10px}.badge-bottom{right:-10px;bottom:10px}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:12px}.step-divider{transform:rotate(90deg);margin:-4px 0}.footer-top{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:12px}.footer-bottom{flex-direction:column;gap:8px;align-items:flex-start}html.in-call,body.in-call{height:100dvh !important;max-height:100dvh !important;overflow:hidden !important;position:fixed !important;width:100vw !important;inset:0 !important;overscroll-behavior:none !important;touch-action:none !important}body.in-call .app-shell,.app-shell:has(.room-view:not([hidden])){padding:0 !important;max-width:100% !important;height:100dvh !important;max-height:100dvh !important;overflow:hidden !important;background:#000 !important;position:fixed !important;inset:0 !important}#landingTopbar:has(+#landingContent[hidden]){display:none !important}#landingFooter:has(+#landingContent[hidden]){display:none !important}body.in-call .room-view,.room-view:not([hidden]){padding-bottom:0 !important;height:100dvh !important;max-height:100dvh !important;overflow:hidden !important;position:fixed !important;inset:0 !important;width:100vw !important;overscroll-behavior:none !important}.video-stage-container{height:100dvh;min-height:100dvh}.video-stage{border-radius:0;padding:0;gap:0;grid-template-columns:1fr;height:100dvh;min-height:100dvh}.video-stage,.video-stage-container,.remote-tiles-grid,.remote-tile,.video-tile{border:none !important;outline:none !important;box-shadow:none !important}.video-tile.speaking,.remote-tile.speaking{border:none !important;outline:none !important;box-shadow:none !important}.remote-tiles-grid{border-radius:0 !important;gap:0 !important;height:100dvh !important;min-height:100dvh !important;border:none !important;outline:none !important;box-shadow:none !important}.remote-tile{border-radius:0 !important;min-height:0 !important;height:100% !important;border:none !important;outline:none !important;box-shadow:none !important}.call-topbar,.room-view .call-topbar,.room-view:not([hidden]) .call-topbar{position:absolute !important;top:max(12px,calc(var(--safe-top)+12px)) !important;left:10px !important;right:10px !important;gap:4px !important;padding:0 !important;width:auto !important;z-index:40 !important;margin:0 !important;pointer-events:none !important}.call-topbar>*{pointer-events:auto !important}.call-bottom-dock,.room-view .call-bottom-dock,.room-view:not([hidden]) .call-bottom-dock{position:fixed !important;bottom:max(12px,calc(var(--safe-bottom)+12px)) !important;left:10px !important;right:10px !important;margin:0 auto !important;width:auto !important;max-width:480px !important;box-sizing:border-box !important;padding:6px 8px !important;border-radius:32px !important;z-index:40 !important;display:flex !important}.call-meta{gap:4px}.live-indicator{padding:5px 8px;font-size:11px;gap:4px}.room-pill{padding:5px 8px;font-size:11px;gap:3px}.room-pill strong{font-size:11.5px}.call-top-actions{gap:4px}.glass-icon-btn{width:34px;height:34px;min-width:34px;font-size:14px}.call-topbar .glass-pill-btn{display:none !important}.tile-controls{display:none !important}.local-tile{position:absolute;right:12px;top:max(56px,calc(var(--safe-top)+54px));width:104px;height:148px;border-radius:16px;z-index:35;border:2px solid rgba(255,255,255,0.45);box-shadow:0 12px 28px rgba(0,0,0,0.65);min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease}.local-tile:active,.local-tile.is-dragging{cursor:grabbing;transform:scale(1.04);box-shadow:0 18px 40px rgba(0,0,0,0.8),0 0 0 2px var(--coral);border-color:var(--coral);transition:none !important}.chat-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;height:70dvh;border-radius:24px 24px 0 0;z-index:100;box-shadow:0 -12px 40px rgba(0,0,0,0.4);animation:slideUp 0.28s cubic-bezier(0.16,1,0.3,1)}.chat-sheet-handle{display:block}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.dock-btn{min-width:40px;height:46px;border-radius:22px;padding:2px 4px}.dock-icon{font-size:16px}.dock-label{font-size:8.5px}.dock-btn.end-call-btn{min-width:44px}}.room-view.immersive-fullscreen,:fullscreen .room-view,:-webkit-full-screen .room-view{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;max-height:100dvh !important;z-index:9999 !important;background:#000 !important;padding:0 !important;margin:0 !important}.room-view.immersive-fullscreen .call-topbar,:fullscreen .call-topbar,:-webkit-full-screen .call-topbar{position:absolute !important;top:max(14px,calc(var(--safe-top)+14px)) !important;left:14px !important;right:14px !important;z-index:10000 !important;margin:0 !important;padding:0 !important;opacity:1 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;width:auto !important;pointer-events:none !important}.room-view.immersive-fullscreen .call-topbar>*,:fullscreen .call-topbar>*,:-webkit-full-screen .call-topbar>*{pointer-events:auto !important}.room-view.immersive-fullscreen .video-stage-container,:fullscreen .video-stage-container,:-webkit-full-screen .video-stage-container{height:100% !important;margin-bottom:0 !important}.room-view.immersive-fullscreen .video-stage,:fullscreen .video-stage,:-webkit-full-screen .video-stage{border-radius:0 !important;padding:0 !important}.room-view.immersive-fullscreen .call-bottom-dock,:fullscreen .call-bottom-dock,:-webkit-full-screen .call-bottom-dock{position:fixed !important;bottom:max(14px,calc(var(--safe-bottom)+14px)) !important;left:14px !important;right:14px !important;margin:0 auto !important;z-index:10000 !important}:focus-visible{outline:2px solid #eea067 !important;outline-offset:3px !important;box-shadow:0 0 0 4px rgba(238,160,103,0.25) !important}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.quality-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(16,32,45,0.75);border:1px solid rgba(255,255,255,0.1);padding:4px 9px;border-radius:999px;font-family:var(--font-mono,monospace);font-size:11px;font-weight:600;color:#c5d7d3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color 0.25s ease,color 0.25s ease}.quality-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.6)}.quality-badge.good .quality-dot{background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.6)}.quality-badge.fair .quality-dot{background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,0.6)}.quality-badge.poor .quality-dot{background:#f87171;box-shadow:0 0 8px rgba(248,113,113,0.6)}.shortcuts-modal-box{max-width:440px !important}.shortcuts-grid{display:flex;flex-direction:column;gap:10px;margin:18px 0;text-align:left}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13.5px;color:#d1dedb}.shortcut-row span{flex:1;margin-left:12px}kbd{display:inline-block;padding:3px 7px;font-family:var(--font-mono,monospace);font-size:11.5px;font-weight:600;color:#fff;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,0.3)}body.in-call .ambient-glow,html.in-call .ambient-glow,body.in-call .glow-1,body.in-call .glow-2,body.in-call .orbit,body.in-call .orbit-one,body.in-call .orbit-two,body.in-call .avatar-glow,body.in-call .pulse-ring,body.in-call .pulse-green{display:none !important;animation:none !important;filter:none !important;will-change:auto !important}body.in-call{background:#000000 !important}.video-tile{contain:layout style;will-change:transform}.video-tile video{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}body.battery-saver .ambient-glow,body.battery-saver .pulse-ring,body.battery-saver .pulse-green{animation:none !important;opacity:0.2 !important}body.battery-saver .glass-pill-btn,body.battery-saver .glass-icon-btn,body.battery-saver .call-topbar{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:#0b1a26 !important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.floating-studio-light{position:fixed;top:120px;left:24px;width:140px;height:140px;min-width:60px;min-height:60px;max-width:380px;max-height:380px;border-radius:50%;z-index:9998;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;display:block;box-shadow:0 8px 32px rgba(0,0,0,0.45);background:#ffffff;border:2.5px solid rgba(255,255,255,0.98);overflow:hidden}.floating-studio-light.is-dragging{cursor:grabbing !important}.floating-studio-light[hidden]{display:none !important}.light-core{width:100%;height:100%;border-radius:50%;background:#ffffff !important}.glass-icon-btn.active-light{background:rgba(254,240,138,0.25) !important;border-color:rgba(253,224,71,0.8) !important;color:#fef08a !important;box-shadow:0 0 16px rgba(253,224,71,0.45) !important}.info-modal-box,.shortcuts-modal-box{background:#0d1a26 !important;border:1px solid rgba(255,255,255,0.18) !important;color:#ffffff !important;border-radius:20px !important;max-width:420px !important;box-shadow:0 24px 60px rgba(0,0,0,0.7) !important}.info-modal-box h2,.shortcuts-modal-box h2{color:#ffffff !important;font-size:22px !important;font-weight:700 !important;margin:0 0 14px !important}.info-modal-box .kicker,.shortcuts-modal-box .kicker{color:var(--coral) !important;font-weight:700 !important;font-size:11px !important;letter-spacing:0.08em !important}.info-modal-box .close-modal,.shortcuts-modal-box .close-modal{color:#ffffff !important;opacity:0.8;font-size:24px}.info-details-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;text-align:left}.info-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:12px !important}.info-label{font-size:11px;font-family:var(--font-mono,monospace);color:#94a3b8 !important;text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.info-val{font-size:14px;font-weight:600;color:#f8fafc !important}.info-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-code-row strong{font-family:var(--font-mono,monospace);font-size:18px;color:#38bdf8 !important;letter-spacing:0.08em;font-weight:700}.btn-sm{padding:4px 14px !important;font-size:12px !important;height:32px !important;border-radius:8px !important}:focus-visible{outline:2px solid #38bdf8 !important;outline-offset:2px !important}@supports (padding-bottom:env(safe-area-inset-bottom)){.topbar{padding-top:calc(12px+env(safe-area-inset-top,0px)) !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.ambient-glow,.orbit,.avatar-glow,.pulse-ring,.pulse-green{animation:none !important}}@media (prefers-contrast:more){.feature-card,.call-card-interactive,.dock-btn,.glass-pill-btn,.glass-icon-btn,.info-modal-box,.share-modal{border:2px solid #ffffff !important}.tile-label,.hero-badge,.feature-tag{border:1px solid #ffffff !important}}