*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0f1e,#0f172a,#1e293b);min-height:100vh;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.main-content{width:100%;max-width:64rem}.start-card{width:100%;max-width:32rem;margin:0 auto;background:#0f172ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.6);border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #000c}.icon-circle{width:7rem;height:7rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 20px 25px -5px #6366f166}.icon-circle svg{width:3.5rem;height:3.5rem;color:#fff}.title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.subtitle{color:#cbd5e1;font-size:1.125rem;margin-bottom:2rem;text-align:center}.error-box{margin-bottom:1.5rem;padding:1rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:1rem;color:#fecaca;display:flex;align-items:flex-start;gap:.75rem}.btn-primary{width:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600;padding:1rem 2rem;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #8b5cf64d;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.125rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #8b5cf666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;font-weight:600;padding:.75rem 2rem;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #ef44444d;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.75rem;font-size:1.125rem}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #ef444466}.session-card{background:#0f172ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.6);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #000c}.avatar-container{position:relative;width:100%;aspect-ratio:1;background:#000;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d;border:1px solid rgba(71,85,105,.5);margin-bottom:1.5rem}.avatar-video{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.pulse-loader{position:relative;width:8rem;height:8rem;margin-bottom:2rem}.pulse-ring{position:absolute;width:100%;height:100%;border:4px solid #8b5cf6;border-radius:50%}.pulse-ring:nth-child(1){animation:ping 1.5s ease-out infinite;opacity:.75}.pulse-ring:nth-child(2){animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pulse-icon svg{width:4rem;height:4rem;color:#c4b5fd}.session-info{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#0f172a80;border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(71,85,105,.5);margin-bottom:1.5rem}.status-indicator{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#fff}.status-dot-container{position:relative;width:.75rem;height:.75rem}.status-dot-ping{position:absolute;width:100%;height:100%;border-radius:50%;background:#4ade80;opacity:.75;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.status-dot{position:relative;width:.75rem;height:.75rem;border-radius:50%;background:#22c55e}.room-info{font-size:.875rem;color:#94a3b8;font-family:monospace}.controls{text-align:center;margin-bottom:1.5rem}