:root{--bg-grad-top: oklch(.16 .01 280);--bg-grad-bot: oklch(.11 .008 280);--bg-flat: oklch(.13 .008 280);--panel: oklch(.16 .008 280);--panel-2: oklch(.2 .01 280);--border: oklch(.26 .008 280);--border-faint: oklch(.22 .006 280);--text: oklch(.97 .003 280);--text-2: oklch(.72 .008 280);--text-3: oklch(.52 .008 280);--text-4: oklch(.4 .008 280);--accent: oklch(.72 .14 270);--accent-soft: oklch(.28 .04 270);--accent-fg: oklch(.18 .005 270);--red: oklch(.7 .18 25);--red-soft: oklch(.32 .08 25);--green: oklch(.74 .13 155);--font-sans: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:linear-gradient(180deg,var(--bg-grad-top) 0%,var(--bg-grad-bot) 100%);color:var(--text);font-family:var(--font-sans);font-size:13px;letter-spacing:-.005em;font-feature-settings:"tnum","cv11","ss03","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}input{font-family:inherit;color:inherit;background:transparent;border:0;outline:0}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes recPulse{0%,to{box-shadow:0 0 #fa686399}50%{box-shadow:0 0 0 8px #fa686300}}@keyframes wavBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.app-shell{width:100%;height:100%;display:flex;flex-direction:column}.vr-topbar{height:52px;padding:0 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border-faint);background:#070709a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.vr-topbar-mono{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.vr-topbar-divider{width:1px;height:18px;background:var(--border)}.vr-topbar-meta{display:flex;flex-direction:column;min-width:0;flex:1}.vr-topbar-title{font-size:13.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vr-topbar-sub{font-size:10.5px;color:var(--text-3);font-family:var(--font-mono);margin-top:1px}.prejoin{width:100%;height:100%;display:flex;flex-direction:column}.prejoin-body{flex:1;display:grid;grid-template-columns:1fr 420px;min-height:0}.prejoin-preview{padding:28px;display:flex;position:relative;overflow:hidden}.prejoin-preview>video{border-radius:16px;background:#07070a;box-shadow:inset 0 0 0 1px #ffffff0a}.prejoin-error{margin:auto;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-3);text-align:center;padding:24px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.prejoin-form{padding:32px 36px;border-left:1px solid var(--border-faint);background:#070709;display:flex;flex-direction:column;justify-content:center}.prejoin-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.prejoin-title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.prejoin-lede{font-size:13px;color:var(--text-2);line-height:1.55;margin:0 0 24px}.prejoin-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.prejoin-check{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.prejoin-check-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center}.prejoin-check-sub{font-size:10.5px;color:var(--text-3);font-family:var(--font-mono);margin-top:1px}.prejoin-cta{height:46px;border-radius:10px;background:var(--accent);color:var(--accent-fg);font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:-.005em;transition:filter .12s ease,opacity .12s ease}.prejoin-cta:hover{filter:brightness(1.08)}.prejoin-cta:disabled{opacity:.5;cursor:not-allowed}.prejoin-fineprint{margin-top:14px;font-size:11.5px;color:var(--text-4);line-height:1.5;text-align:center}.incall{width:100%;height:100%;display:flex;flex-direction:column}.incall-stage-wrap{flex:1;display:flex;min-height:0;position:relative}.incall-stage{flex:1;padding:18px;position:relative;display:flex;min-width:0;min-height:0}.incall-self-pip{position:absolute;right:30px;bottom:30px;width:210px;height:140px;display:flex;z-index:5;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000073}.incall-rail{width:320px;flex-shrink:0;border-left:1px solid var(--border-faint);background:#070709;display:flex;flex-direction:column;overflow:hidden}.rail-header{padding:14px 16px;border-bottom:1px solid var(--border-faint);display:flex;align-items:center;gap:12px}.rail-section{padding:14px 16px;border-bottom:1px solid var(--border-faint)}.rail-section-title{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.vr-bottombar{padding:18px 24px 22px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;border-top:1px solid var(--border-faint);background:#040406d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.vr-bottombar-link{position:absolute;left:24px;font-size:11.5px;color:var(--text-3);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.vr-divider{width:1px;height:38px;background:var(--border);margin:0 4px}.vr-end{height:50px;padding:0 22px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 16px #a8363466}.consent-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:30px;z-index:50}.consent-card{width:460px;max-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:0 30px 80px #00000080}.consent-rec-icon{width:44px;height:44px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:14px}.consent-actions{display:flex;gap:10px;margin-top:18px}.consent-btn-primary{flex:1;height:42px;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-family:var(--font-sans);font-size:13.5px;font-weight:600}.consent-btn-ghost{height:42px;padding:0 18px;border-radius:8px;background:transparent;color:var(--text-2);border:1px solid var(--border);font-family:var(--font-sans);font-size:13.5px}.ended{width:100%;height:100%;display:flex;flex-direction:column}.ended-stage{flex:1;display:grid;place-items:center;padding:30px}.ended-card{width:520px;max-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px;text-align:center}.ended-check{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 16px}.ended-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;text-align:left}.ended-metric{padding:10px 12px;background:var(--panel-2);border-radius:8px}.ended-metric-key{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.ended-metric-val{font-size:14px;margin-top:2px}.center-screen{width:100%;height:100%;display:grid;place-items:center;padding:30px;text-align:center}.center-screen .panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;max-width:460px}@media (max-width: 720px){.prejoin-body{grid-template-columns:1fr;grid-template-rows:320px 1fr}.prejoin-preview{padding:16px 16px 0}.prejoin-form{padding:22px 22px 32px;border-left:none;border-top:1px solid var(--border-faint)}.prejoin-title{font-size:22px}.prejoin-cta{height:50px;font-size:15px;border-radius:12px}.vr-topbar{height:48px;padding:0 14px}.incall-stage{padding:0}.incall-stage>.video-tile{border-radius:0!important}.incall-self-pip{right:12px;bottom:auto;top:64px;width:96px;height:130px;border-radius:14px}.incall-rail{display:none}.vr-bottombar{padding:14px 14px 22px;gap:8px;flex-wrap:wrap;justify-content:center}.vr-bottombar-link{display:none}.vr-end{height:44px;padding:0 16px;font-size:12px}.vr-divider{display:none}}