:root{color-scheme:light dark;--brand-primary: #2563eb;--brand-secondary: #4f46e5;--brand-highlight: #60a5fa;--bg-base: #edf2ff;--bg-muted: rgba(255, 255, 255, .6);--text-primary: #0f172a;--text-secondary: #475569;--text-inverse: #ffffff;--surface-glass: rgba(255, 255, 255, .18);--surface-glass-strong: rgba(255, 255, 255, .28);--border-glass: rgba(255, 255, 255, .24);--border-strong: rgba(37, 99, 235, .28);--shadow-soft: 0 24px 60px rgba(30, 50, 90, .18);--shadow-strong: 0 32px 90px rgba(20, 30, 70, .32);--blur-soft: 16px;--blur-strong: 28px;--radius-lg: 20px;--radius-xl: 28px;--radius-xxl: 36px;--max-content-width: 1200px;--transition-fast: .12s ease;--transition-medium: .2s ease;--transition-slow: .32s ease}@media (prefers-color-scheme: dark){:root{--brand-primary: #86b7ff;--brand-secondary: #a78bfa;--brand-highlight: #bfdbfe;--bg-base: #0b152d;--bg-muted: rgba(16, 24, 48, .65);--text-primary: #f8fafc;--text-secondary: #cbd5f5;--text-inverse: #0b152d;--surface-glass: rgba(12, 22, 40, .32);--surface-glass-strong: rgba(22, 32, 56, .48);--border-glass: rgba(118, 132, 190, .35);--border-strong: rgba(134, 179, 255, .4);--shadow-soft: 0 28px 80px rgba(0, 0, 0, .35);--shadow-strong: 0 36px 110px rgba(15, 20, 35, .55)}}.glass,.glass-surface{background:linear-gradient(180deg,#ffffff1f,#ffffff0a),#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff40;position:relative;overflow:hidden}.glass:before,.glass-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff5c,#fff0);mix-blend-mode:screen;opacity:.5;pointer-events:none}@supports not (backdrop-filter: blur(1px)){.glass,.glass-surface{background:#16161a99;box-shadow:0 18px 50px #00000059}}.glass-raised{transform:translateZ(0);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.glass-raised:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}.glass-raised:active{transform:translateY(-2px) scale(.99)}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659,0 0 0 5px #3b82f626}@media (prefers-reduced-motion: reduce){.glass-raised,.glass-raised:hover,.glass-raised:active{transition:none;transform:none}}:root{--surface: rgba(255, 255, 255, .72);--surface-alt: rgba(255, 255, 255, .5);--text: var(--text-primary);--muted: var(--text-secondary);--accent: var(--brand-primary);--accent-strong: var(--brand-secondary);--accent-soft: rgba(37, 99, 235, .12);--danger: #ef4444;--success: #16a34a;--warning: #f59e0b;--border: rgba(255, 255, 255, .4);--shadow: var(--shadow-soft)}@media (prefers-color-scheme: dark){:root{--surface: rgba(20, 32, 56, .54);--surface-alt: rgba(18, 28, 52, .42);--text: var(--text-primary);--muted: var(--text-secondary);--accent: var(--brand-primary);--accent-strong: var(--brand-secondary);--accent-soft: rgba(134, 179, 255, .18);--border: rgba(118, 132, 190, .38)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#dde8ff,#eaf3ff 40%,#f7f9ff);color:var(--text);min-height:100vh;transition:background .6s ease}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,#0b152d,#151c38 45%,#1f2a4a)}}body[data-reduce-motion=true] *{animation-duration:0s!important;animation:none!important;transition:none!important}body[data-reduce-motion=true] .liquid-root,body[data-reduce-motion=true] .svg-liquid{display:none!important}@media (prefers-reduced-motion: reduce){.liquid-root,.svg-liquid{display:none!important}}.gradient-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 60% at 20% 20%,rgba(199,219,255,.8),transparent 70%),radial-gradient(50% 70% at 80% 0%,rgba(242,233,255,.7),transparent 70%),conic-gradient(from 0deg at 50% 50%,#dde8ff99,#eaf3ff99,#f7f9ff99,#c7dbffb3);filter:blur(30px);transform:translate3d(var(--bg-tilt-y, 0),var(--bg-tilt-x, 0),0);transition:transform var(--transition-slow);z-index:-2;animation:bgPulse 28s ease-in-out infinite}.gradient-bg[data-reduce=true]{animation:none}@keyframes bgPulse{0%{opacity:.92}50%{opacity:1}to{opacity:.92}}.landing{position:relative;min-height:100vh;padding:32px 24px 48px}.landing__inner{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:64px}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.landing-header__brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:clamp(1.1rem,1.4vw,1.4rem);color:var(--text)}.landing-header__name{letter-spacing:-.01em}.landing-header__nav{display:flex;align-items:center;gap:20px;font-weight:500}.landing-header__nav a{color:var(--muted);text-decoration:none}.landing-header__nav a:hover{color:var(--accent)}.locale-switcher{position:relative}.locale-menu{position:absolute;top:calc(100% + 10px);right:0;margin:0;padding:8px;list-style:none;background:#ffffffb3;border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 18px 40px #1e325a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.locale-menu button{border:none;background:none;padding:8px 12px;width:100%;border-radius:12px;text-align:left;color:var(--muted)}.locale-menu button.active{background:#2563eb1f;color:var(--accent-strong);font-weight:600}.landing-header__cta{display:flex;align-items:center}.glass-button.ghost{background:transparent;border-color:#fff6}.hero{position:relative;display:flex;flex-direction:column;gap:32px}.hero__card{position:relative;color:var(--text);overflow:hidden}.hero__content{display:flex;gap:48px;align-items:stretch;justify-content:space-between}.hero__text{max-width:420px;display:flex;flex-direction:column;gap:18px}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.9rem;margin:0}.hero h1{font-size:clamp(2.6rem,4vw,3.4rem);line-height:1.08;margin:0}.hero__subtitle{margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem)}.hero__actions{display:flex;gap:16px;flex-wrap:wrap}.cta{border:none;border-radius:28px;padding:16px 28px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.cta.primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 18px 40px #2563eb4d}.cta.ghost,.cta.subtle{background:#ffffff3d;color:var(--accent-strong);border:1px solid rgba(255,255,255,.4)}.cta:hover{transform:translateY(-3px)}.cta:active{transform:scale(.98)}.cta.small{padding:10px 18px;border-radius:20px;font-size:.9rem}.plain-button{background:none;border:none;color:var(--accent-strong);font-weight:600;cursor:pointer}.focus-ring:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa73;border-radius:inherit}.plain-button:hover{text-decoration:underline}.hero__panel{flex:1;display:flex;justify-content:center;align-items:center}.device-preview{width:min(320px,100%);display:flex;flex-direction:column;gap:14px;padding:18px}.device-preview__video{position:relative;width:100%;padding-top:56.25%;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#60a5fa66,#4f46e58c)}.device-preview__video.real{background:#000}.device-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text);background:#ffffff40}.device-preview__video.real video,.device-preview__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wave{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.35),transparent 70%);opacity:.4;animation:wavePulse 8s ease-in-out infinite}.wave-2{animation-delay:2s}.wave-3{animation-delay:4s}@keyframes wavePulse{0%,to{transform:scale(.9);opacity:.35}50%{transform:scale(1.05);opacity:.5}}.glass-card{display:flex;flex-direction:column;gap:20px;position:relative;color:inherit}.glass-card__header,.glass-card__footer{display:flex;align-items:center;justify-content:space-between}.glass-card__body{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.quick-actions{margin-top:32px;display:flex;flex-direction:column;gap:12px}.quick-actions__field{display:flex;background:#ffffff52;border-radius:26px;border:1px solid rgba(255,255,255,.4);overflow:hidden}.quick-actions__field input{flex:1;border:none;background:transparent;padding:16px 20px;font-size:1rem;letter-spacing:.08em}.quick-actions__secondary{display:flex;justify-content:flex-start}.input-error{color:var(--danger);font-size:.9rem;margin:0}.invite-banner{margin-top:24px;display:flex;align-items:center;gap:16px;padding:18px 24px}.invite-banner code{font-family:SF Mono,Menlo,monospace;background:#ffffff47;padding:4px 10px;border-radius:16px}.features{display:flex;flex-direction:column;gap:28px;margin-top:48px}.features__heading h2{margin:0;font-size:clamp(1.8rem,2.8vw,2.2rem)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.demo-anchor{width:1px;height:1px}.feature-card{display:flex;flex-direction:column;gap:12px}.feature-card__icon{width:48px;height:48px;border-radius:16px;background:#2563eb26;display:flex;align-items:center;justify-content:center;color:var(--accent-strong)}.landing-footer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:20px 28px;color:var(--muted)}.landing-footer a{color:inherit;text-decoration:none}.landing-footer a:hover{color:var(--accent)}.footer-links{display:flex;gap:18px}.footer-meta{display:flex;align-items:center;gap:16px}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text)}.toggle input{accent-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1e66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:24px;z-index:50}.join-modal,.device-check-modal{width:min(420px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-subtitle{margin:0 0 16px;color:var(--muted)}.modal-field input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#fff9;font-size:1rem;letter-spacing:.08em}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.device-grid{display:grid;grid-template-columns:1fr;gap:16px}.device-audio{display:flex;flex-direction:column;gap:8px}.level-bar{position:relative;width:100%;height:10px;background:#ffffff47;border-radius:999px;overflow:hidden}.level-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#3b82f633,#3b82f6cc);transform-origin:left center;transition:transform .12s ease}button{font:inherit;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none!important}.center{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top right,rgba(59,108,255,.2),transparent 55%),radial-gradient(circle at bottom left,rgba(94,234,212,.18),transparent 50%),var(--bg)}.card{width:min(520px,92vw);background:#ffffff85;padding:32px;border-radius:26px;box-shadow:0 24px 60px #0f172a2e;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.card h1,.card h2{margin:0 0 18px;font-weight:700}.hint{opacity:.75;font-size:14px}.input{width:100%;padding:14px 16px;border-radius:14px;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);margin:10px 0 16px;font-size:15px}button.primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;padding:12px 20px;border-radius:16px;box-shadow:0 14px 30px #3b6cff40}button.secondary{background:var(--surface-alt);color:var(--text);padding:10px 18px;border-radius:14px;border:1px solid var(--border)}.error{margin-top:12px;color:var(--danger);font-size:14px}.meeting-layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:stretch;gap:32px;padding:22px 36px;position:sticky;top:0;z-index:15}.topbar-left{display:flex;flex-direction:column;gap:12px}.room-heading{display:flex;align-items:center;gap:18px}.room-heading h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 14px;border-radius:999px;background:#2563eb1f;color:var(--accent-strong);font-weight:600;font-size:14px;border:1px solid rgba(37,99,235,.2)}.session-meta{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}.manual-note{color:var(--accent-strong);font-weight:600}.bot-status{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:20px;background:#ffffff8c;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;max-width:420px}.bot-status-chip{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong)}.bot-status-text{font-size:14px;color:var(--muted);line-height:1.4}.bot-status.ready{border-color:#22c55e66;background:#22c55e1f}.bot-status.ready .bot-status-text{color:var(--success)}.bot-status.busy{border-color:#f59e0b66;background:#f59e0b1f}.bot-status.busy .bot-status-text{color:var(--warning)}.topbar-actions{display:flex;align-items:center;gap:16px}.glass-button{padding:11px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.35);background:#ffffff73;color:var(--text);font-weight:600;box-shadow:0 12px 30px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.glass-button:hover{background:#fff9}.glass-button.active{border-color:#2563eb73;box-shadow:0 16px 36px #2563eb38}.glass-button.danger{background:#ef44442e;color:var(--danger);border-color:#ef444459}.glass-button.danger:hover{background:#ef444447}.layout-toggle{position:relative}.layout-toggle .glass-button{min-width:146px}.layout-options{position:absolute;top:calc(100% + 8px);right:0;display:none;flex-direction:column;gap:6px;padding:12px;background:#ffffffb3;border-radius:14px;border:1px solid rgba(255,255,255,.45);box-shadow:0 18px 40px #0f172a29;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:140px;z-index:80}.layout-toggle:hover .layout-options,.layout-toggle:focus-within .layout-options{display:flex}.layout-options button{font:inherit;border:none;padding:8px 12px;border-radius:10px;background:transparent;text-align:left;color:var(--text)}.layout-options button.active{background:#2563eb1f;color:var(--accent-strong);font-weight:600}.stage{flex:1;display:flex;flex-direction:column;gap:24px;padding:32px 36px 28px;margin:24px 36px 0;background:#ffffff52;border-radius:34px;border:1px solid rgba(255,255,255,.4);box-shadow:0 32px 80px #0f172a2e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.stage-spotlight{gap:20px}.spotlight{flex:1;display:flex;min-height:320px}.spotlight .tile{flex:1;min-height:420px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.gallery.filmstrip{display:flex;overflow-x:auto;gap:16px;padding-bottom:10px}.gallery.filmstrip .tile{flex:0 0 220px}.tile{position:relative;background:#ffffffe6;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0f172a1a;border:1px solid rgba(208,213,221,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:220px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tile:hover{transform:translateY(-4px);box-shadow:0 24px 60px #21386d40}.tile video{width:100%;height:100%;object-fit:cover;background:#000}.tile .label{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0a11248c;border-radius:999px;color:#fff;font-size:13px;font-weight:600}.badge{background:#ffffff3d;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.badge-accent{background:#3b6cffeb}.tile-action{position:absolute;top:16px;right:16px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.45);background:#0f172a8c;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.tile-action:hover,.tile-action:focus-visible{background:#3b82f6bf;transform:translateY(-1px)}.tile-action.collapse{background:#0f172ab8}.tile-fullscreen{width:min(1200px,100%);max-height:calc(100vh - 220px);aspect-ratio:16 / 9;border-radius:32px;box-shadow:0 48px 140px #0c12288c;cursor:default}.tile-fullscreen:hover{transform:none;box-shadow:0 48px 140px #0c12288c}.tile-fullscreen video{width:100%;height:100%;object-fit:cover}.tile-fullscreen .label{left:24px;bottom:24px;font-size:16px;padding:12px 20px}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:36px 48px 42px;background:#060c1ab8;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);overflow:auto}.fullscreen-player{flex:1;display:flex;align-items:center;justify-content:center}.fullscreen-controls{position:relative;margin:0 auto;padding:12px 20px;border-radius:999px;width:min(100%,760px);box-shadow:0 24px 72px #080c1c59;background:#1a22388c}.fullscreen-controls:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.28);pointer-events:none}.fullscreen-controls .control{flex:1;color:#f8fafc;background:#ffffff1f;border-color:#fff3;box-shadow:none}.fullscreen-controls .control:hover{background:#fff3}.fullscreen-controls .control.off{background:#f8717138;border-color:#f8717152}.fullscreen-controls .control.leave{color:#fecaca}.fullscreen-controls .control-text{color:inherit}.tile.pinned{border-color:#2563eb99;box-shadow:0 28px 70px #2563eb47}.tile-footer{position:absolute;top:auto;right:18px;bottom:18px;left:auto;display:flex;gap:8px}.chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:6px 16px;font-size:13px;color:var(--muted)}.chip.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 12px 28px #3b6cff40}.control-bar{display:flex;justify-content:center;align-items:center;gap:16px;padding:22px 32px 28px;flex-wrap:wrap}.control-bar.fullscreen-controls{padding:12px 20px;gap:12px}.control{display:inline-flex;align-items:center;gap:10px;background:#ffffff75;border:1px solid rgba(255,255,255,.4);border-radius:18px;padding:12px 24px;font-weight:600;color:var(--text);box-shadow:0 14px 32px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.control-text{font-size:14px}.control.off{background:#f871711f;border-color:#f871714d;color:#b91c1c}.control.leave{background:#ef444433;color:var(--danger);border-color:#ef444459}.control.active{background:#2563eb38;color:#13307d;border-color:#2563eb6b}.control.armed{background:#3b82f61f;border-color:#3b82f647}.control:disabled{opacity:.7;pointer-events:none}.status-dot{width:10px;height:10px;border-radius:50%;background:#0f172a40;box-shadow:inset 0 0 0 1px #0f172a1a}.control.off .status-dot{background:#ef444499}.control.active .status-dot,.control.armed .status-dot{background:#2563ebe6}.control.leave .status-dot{background:#ef4444d9}.status-dot.record{width:12px;height:12px;background:#dc2626d9;box-shadow:0 0 10px #dc262673}.settings-drawer{position:fixed;right:24px;bottom:110px;width:320px;padding:22px 26px;display:flex;flex-direction:column;gap:18px;z-index:12}.settings-drawer h3{margin:0 0 12px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-title{font-weight:700;font-size:15px}.chip-group{display:flex;flex-wrap:wrap;gap:10px}.settings-hint{margin:0;font-size:12px;color:var(--muted)}.side-panel{position:fixed;top:100px;right:32px;width:320px;display:flex;flex-direction:column;z-index:120}.panel-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.35)}.panel-tabs button{flex:1;padding:14px;background:transparent;border:none;font-weight:600;color:var(--muted);transition:background .2s ease,color .2s ease}.panel-tabs button.active{color:var(--accent-strong);background:#2563eb1f;box-shadow:inset 0 -3px #2563eb59}.panel-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:12px}.participants-list{display:flex;flex-direction:column;gap:12px}.participant-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(255,255,255,.35)}.participant-name{font-weight:600}.participant-tags{display:flex;gap:6px}.tag{padding:4px 10px;border-radius:999px;background:#3b6cff2e;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.chat-log{display:flex;flex-direction:column;gap:12px;font-size:14px}.chat-row{background:var(--surface-alt);padding:10px 12px;border-radius:14px}.chat-empty{text-align:center;color:var(--muted);padding:18px 0}.chatBox{padding:14px;display:flex;gap:10px;border-top:1px solid rgba(255,255,255,.4);background:#ffffff85;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chatBox input{flex:1;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.38);background:#ffffffb3;font-size:14px;color:var(--text)}.chatBox button{background:#2563eb29;color:var(--accent-strong);border-radius:14px;padding:0 18px;font-weight:600;border:1px solid rgba(37,99,235,.26)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);color:var(--text);padding:12px 20px;border-radius:999px;font-size:14px;letter-spacing:.01em;z-index:40}@media (max-width: 900px){.landing__inner{gap:40px}.landing-header{flex-direction:column;align-items:flex-start;gap:16px}.landing-header__nav{flex-wrap:wrap}.hero__content{flex-direction:column}.hero__panel{width:100%;justify-content:flex-start}.landing-footer{flex-direction:column;align-items:flex-start}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.topbar-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.stage{margin:16px;padding:24px 18px}.control-bar{flex-wrap:wrap}.side-panel{position:fixed;width:calc(100% - 32px);right:16px}}@media (max-width: 600px){.landing{padding:16px}.hero__card{padding:32px}.hero__actions{flex-direction:column;align-items:stretch}.quick-actions__field{flex-direction:column;border-radius:20px}.quick-actions__field input{text-align:center}.quick-actions__field .cta.small{border-radius:0}.landing-header{padding:16px}}.app-shell{position:relative;min-height:100vh;overflow-x:hidden}.liquid-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-4}.svg-liquid{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-3;mix-blend-mode:screen;opacity:.4}:root{--bg-base: linear-gradient(135deg, #f5f9ff, #edf3ff 50%, #e2ecff 100%);--bg-dark: linear-gradient(135deg, #101828, #17233f);--text-primary: #101828;--text-secondary: #475467;--surface: rgba(255, 255, 255, .7);--surface-strong: rgba(255, 255, 255, .9);--surface-muted: rgba(255, 255, 255, .5);--accent: #2563eb;--accent-strong: #1d4ed8;--danger: #ef4444;--radius-lg: 20px;--radius-xl: 28px;--radius-xxl: 44px;--blur-strong: 28px;--shadow-soft: 0 40px 80px rgba(15, 23, 42, .15)}body{font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.liquid-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2}.svg-liquid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.35}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.landing__content{max-width:640px;width:100%;display:flex;flex-direction:column;gap:32px;align-items:center}.landing__brand{font-size:18px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.landing__headline{margin:0;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.landing__actions{display:flex;gap:16px}.landing__actions .action{min-width:220px}.action{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:16px;letter-spacing:.01em;color:var(--text-primary);background:var(--surface);box-shadow:0 24px 48px #0f172a1f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.action--primary{background:var(--accent);color:#fff;border-color:#2563eb59}.action:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 30px 60px #2563eb2e}.focus-ring:focus-visible,.action:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgba(37,99,235,.55);outline-offset:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.glass{background:var(--surface);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-soft)}.glass-card{width:min(420px,100%);color:var(--text-primary)}.glass-card__body{display:flex;flex-direction:column;gap:20px}.join-modal{display:flex;flex-direction:column;gap:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header h2{margin:0;font-size:22px;font-weight:600}.plain-button,.cta{background:none;border:none;cursor:pointer;font:inherit;color:var(--accent)}.modal-field input,.card input{width:100%;padding:14px 18px;border-radius:16px;border:1px solid rgba(148,163,184,.4);background:#ffffffe6;font-size:16px}.modal-footer,.landing__actions{display:flex;gap:12px}.cta.primary{background:var(--accent);color:#fff;padding:12px 20px;border-radius:999px}.cta.subtle{padding:12px 20px;border-radius:999px;background:#ffffffa6;color:var(--text-primary)}.input-error,.error{color:var(--danger);font-size:14px;margin:0}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}.card{background:var(--surface);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-soft);max-width:420px;width:100%;display:flex;flex-direction:column;gap:18px;text-align:center}.minimal-card h2{margin:0;font-size:26px;font-weight:600}.card-helper{margin:0;color:var(--text-secondary);font-size:15px}.card-note{margin:0;font-size:14px;color:var(--text-secondary)}.preview-video{width:260px;height:180px;object-fit:cover;border-radius:18px;background:#000;align-self:center}.call-page{min-height:100vh;display:flex;flex-direction:column;padding:40px clamp(16px,6vw,72px);gap:32px}.call-header{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--text-secondary)}.call-room{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.call-indicator{font-size:14px;color:var(--accent-strong);display:inline-flex;align-items:center;gap:6px}.video-grid{flex:1;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.video-tile{position:relative;background:#0f172ad9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 48px #0f172a2e;display:flex}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile__name{position:absolute;left:16px;bottom:14px;padding:6px 12px;background:#0f172a99;border-radius:999px;color:#fff;font-size:13px;font-weight:600}.call-controls{display:flex;justify-content:center;align-items:center;gap:clamp(12px,4vw,24px)}.control-circle{width:68px;height:68px;border-radius:50%;background:var(--surface);border:1px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;box-shadow:0 18px 36px #0f172a1f}.control-circle span{pointer-events:none}.control-circle:hover{transform:translateY(-2px)}.control-circle.is-off{background:#ef44441f;color:var(--danger);border-color:#ef444466}.control-circle.is-on{background:#2563eb2e;color:var(--accent-strong);border-color:#2563eb59}.control-circle.danger{background:var(--danger);color:#fff;border-color:#ef444499}.control-circle:disabled{opacity:.6;cursor:not-allowed;transform:none}.summary-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:64px 24px}.summary-card{width:min(420px,100%);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:40px 32px;text-align:center;display:flex;flex-direction:column;gap:18px;color:var(--text-primary)}.summary-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(37,99,235,.2);border-top-color:var(--accent);align-self:center;animation:spin 1s linear infinite}.summary-done,.summary-error{font-size:42px;align-self:center}.summary-error{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 840px){.landing__actions{flex-direction:column;width:100%}.call-page{padding:32px 16px 24px;gap:24px}.call-controls{gap:16px}.control-circle{width:60px;height:60px;font-size:13px}}@media (prefers-color-scheme: dark){body{background:var(--bg-dark);color:#e2e8f0}.landing__brand,.call-header,.card-helper,.card-note{color:#cbd5f5}.action{background:#0f172a8c;color:#f8fafc;border-color:#94a3b84d}.glass,.card,.glass-card,.summary-card{background:#0d1423c7;border-color:#94a3b840;color:#f3f4ff}.video-tile{background:#080d18e6}.video-tile__name{background:#0f172abf}}