*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;margin:0 auto;max-width:520px;padding:env(safe-area-inset-top,24px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,24px) env(safe-area-inset-left,16px)}.header{padding:32px 0 8px;text-align:center}.header .logo{font-size:40px;margin-bottom:8px}.header h1{color:#1a1a2e;font-size:24px;font-weight:700;letter-spacing:-.5px}.header .tagline{color:#6b7280;font-size:14px;margin-top:4px}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;margin-top:24px;padding:28px 24px}.setup{gap:20px}.form-group,.setup{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.setup input[type=text],.setup select{-webkit-appearance:none;background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:12px;color:#1a1a2e;font-size:16px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.setup input[type=text]:focus,.setup select:focus{background:#fff;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.setup input[type=text]::placeholder{color:#9ca3af}.chat-type-toggle{background:#f3f4f6;border-radius:12px;display:flex;gap:4px;padding:4px}.chat-type-toggle label{align-items:center;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;text-align:center;transition:all .2s}.chat-type-toggle label:has(input:checked){background:#fff;box-shadow:0 1px 3px #00000014;color:#1a1a2e;font-weight:600}.chat-type-toggle input[type=radio]{display:none}.btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.3px;padding:16px 24px;transition:transform .15s,box-shadow .15s}.btn-primary:hover{box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.btn-end{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background .2s}.btn-end:hover{background:#e5e7eb;color:#374151}.waiting{padding:48px 24px;text-align:center}.waiting p{color:#6b7280;font-size:16px;margin-bottom:24px}.spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#e74c3c;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.waiting .cancel-text{color:#9ca3af;font-size:13px;margin-top:16px}.chat{text-align:center}.chat .status-bar{align-items:center;background:#ecfdf5;border-radius:10px;display:flex;gap:8px;justify-content:center;margin-bottom:20px;padding:12px}.chat .status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat .status-text{color:#065f46;font-size:14px;font-weight:500}.chat .chat-actions{margin-top:20px}.video-wrapper{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.video-box{background:#1a1a2e;border-radius:14px;box-shadow:0 2px 8px #0000001f;overflow:hidden;position:relative}.video-box video{display:block;height:180px;object-fit:cover;transform:scaleX(-1);width:240px}.video-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;bottom:8px;color:#fff;font-size:11px;font-weight:600;left:8px;padding:3px 8px;position:absolute}.audio-active{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px}.audio-active .audio-icon{font-size:48px}.audio-active .audio-text{color:#6b7280;font-size:15px}.audio-bars{align-items:flex-end;display:flex;gap:3px;height:24px}.audio-bars span{animation:audioBar 1.2s ease-in-out infinite;background:#e74c3c;border-radius:2px;width:4px}.audio-bars span:first-child{animation-delay:0s;height:8px}.audio-bars span:nth-child(2){animation-delay:.2s;height:16px}.audio-bars span:nth-child(3){animation-delay:.4s;height:24px}.audio-bars span:nth-child(4){animation-delay:.6s;height:16px}.audio-bars span:nth-child(5){animation-delay:.8s;height:8px}@keyframes audioBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.reconnecting-banner{align-items:center;background:#fef3c7;color:#92400e;display:flex;gap:8px;justify-content:center;margin-top:16px}.notification-banner,.reconnecting-banner{border-radius:10px;font-size:13px;font-weight:500;padding:10px 16px;text-align:center}.notification-banner{background:#fef2f2;color:#991b1b;margin-top:12px}@media (max-width:480px){.video-box video{height:120px;width:160px}.card{padding:20px 16px}.header h1{font-size:20px}}
/*# sourceMappingURL=main.75a46bee.css.map*/