:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#0b0f17;font-synthesis:none;color-scheme:dark;--surface: #151b27;--surface-raised: #1c2433;--line: rgba(255, 255, 255, .1);--muted: #9ba8bd;--accent: #7c6bff;--accent-strong: #978aff;--success: #4bd6a1;--warning: #f6c85f;--danger: #ff6b78}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 80% 10%,#202051 0,transparent 32rem),#0b0f17}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b4aaff}a{color:inherit}.button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:.7rem 1rem;color:#fff;background:#222b3a;cursor:pointer;font-weight:700;transition:transform .15s ease,background .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);background:#2a3548}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{border-color:transparent;background:var(--accent);box-shadow:0 12px 32px #7c6bff40}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--danger{border-color:#ff6b7859;background:#ff6b7824;color:#ffb2b9}.eyebrow{display:inline-block;color:#aaa0ff;font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel{border:1px solid var(--line);border-radius:24px;background:#151b27eb;box-shadow:0 32px 90px #00000059}.alert{margin:0;padding:.8rem 1rem;border-radius:12px;font-size:.9rem}.alert--error{color:#ffc4ca;border:1px solid rgba(255,107,120,.35);background:#ff6b781f}.alert--warning{color:#ffe1a0;border:1px solid rgba(246,200,95,.3);background:#f6c85f1a}.home-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(2rem,6vw,7rem);align-items:center;max-width:1320px;min-height:100vh;margin:auto;padding:clamp(2rem,6vw,6rem);overflow:hidden}.hero{max-width:680px}.hero h1{margin:.9rem 0 1.2rem;font-size:clamp(3rem,6.5vw,6.4rem);line-height:.95;letter-spacing:-.065em}.hero>p{max-width:620px;margin:0 0 2rem;color:var(--muted);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.7}.activation-form{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;max-width:520px}.activation-form__password{display:flex;flex-direction:column;gap:.45rem;width:100%;color:var(--muted);font-size:.8rem;font-weight:700}.activation-form__password input{width:100%;height:50px;padding:0 .9rem;border:1px solid var(--line);border-radius:12px;color:#fff;background:#0e1420}.activation-form__actions{display:flex;flex-wrap:wrap;gap:.7rem}.activation-form__actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding-inline:1.5rem;text-decoration:none}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3.5rem 0 0;padding:0;list-style:none}.benefits li{display:flex;flex-direction:column;gap:.35rem;padding-top:1rem;border-top:1px solid var(--line)}.benefits strong{font-size:.9rem}.benefits span{color:var(--muted);font-size:.78rem;line-height:1.45}.hero-visual{position:relative;aspect-ratio:4 / 5;transform:rotate(2deg)}.mock-main,.mock-thumb{position:absolute;display:flex;align-items:flex-end;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(140deg,#353c50,#181e2a 55%,#292554);box-shadow:0 30px 70px #0006}.mock-main{inset:5% 10% 8% 0}.mock-main:after{content:"";position:absolute;inset:15% 12%;border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(147,135,255,.17) 19px 20px),#e9e7df;transform:rotate(-3deg)}.mock-thumb{right:0;width:38%;height:27%;z-index:2;background:linear-gradient(150deg,#6459b8,#252b3a)}.mock-thumb--one{top:12%}.mock-thumb--two{bottom:14%;background:linear-gradient(150deg,#3a7c72,#202d32)}.mock-main span,.mock-thumb span{position:relative;z-index:3;padding:.3rem .55rem;border-radius:7px;background:#0000008c;font-size:.75rem}.setup-page{display:grid;place-items:center;min-height:100vh;padding:1.5rem}.setup-intro{width:min(620px,100%);padding:clamp(1.5rem,5vw,3.2rem);text-align:center}.setup-intro h1,.setup-card h1,.end-card h1{margin:.6rem 0 .8rem;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}.setup-intro>p{color:var(--muted);line-height:1.65}.setup-intro>.button{margin-top:1.2rem}.setup-intro .alert{margin-top:1rem}.setup-card{width:min(1060px,100%);padding:clamp(1.2rem,3vw,2rem)}.setup-card header{margin-bottom:1.2rem}.preview-grid{display:grid;grid-template-columns:1fr;gap:1rem}.preview-grid--host{grid-template-columns:1.6fr 1fr}.preview-grid .video-surface{min-height:220px;aspect-ratio:16 / 9}.device-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.field{display:flex;flex-direction:column;gap:.45rem;color:var(--muted);font-size:.8rem;font-weight:700}.field select{min-width:0;height:44px;padding:0 .75rem;border:1px solid var(--line);border-radius:10px;color:#fff;background:#0e1420}.session-link{display:flex;align-items:center;gap:.7rem;margin:1rem 0;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:#0e1420}.session-link code{flex:1;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.silent-mode-confirmation{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:#ffe1a0;font-size:.88rem;font-weight:700}.silent-mode-confirmation input{width:19px;height:19px;accent-color:var(--accent)}.end-card{width:min(560px,100%);padding:3rem;text-align:center}.end-card p{color:var(--muted)}.call-page{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100vh;padding:1rem;gap:.8rem;background:#080b11}.call-header{display:flex;align-items:center;gap:.8rem;min-height:48px}.brand{margin-right:auto;text-decoration:none;font-weight:800}.connection-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font-size:.78rem;font-weight:700}.connection-badge:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--warning)}.connection-badge--connected:before{background:var(--success);box-shadow:0 0 0 4px #4bd6a11a}.connection-badge--lost:before,.connection-badge--ended:before{background:var(--danger)}.call-alert{max-width:720px;margin:auto}.remote-mic-state{margin:0 auto;color:#ffd3d7;font-size:.78rem;font-weight:700}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,24vw);gap:.8rem;min-height:0}.video-surface{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#101622}.video-surface video{width:100%;height:100%;object-fit:cover}.video-surface--contain video{object-fit:contain}.video-main{height:100%}.thumbnails{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:.8rem;min-height:0}.video-thumbnail{min-height:150px}.is-mirrored{transform:scaleX(-1)}.video-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:1rem;color:var(--muted);text-align:center;background:radial-gradient(circle,#20293a,#121824)}.video-placeholder span{font-size:2rem;opacity:.6}.video-placeholder p{max-width:20rem;margin:.6rem 0 0;font-size:.82rem;line-height:1.45}.video-label{position:absolute;left:.7rem;bottom:.7rem;z-index:2;padding:.35rem .55rem;border-radius:7px;background:#000000a6;font-size:.72rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.35rem}.controls .button{font-size:.8rem}.device-menu{position:relative}.device-menu summary{display:grid;place-items:center;min-height:44px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:12px;background:#222b3a;cursor:pointer;font-size:.8rem;font-weight:700;list-style:none}.device-menu summary::-webkit-details-marker{display:none}.device-menu__body{position:absolute;right:0;bottom:calc(100% + .7rem);z-index:5;display:grid;width:min(340px,90vw);gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#171e2b;box-shadow:0 20px 60px #00000073}.field--compact select{width:100%}@media(max-width:860px){.home-page{grid-template-columns:1fr;padding:2rem 1.2rem}.hero-visual{display:none}.hero h1{font-size:clamp(3.1rem,14vw,5rem)}.video-layout{grid-template-columns:1fr;grid-template-rows:minmax(45vh,1fr) auto}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.video-thumbnail{aspect-ratio:16 / 10;min-height:120px}}@media(max-width:600px){.benefits{grid-template-columns:1fr;margin-top:2.2rem}.preview-grid--host,.device-fields{grid-template-columns:1fr}.preview-grid .video-surface{min-height:180px}.setup-page{padding:.7rem}.setup-card{border-radius:16px}.session-link{align-items:stretch;flex-direction:column}.call-page{padding:.5rem}.call-header .button{display:none}.connection-badge{font-size:.68rem}.video-layout{grid-template-rows:minmax(42vh,1fr) auto}.video-thumbnail{min-height:105px}.controls{padding-bottom:env(safe-area-inset-bottom)}.controls .button,.device-menu summary{min-height:42px;padding:.55rem .65rem;font-size:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}