:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-gradient-1: #0b0c16;--bg-gradient-2: #161233;--bg-gradient-3: #080711;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .4);--secondary: #d946ef;--secondary-glow: rgba(217, 70, 239, .3);--accent: #10b981;--accent-glow: rgba(16, 185, 129, .3);--danger: #ef4444;--danger-hover: #dc2626;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .07);--glass-border-focus: rgba(99, 102, 241, .4);--glass-text-muted: rgba(255, 255, 255, .6);--glass-shadow: rgba(0, 0, 0, .4);--card-radius: 20px;--btn-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-gradient-1);color:var(--white);min-height:100vh;overflow-x:hidden;position:relative;display:flex;flex-direction:column}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2;background:radial-gradient(circle at 10% 20%,var(--bg-gradient-2) 0%,transparent 40%),radial-gradient(circle at 90% 80%,#201338 0%,transparent 45%),radial-gradient(circle at 50% 50%,var(--bg-gradient-3) 0%,var(--bg-gradient-1) 100%);background-attachment:fixed}body:after{content:"";position:absolute;width:300px;height:300px;background:var(--primary-glow);filter:blur(120px);border-radius:50%;top:15%;left:10%;z-index:-1;animation:floatOrb 15s infinite alternate ease-in-out}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.2)}}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.app-container{max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem;flex:1;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--white) 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo svg{stroke:var(--primary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 8px 32px 0 var(--glass-shadow);padding:2.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.glass-card:hover{border-color:#ffffff1f}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--glass-text-muted)}.input-glow-wrapper{position:relative;border-radius:var(--btn-radius)}.glass-input{width:100%;padding:.875rem 1rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--btn-radius);color:var(--white);font-family:inherit;font-size:1rem;transition:all .2s ease}.glass-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0000004d}.glass-input::placeholder{color:#ffffff4d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--btn-radius);font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180,0 0 12px var(--secondary-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--white)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:var(--danger);color:var(--white);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:var(--danger-hover);transform:translateY(-2px);box-shadow:0 6px 15px #ef444466}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.centered-container{display:flex;align-items:center;justify-content:center;flex:1;padding:1rem 0}.auth-card{width:100%;max-width:480px}.panel-title{font-size:1.875rem;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,var(--white) 40%,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.panel-subtitle{color:var(--glass-text-muted);font-size:.95rem;text-align:center;margin-bottom:2rem}.pulse-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.radar-pulse{position:relative;width:80px;height:80px;background:var(--primary-glow);border-radius:50%;display:flex;align-items:center;justify-content:center}.radar-pulse svg{color:var(--primary);width:32px;height:32px;z-index:2;animation:spinSlow 8s infinite linear}.radar-pulse:before,.radar-pulse:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid var(--primary);opacity:.8;animation:pulseOut 2s infinite cubic-bezier(.16,1,.3,1)}.radar-pulse:after{animation-delay:.8s}@keyframes pulseOut{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-workspace{display:grid;grid-template-rows:1fr auto;gap:1.5rem;width:100%;flex:1}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:450px}@media (max-width: 768px){.video-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:550px}}.video-wrapper{position:relative;background:#000;border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000080;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-wrapper.active{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}video{width:100%;height:100%;object-fit:cover}video.mirrored{transform:scaleX(-1)}.video-label{position:absolute;bottom:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:6px}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--glass-text-muted);text-align:center;padding:2rem}.video-placeholder p{font-size:.9rem}.call-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);padding:1rem 2rem;border-radius:50px;width:fit-content;margin:0 auto}.control-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;color:var(--white)}.control-btn-active{background:#ffffff1a}.control-btn-active:hover{background:#fff3}.control-btn-danger{background:var(--danger);border-color:transparent}.control-btn-danger:hover{background:var(--danger-hover);box-shadow:0 0 12px #ef444466}.control-btn-mute{background:#f59e0b;border-color:transparent}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot-active{background-color:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulseLight 1.5s infinite}.status-dot-warning{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80;animation:pulseLight 1.5s infinite}@keyframes pulseLight{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.dev-console{margin-top:2rem;background:#00000080;border:1px dashed #6366f1;border-radius:12px;padding:1.5rem;font-family:monospace;font-size:.85rem;color:#a5b4fc}.dev-console h4{color:#818cf8;margin-bottom:.75rem;font-family:var(--font-heading)}.dev-console code{display:block;background:#000;padding:10px;border-radius:6px;word-break:break-all;margin:10px 0;-webkit-user-select:all;user-select:all;border:1px solid rgba(99,102,241,.2)}.dev-link{color:#38bdf8;text-decoration:underline;cursor:pointer;word-break:break-all}.alert{padding:1rem;border-radius:var(--btn-radius);margin-bottom:1.5rem;font-size:.9rem;border:1px solid transparent}.alert-success{background:#10b9811a;border-color:#10b98133;color:#a7f3d0}.alert-error{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.alert-info{background:#6366f126;border-color:#6366f14d;color:#c7d2fe}.lobby-container{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;width:100%}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:800px;margin-top:1rem}@media (max-width: 640px){.lobby-grid{grid-template-columns:1fr}}.lobby-option-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:2rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:1rem}.lobby-option-card:hover{transform:translateY(-5px);background:#6366f10d;border-color:var(--primary);box-shadow:0 10px 25px var(--primary-glow)}.lobby-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s ease}.lobby-option-card:hover .lobby-icon-wrapper{background:var(--primary);color:var(--white);box-shadow:0 0 15px var(--primary)}.lobby-option-card h3{font-size:1.25rem;color:var(--white)}.lobby-option-card p{font-size:.875rem;color:var(--glass-text-muted);line-height:1.4}.audio-visualizer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%;background:#0006;border-radius:16px;min-height:350px}.audio-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--primary-glow);position:relative}.audio-avatar svg{color:var(--white);width:48px;height:48px}.audio-waves{display:flex;align-items:center;gap:6px;height:40px}.audio-bar{width:4px;height:8px;background:var(--primary);border-radius:2px;animation:wavePulse 1.2s infinite ease-in-out}.audio-bar:nth-child(2){animation-delay:.15s;height:16px}.audio-bar:nth-child(3){animation-delay:.3s;height:28px}.audio-bar:nth-child(4){animation-delay:.45s;height:36px}.audio-bar:nth-child(5){animation-delay:.6s;height:24px}.audio-bar:nth-child(6){animation-delay:.75s;height:12px}@keyframes wavePulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.split-workspace{display:flex;gap:1.5rem;width:100%;min-height:500px}.media-section{flex:1;display:flex;flex-direction:column;gap:1.5rem}.sidebar-chat{width:350px;background:#0003;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media (max-width: 1024px){.split-workspace{flex-direction:column}.sidebar-chat{width:100%;height:400px}}.chat-only-workspace{display:flex;flex-direction:column;width:100%;height:550px;background:#0003;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-message-row{display:flex;width:100%}.chat-message-row.sent{justify-content:flex-end}.chat-message-row.received{justify-content:flex-start}.message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:16px;font-size:.95rem;line-height:1.4;word-break:break-word}.chat-message-row.sent .message-bubble{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--white);border-bottom-right-radius:4px;box-shadow:0 4px 10px #6366f140}.chat-message-row.received .message-bubble{background:#ffffff14;color:var(--white);border-bottom-left-radius:4px;border:1px solid var(--glass-border)}.message-meta{font-size:.7rem;color:var(--glass-text-muted);margin-top:4px;display:block;text-align:right}.chat-input-bar{padding:1rem 1.5rem;border-top:1px solid var(--glass-border);background:#0000004d;display:flex;gap:.75rem;align-items:center}.chat-input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:24px;padding:.75rem 1.25rem;color:var(--white);outline:none;font-family:inherit;font-size:.95rem;transition:all .2s ease}.chat-input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 10px var(--primary-glow)}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.chat-send-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}