:root{--bg:#0d0d0d;--surface:#1a1a1a;--surface2:#252525;--surface3:#303030;--accent:#00e5ff;--accent-dim:#00e5ff26;--accent-glow:#00e5ff59;--red:#ff3c5f;--red-dim:#ff3c5f26;--red-glow:#ff3c5f66;--green:#00ff87;--green-dim:#00ff871f;--amber:#ffb800;--text:#fff;--text-muted:#8a8a8a;--text-dim:#555;--border:#ffffff14;--radius:16px;--radius-sm:10px;--transition:0.22s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box}#root,body,html{background:#0d0d0d;background:var(--bg);height:100%;overflow:hidden;width:100%}.screen{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;inset:0;overflow-x:hidden;overflow-y:auto;position:absolute}.screen-enter{animation:slideUp .32s cubic-bezier(.22,1,.36,1) both}.screen-exit{animation:slideDown .22s ease-in both}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}h1,h2,h3{font-weight:900;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(2rem,8vw,3.5rem)}h2{font-size:clamp(1.4rem,5vw,2rem)}h3{font-size:clamp(1rem,4vw,1.3rem)}p{line-height:1.6}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:16px;border-radius:var(--radius);cursor:pointer;display:flex;font-family:inherit;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:-.01em;min-height:60px;padding:18px 28px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none;width:100%}.btn-primary{background:#00e5ff;background:var(--accent);box-shadow:0 0 0 0 #00e5ff59;box-shadow:0 0 0 0 var(--accent-glow);color:#000}.btn-primary:focus-visible,.btn-primary:hover{background:#33eaff;box-shadow:0 0 32px #00e5ff59;box-shadow:0 0 32px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-secondary{background:#1a1a1a;background:var(--surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);color:#fff;color:var(--text)}.btn-secondary:focus-visible,.btn-secondary:hover{background:#252525;background:var(--surface2);border-color:#ffffff2e;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{background:#0000;border:none;color:#8a8a8a;color:var(--text-muted);font-size:.9rem;min-height:0;min-height:auto;padding:12px 20px;width:auto}.btn-ghost:hover{color:#fff;color:var(--text)}.btn-danger{background:#ff3c5f;background:var(--red);color:#fff}.btn-danger:hover{background:#f57;box-shadow:0 0 28px #ff3c5f66;box-shadow:0 0 28px var(--red-glow);transform:translateY(-1px)}.btn:disabled{opacity:.35;pointer-events:none}.input{background:#1a1a1a;background:var(--surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);caret-color:#00e5ff;caret-color:var(--accent);color:#fff;color:var(--text);font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.12em;outline:none;padding:20px 24px;text-align:center;text-transform:uppercase;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input::placeholder{color:#555;color:var(--text-dim)}.input:focus{border-color:#00e5ff;border-color:var(--accent);box-shadow:0 0 0 3px #00e5ff26;box-shadow:0 0 0 3px var(--accent-dim)}.card{background:#1a1a1a;background:var(--surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:20px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-selected{background:#00e5ff26;background:var(--accent-dim);border-color:#00e5ff;border-color:var(--accent);box-shadow:0 0 0 1px #00e5ff,0 0 24px #00e5ff26;box-shadow:0 0 0 1px var(--accent),0 0 24px var(--accent-dim)}.room-code{color:#00e5ff;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:clamp(2.8rem,14vw,5.5rem);font-weight:800;letter-spacing:.15em;line-height:1;text-align:center;text-shadow:0 0 40px #00e5ff59,0 0 80px #00e5ff26;text-shadow:0 0 40px var(--accent-glow),0 0 80px #00e5ff26}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.06em;padding:6px 14px;text-transform:uppercase}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-connected{background:#00ff871f;background:var(--green-dim);color:#00ff87;color:var(--green)}.status-connected .status-dot{animation:pulse-green 1.8s ease infinite;background:#00ff87;background:var(--green)}.status-waiting{background:#ffb8001f;color:#ffb800;color:var(--amber)}.status-waiting .status-dot{animation:pulse-amber 1.4s ease infinite;background:#ffb800;background:var(--amber)}.status-disconnected{background:#ff3c5f26;background:var(--red-dim);color:#ff3c5f;color:var(--red)}.status-disconnected .status-dot{background:#ff3c5f;background:var(--red)}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.4}}.rec-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:84px;justify-content:center;position:relative;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:84px}.rec-btn-idle{background:#ff3c5f;background:var(--red);box-shadow:0 0 0 6px #ff3c5f33}.rec-btn-idle:hover{box-shadow:0 0 0 10px #ff3c5f40,0 0 40px #ff3c5f66;box-shadow:0 0 0 10px #ff3c5f40,0 0 40px var(--red-glow);transform:scale(1.05)}.rec-btn-recording{animation:rec-pulse 1.2s ease-in-out infinite;background:#ff3c5f;background:var(--red)}.rec-btn-recording:hover{transform:scale(1.05)}.rec-btn:active{transform:scale(.95)!important}.rec-btn-ring{border:2px solid #ff3c5f;border:2px solid var(--red);border-radius:50%;inset:-8px;opacity:0;position:absolute}.rec-btn-recording .rec-btn-ring{animation:rec-ring 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 0 6px #ff3c5f4d}50%{box-shadow:0 0 0 14px #ff3c5f14,0 0 50px #ff3c5f66;box-shadow:0 0 0 14px #ff3c5f14,0 0 50px var(--red-glow)}}@keyframes rec-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.video-preview{background:#000;border-radius:16px;border-radius:var(--radius);display:block;height:100%;object-fit:cover;width:100%}.timer{color:#ff3c5f;color:var(--red);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.1em}.layout-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#1a1a1a;background:var(--surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.layout-card:hover{background:#252525;background:var(--surface2);border-color:#ffffff29}.layout-card.selected{background:#00e5ff26;background:var(--accent-dim);border-color:#00e5ff;border-color:var(--accent);box-shadow:0 0 0 1px #00e5ff;box-shadow:0 0 0 1px var(--accent)}.layout-card-name{color:#8a8a8a;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.layout-card.selected .layout-card-name{color:#00e5ff;color:var(--accent)}.orient-toggle{background:#1a1a1a;background:var(--surface);border:1.5px solid #ffffff14;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:4px;padding:4px}.orient-tab{background:#0000;border:none;border-radius:7px;color:#8a8a8a;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:9px 12px;text-transform:uppercase;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.orient-tab.active{background:#303030;background:var(--surface3);box-shadow:0 1px 4px #0000004d;color:#fff;color:var(--text)}.divider{align-items:center;color:#555;color:var(--text-dim);display:flex;font-size:.8rem;font-weight:600;gap:12px;letter-spacing:.08em;text-transform:uppercase}.divider:after,.divider:before{background:#ffffff14;background:var(--border);content:"";flex:1 1;height:1px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#303030;background:var(--surface3);border-radius:2px}.flex-col{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mt-auto{margin-top:auto}.text-muted{color:#8a8a8a;color:var(--text-muted)}.text-accent{color:#00e5ff;color:var(--accent)}.text-center{text-align:center}.w-full{width:100%}
/*# sourceMappingURL=main.46a03099.css.map*/