:root{--bg: #fafaf7;--bg-2: #f1f1ed;--surface: #ffffff;--surface-2: #f6f6f2;--line: rgba(0,0,0,.09);--line-strong: rgba(0,0,0,.16);--ink: #0a0a0a;--ink-2: #2a2a2a;--ink-3: #6a6a6a;--ink-4: #9a9a95;--accent: #c4f549;--accent-2: #dcfa8b;--accent-press: #a9e22b;--accent-glow: rgba(196,245,73,.55);--on-accent: #0a0a0a;--success: #16a34a;--danger: #e5484d;--warm: #ff6b3d;--stage: #0e0e10;--stage-2: #17171a;--stage-ink: #ededE9;--stage-ink-3: #9a9a95;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(0,0,0,.06);--sh-2: 0 10px 30px -12px rgba(0,0,0,.2);--text-font: "Inter", "Helvetica Neue", system-ui, sans-serif;--mono-font: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}.dark{--bg: #0b0b0c;--bg-2: #161618;--surface: #1c1c1f;--surface-2: #232327;--line: rgba(255,255,255,.1);--line-strong: rgba(255,255,255,.2);--ink: #f5f5f1;--ink-2: #d6d6d1;--ink-3: #9a9a95;--ink-4: #676762;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 10px 30px -12px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--text-font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";line-height:1.5}svg{display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}@keyframes aura-eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100%;background:var(--bg);position:relative;overflow-x:hidden}.page:before{content:"";position:absolute;inset:0 0 auto;height:320px;background:radial-gradient(ellipse 60% 80% at 50% -20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);pointer-events:none}.page-top{display:flex;align-items:center;justify-content:space-between;padding:22px 30px 0;position:relative}.brand{display:flex;align-items:center;gap:11px}.brand .bn{font-weight:700;font-size:18px;letter-spacing:-.03em;line-height:1}.brand .bn .tag{font-family:var(--mono-font);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);display:block;margin-top:2px}.toptheme{width:34px;height:34px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);transition:background .14s,color .14s}.toptheme:hover{background:var(--bg-2);color:var(--ink)}.toptheme svg{width:18px;height:18px}.lang-seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--bg-2)}.lang-btn{padding:4px 9px;border-radius:var(--r-pill);font-family:var(--mono-font);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-3);transition:background .14s,color .14s}.lang-btn:hover{color:var(--ink)}.lang-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.wrap{max-width:940px;margin:0 auto;padding:30px;position:relative}.lede{text-align:center;margin-bottom:26px}.lede .eyebrow{font-family:var(--mono-font);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.lede h1{font-size:clamp(26px,4vw,34px);font-weight:600;letter-spacing:-.035em;margin:12px 0 10px;text-wrap:balance}.lede .host{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-3)}.lede .host .ha{width:24px;height:24px;border-radius:50%;background:linear-gradient(160deg,var(--accent-2),var(--accent));color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.lede .host b{color:var(--ink-2);font-weight:600}.card{display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--sh-2)}.cam-side{padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--surface-2)}.cam{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--r-xl);overflow:hidden;background:var(--stage);border:1px solid rgba(0,0,0,.4)}.cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam.off video{display:none}.feed{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 42%,rgba(196,245,73,.07),transparent 70%),repeating-linear-gradient(135deg,var(--stage) 0 13px,var(--stage-2) 13px 26px)}.cam:not(.off) .feed{opacity:0}.feed-label{position:absolute;top:13px;left:15px;font-family:var(--mono-font);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--stage-ink-3);display:inline-flex;align-items:center;gap:7px;z-index:2}.feed-label .rec{width:6px;height:6px;border-radius:50%;background:var(--accent)}.cam.off .feed-label .rec{background:var(--danger)}.ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:11px}.cam.off .ghost{display:flex}.ghost .a{width:78px;height:78px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--on-accent);background:linear-gradient(160deg,var(--accent-2),var(--accent))}.ghost .gl{font-family:var(--mono-font);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--stage-ink-3)}.name-tag{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--stage-ink);font-size:12.5px;font-weight:600;z-index:2}.name-tag .mic svg{width:13px;height:13px}.name-tag.muted .mic{color:var(--danger)}.cam-ctl{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ctl-btn{width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);transition:background .14s,color .14s}.ctl-btn:hover{background:var(--bg-2);color:var(--ink)}.ctl-btn svg{width:21px;height:21px}.ctl-btn.off{background:var(--danger);border-color:transparent;color:#fff}.ctl-sel{position:relative}.ctl-sel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:38px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-size:12.5px;border-radius:var(--r-pill);padding:0 30px 0 14px;cursor:pointer;max-width:180px}.ctl-sel:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--ink-4);border-bottom:1.5px solid var(--ink-4);transform:translateY(-70%) rotate(45deg);pointer-events:none}.form-side{padding:26px 26px 24px;display:flex;flex-direction:column;min-height:360px}.fs-label{font-family:var(--mono-font);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:9px}.name-input{display:flex;align-items:center;gap:11px;height:50px;padding:0 15px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg);transition:border-color .14s,box-shadow .14s}.name-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent)}.name-input .si{color:var(--ink-4);display:inline-flex}.name-input .si svg{width:18px;height:18px}.name-input input{flex:1;border:none;outline:none;background:none;color:var(--ink);font-size:15px}.name-input input::placeholder{color:var(--ink-4)}.remember{display:inline-flex;align-items:center;gap:9px;margin-top:13px;font-size:12.5px;color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none}.remember .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .14s,border-color .14s,color .14s}.remember.on .box{background:var(--accent);border-color:transparent;color:var(--on-accent)}.remember .box svg{width:12px;height:12px}.lobby-note{display:flex;gap:10px;align-items:flex-start;margin:20px 0 16px;padding:12px 13px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--ink-3)}.lobby-note svg{width:16px;height:16px;color:var(--ink-4);flex-shrink:0;margin-top:1px}.lobby-note b{color:var(--ink-2)}.join-btn{margin-top:auto;width:100%;height:54px;border-radius:var(--r-lg);display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:16.5px;font-weight:600;letter-spacing:-.01em;background:var(--accent);color:var(--on-accent);box-shadow:0 10px 26px -12px var(--accent-glow);transition:background .14s,transform .1s}.join-btn:hover{background:var(--accent-press)}.join-btn:active{transform:translateY(1px)}.join-btn:disabled{background:var(--bg-2);color:var(--ink-4);box-shadow:none;cursor:not-allowed}.join-btn svg{width:19px;height:19px}.errline{margin-top:12px;text-align:center;font-size:12.5px;color:var(--danger)}.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;text-align:center;padding:10px 0}.spinner{width:46px;height:46px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent-press);animation:spin .9s linear infinite}.waiting .wt{font-size:17px;font-weight:600;letter-spacing:-.02em}.waiting .ws{font-size:13px;color:var(--ink-3);max-width:260px}.waiting .cancel{margin-top:4px;font-size:13px;color:var(--ink-3);border:1px solid var(--line-strong);padding:8px 16px;border-radius:var(--r-md);transition:background .14s,color .14s}.waiting .cancel:hover{background:var(--bg-2);color:var(--ink)}.waiting.denied .spinner{display:none}.footer{text-align:center;padding:8px 30px 30px;font-family:var(--mono-font);font-size:10.5px;letter-spacing:.06em;color:var(--ink-4);display:flex;align-items:center;justify-content:center;gap:9px}.footer .lk{color:var(--success);display:inline-flex}.footer .lk svg{width:12px;height:12px}.page.state-landing,.page.state-error{display:flex;flex-direction:column;min-height:100vh}.utils{display:flex;align-items:center;gap:8px}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px;position:relative;z-index:1}.col{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-mark{position:relative;margin-bottom:30px;color:var(--ink)}.hero-mark .ring{position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%);pointer-events:none}.eyebrow{font-family:var(--mono-font);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);display:inline-flex;align-items:center;gap:8px}.eyebrow .lk{color:var(--success);display:inline-flex}.eyebrow .lk svg{width:12px;height:12px}.col h1{font-size:clamp(28px,4.4vw,38px);font-weight:600;letter-spacing:-.04em;margin:14px 0 12px;text-wrap:balance;line-height:1.06}.sub{font-size:15.5px;color:var(--ink-3);max-width:380px;text-wrap:pretty;line-height:1.55}.code-block{width:100%;max-width:420px;margin-top:30px;display:flex;flex-direction:column;gap:11px}.code-field{display:flex;align-items:center;height:56px;padding:0 6px 0 16px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);transition:border-color .16s,box-shadow .16s}.code-field:focus-within{border-color:var(--accent-press);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.code-field .prefix{font-family:var(--mono-font);font-size:13px;color:var(--ink-4);white-space:nowrap;-webkit-user-select:none;user-select:none}.code-field input{flex:1;min-width:0;border:none;outline:none;background:none;color:var(--ink);font-family:var(--mono-font);font-size:14px;font-weight:500;padding:0 8px}.code-field input::placeholder{color:var(--ink-4);font-weight:400}.code-go{flex-shrink:0;height:44px;padding:0 20px;border:none;border-radius:var(--r-md);display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;background:var(--accent);color:var(--on-accent);cursor:pointer;transition:background .14s,transform .1s}.code-go:hover{background:var(--accent-press)}.code-go:active{transform:translateY(1px)}.code-go:disabled{background:var(--bg-2);color:var(--ink-4);cursor:not-allowed}.code-go svg{width:17px;height:17px}.code-field.shake{animation:shake .32s;border-color:var(--danger)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.hint{font-size:12.5px;color:var(--ink-4);display:inline-flex;align-items:center;justify-content:center;gap:7px;text-wrap:pretty}.hint svg{width:14px;height:14px;flex-shrink:0}.err-actions{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:16px}.btn-primary{height:50px;padding:0 26px;border:none;border-radius:var(--r-lg);display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;background:var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:0 10px 26px -14px var(--accent-glow);transition:background .14s,transform .1s}.btn-primary:hover{background:var(--accent-press)}.btn-primary:active{transform:translateY(1px)}.btn-primary svg{width:18px;height:18px}.err-help{font-size:13px;color:var(--ink-3);display:inline-flex;align-items:center;gap:7px}.err-help a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px}.err-help a:hover{color:var(--ink)}@media (max-width: 760px){.card{grid-template-columns:1fr}}@media (max-width: 560px){.code-field{flex-wrap:wrap;height:auto;padding:10px;gap:8px}.code-field .prefix{width:100%;padding-left:6px}.code-field input{width:100%;padding:6px;min-height:28px}.code-go{width:100%;justify-content:center;height:46px}}