@import url(https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);html{min-height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,sans-serif}#root,body{min-height:100vh}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050508;--surface:#0e0e16;--surface2:#14141f;--border:#ffffff12;--border-hi:#6c63ff99;--accent:#6c63ff;--accent2:#00d4ff;--accent-glow:#6c63ff40;--red:#ff3b3b;--amber:#fa0;--green:#00e676;--text:#f0f0f8;--text-2:#8888a0;--text-3:#44445a;--glass:#0e0e16bf;--glass-hi:#ffffff0a;--radius:14px;--radius-sm:9px;--radius-pill:999px}#root,body,html{-webkit-font-smoothing:antialiased;background:#050508;background:var(--bg);color:#f0f0f8;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;overscroll-behavior:none}.home{background:radial-gradient(ellipse 80% 50% at 50% -10%,#6c63ff2e 0,#0000 70%),#050508;background:radial-gradient(ellipse 80% 50% at 50% -10%,#6c63ff2e 0,#0000 70%),var(--bg);flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem;text-align:center}.home,.home-logo{align-items:center;display:flex}.home-logo{gap:.6rem;margin-bottom:.5rem}.home-logo-dot{animation:pulse-dot 2s ease-in-out infinite;background:#ff3b3b;background:var(--red);border-radius:50%;box-shadow:0 0 10px #ff3b3b;box-shadow:0 0 10px var(--red);height:12px;width:12px}@keyframes pulse-dot{0%,to{box-shadow:0 0 10px #ff3b3b;box-shadow:0 0 10px var(--red);opacity:1}50%{box-shadow:0 0 4px #ff3b3b;box-shadow:0 0 4px var(--red);opacity:.5}}.home h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#00d4ff);background:linear-gradient(135deg,#fff 30%,var(--accent2));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:900;letter-spacing:-2px;line-height:1}.home .tagline{color:#8888a0;color:var(--text-2);font-size:1rem;font-weight:400;letter-spacing:.01em;margin:.75rem 0 3rem}.home-card{background:#0e0e16;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;box-shadow:0 0 60px #6c63ff12;max-width:400px;padding:1.75rem;width:100%}.home-create-btn{background:linear-gradient(135deg,#6c63ff,#00d4ff);background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 24px #6c63ff59;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem;overflow:hidden;padding:1.1rem;position:relative;transition:transform .15s,box-shadow .15s;width:100%}.home-create-btn:after{background:linear-gradient(180deg,#ffffff1a,#0000);content:"";inset:0;position:absolute}.home-create-btn:hover{box-shadow:0 8px 32px #6c63ff73;transform:translateY(-1px)}.home-create-btn:active{transform:scale(.98)}.home-divider{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.home-divider:after,.home-divider:before{background:#ffffff12;background:var(--border);content:"";flex:1 1;height:1px}.home-divider span{color:#44445a;color:var(--text-3);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.home-join-row{display:flex;gap:.5rem}.home-input{background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#f0f0f8;color:var(--text);flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.15em;outline:none;padding:.8rem 1rem;transition:border-color .2s}.home-input:focus{border-color:#6c63ff;border-color:var(--accent)}.home-input::placeholder{color:#44445a;color:var(--text-3);font-weight:400;letter-spacing:.05em}.home-join-btn{background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#f0f0f8;color:var(--text);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;padding:.8rem 1.25rem;transition:border-color .2s,background .2s;white-space:nowrap}.home-join-btn:hover{background:#6c63ff1a;border-color:#6c63ff;border-color:var(--accent)}.home-hint{color:#44445a;color:var(--text-3);font-size:.75rem;line-height:1.5;margin-top:1rem}.sender-page{background:#000;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.sender-video-wrap{background:#000;flex:1 1;min-height:0;overflow:hidden;position:relative}.sender-video-wrap video{display:block;height:100%;object-fit:cover;width:100%}.hud-top{align-items:flex-start;background:linear-gradient(180deg,#000000a6 0,#0000);display:flex;justify-content:space-between;left:0;padding:1rem 1rem 2.5rem;pointer-events:none;position:absolute;right:0;top:0}.hud-badge{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e0e16bf;background:var(--glass);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#fff;display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.02em;padding:.3rem .75rem .3rem .5rem;pointer-events:all}.hud-dot{background:#44445a;background:var(--text-3);border-radius:50%;flex-shrink:0;height:7px;width:7px}.hud-dot.live{animation:pulse-dot 1.2s ease-in-out infinite;background:#ff3b3b;background:var(--red);box-shadow:0 0 6px #ff3b3b;box-shadow:0 0 6px var(--red)}.hud-dot.connecting{background:#fa0;background:var(--amber);box-shadow:0 0 6px #fa0;box-shadow:0 0 6px var(--amber)}.hud-room{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e0e16bf;background:var(--glass);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#ffffff80;font-size:.72rem;font-weight:700;letter-spacing:.15em;padding:.3rem .75rem}.hud-bottom{align-items:flex-end;background:linear-gradient(0deg,#000000a6 0,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:2.5rem 1rem 1rem;position:absolute;right:0}.hud-stat{font-feature-settings:"tnum";color:#ffffff73;font-size:.65rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.05em}.hud-actions{display:flex;gap:.6rem}.hud-icon-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e0e16bf;background:var(--glass);border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:background .2s,border-color .2s;width:44px}.hud-icon-btn:active{transform:scale(.92)}.hud-icon-btn.active{background:#ffdc3240;border-color:#ffdc3280;box-shadow:0 0 12px #ffdc324d}.hud-icon-btn.mic-muted{background:#ff3b3b40;border-color:#ff3b3b80}.zoom-strip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e0e16bf;background:var(--glass);border:1px solid #ffffff12;border:1px solid var(--border);bottom:5.5rem;display:flex;gap:.35rem;left:50%;padding:.3rem .5rem;position:absolute;transform:translateX(-50%)}.zoom-pill,.zoom-strip{border-radius:999px;border-radius:var(--radius-pill)}.zoom-pill{background:#0000;border:none;color:#ffffff73;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.25rem .6rem;transition:all .15s}.zoom-pill.active{background:#ffffff26;color:#fff}.ctrl-drawer{background:#0e0e16;background:var(--surface);border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;flex-direction:column;max-height:52vh;overflow:hidden}.tab-bar{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#44445a;color:var(--text-3);cursor:pointer;flex:1 1;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.8rem .5rem;text-transform:uppercase;transition:color .15s,border-color .15s}.tab-btn.active{border-bottom-color:#6c63ff;border-bottom-color:var(--accent);color:#f0f0f8;color:var(--text)}.tab-btn:hover:not(.active){color:#8888a0;color:var(--text-2)}.tab-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:.85rem;overflow-y:auto;padding:1rem}.tab-content::-webkit-scrollbar{display:none}.preset-grid{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(3,1fr)}.preset-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#f0f0f8;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.18rem;padding:.65rem .3rem;transition:border-color .15s,background .15s}.preset-btn:active{transform:scale(.96)}.preset-btn.active{background:#6c63ff1f;border-color:#6c63ff;border-color:var(--accent)}.preset-label{font-size:.75rem;font-weight:700;letter-spacing:-.01em}.preset-desc{color:#44445a;color:var(--text-3);font-size:.62rem;letter-spacing:.01em}.preset-btn.active .preset-desc{color:#a09af0e6}.ctrl-select{-webkit-appearance:none;appearance:none;background:#14141f;background:var(--surface2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%2344445a'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#f0f0f8;color:var(--text);flex:1 1;font-family:inherit;font-size:.85rem;font-weight:500;outline:none;padding:.7rem 2rem .7rem .75rem;transition:border-color .15s}.ctrl-select:focus{border-color:#6c63ff;border-color:var(--accent)}.ctrl-row{align-items:center}.cam-block,.ctrl-row{display:flex;gap:.5rem}.cam-block{background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);flex-direction:column;padding:.75rem}.cam-block-header{align-items:center;display:flex;justify-content:space-between}.cam-label{color:#8888a0;color:var(--text-2);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cam-value{font-feature-settings:"tnum";color:#00d4ff;color:var(--accent2);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:3rem;text-align:right}.cam-slider{accent-color:#6c63ff;accent-color:var(--accent);-webkit-appearance:none;appearance:none;background:#ffffff12;background:var(--border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.cam-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 0 3px #6c63ff,0 2px 8px #0006;box-shadow:0 0 0 3px var(--accent),0 2px 8px #0006;cursor:grab;height:22px;width:22px}.cam-slider:active::-webkit-slider-thumb{cursor:grabbing}.cam-slider:disabled{cursor:not-allowed;opacity:.2}.auto-toggle{background:#0e0e16;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#44445a;color:var(--text-3);cursor:pointer;font-family:inherit;font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;text-transform:uppercase;transition:all .15s}.auto-toggle.on{background:#6c63ff1a;border-color:#6c63ff;border-color:var(--accent);color:#6c63ff;color:var(--accent)}.wb-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr)}.toggle-row{display:flex;gap:.4rem}.toggle-btn{-webkit-tap-highlight-color:transparent;background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#44445a;color:var(--text-3);cursor:pointer;flex:1 1;font-family:inherit;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.55rem .3rem;text-transform:uppercase;transition:all .15s}.toggle-btn.on{background:#6c63ff1f;border-color:#6c63ff;border-color:var(--accent);color:#a09af0}.custom-details{background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);overflow:hidden}.custom-details summary{align-items:center;color:#8888a0;color:var(--text-2);cursor:pointer;display:flex;font-size:.72rem;font-weight:600;gap:.4rem;list-style:none;padding:.7rem .85rem;transition:color .15s;-webkit-user-select:none;user-select:none}.custom-details summary:before{content:"›";font-size:1rem;line-height:1}.custom-details[open] summary:before{content:"›";display:inline-block;transform:rotate(90deg)}.custom-details summary:hover{color:#f0f0f8;color:var(--text)}.custom-details-body{display:flex;flex-direction:column;gap:.5rem;padding:0 .85rem .85rem}.obs-bar{align-items:center;background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.6rem .75rem}.obs-bar-url{font-feature-settings:"tnum";color:#44445a;color:var(--text-3);flex:1 1;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-copy-btn{background:#6c63ff26;border:1px solid #6c63ff99;border:1px solid var(--border-hi);border-radius:6px;color:#6c63ff;color:var(--accent);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.68rem;font-weight:700;padding:.3rem .65rem;transition:background .15s;white-space:nowrap}.obs-copy-btn:hover{background:#6c63ff40}.obs-copy-btn.copied{background:#00e6761a;border-color:#00e676;border-color:var(--green);color:#00e676;color:var(--green)}.quality-info{color:#44445a;color:var(--text-3);font-size:.65rem;letter-spacing:.04em;text-align:center}.btn-full{-webkit-tap-highlight-color:transparent;background:#14141f;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#8888a0;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.85rem;transition:all .15s;width:100%}.btn-full:hover{border-color:#6c63ff;border-color:var(--accent);color:#f0f0f8;color:var(--text)}.btn-full.muted{background:#ff3b3b14;border-color:#ff3b3b80;color:#ff3b3b;color:var(--red)}.viewer-page{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.viewer-page video{display:block;height:100%;object-fit:contain;width:100%}.viewer-waiting{align-items:center;color:#44445a;color:var(--text-3);display:flex;flex-direction:column;gap:1rem}.viewer-waiting .spinner{animation:spin .8s linear infinite;border:2px solid #1a1a2a;border-radius:50%;border-top:2px solid var(--accent);height:36px;width:36px}.viewer-waiting p{font-size:.85rem}@keyframes spin{to{transform:rotate(1turn)}}.viewer-status{font-feature-settings:"tnum";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);bottom:1.25rem;color:#fff6;font-size:.68rem;font-variant-numeric:tabular-nums;left:50%;padding:.3rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%)}.section-label{color:#44445a;color:var(--text-3);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}@supports (padding-bottom:env(safe-area-inset-bottom)){.ctrl-drawer{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:380px){.preset-grid,.wb-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.a876640f.css.map*/