*{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)}.app--video-active{background:#000;max-width:100%;overflow:hidden;padding:0}.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}.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}.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)}}.voice-controls{display:flex;gap:12px;justify-content:center;padding:8px 0 4px}.vc-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:12px 20px;transition:background .2s,color .2s}.vc-btn:hover{background:#e5e7eb}.vc-btn--muted{background:#fef2f2;color:#991b1b}.vc-btn--end{background:#e74c3c;color:#fff}.vc-btn--end:hover{background:#c0392b}.reconnecting-banner{background:#fef3c7;color:#92400e;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}.ft-video-backdrop{background:#000;display:none;inset:0;position:fixed;z-index:100}.ft-video-backdrop--active{display:block}.ft-remote-video{background:#111;display:block;height:100%;object-fit:cover;width:100%}.ft-local-pip{background:#222;border:2px solid #ffffff40;border-radius:14px;box-shadow:0 4px 20px #00000080;height:150px;object-fit:cover;position:absolute;right:max(env(safe-area-inset-right,16px),16px);top:max(env(safe-area-inset-top,16px),16px);transform:scaleX(-1);width:110px;z-index:10}.ft-overlay{display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:max(env(safe-area-inset-top,20px),20px) 20px max(env(safe-area-inset-bottom,40px),40px);pointer-events:none;position:absolute;transition:opacity .3s ease}.ft-overlay--visible{opacity:1;pointer-events:auto}.ft-status{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000073;border-radius:50px;display:flex;gap:8px;margin:0 auto;padding:8px 16px;width:fit-content}.ft-status-dot{animation:pulse 2s infinite;background:#34d399;border-radius:50%;flex-shrink:0;height:8px;width:8px}.ft-status-text{color:#fff;font-size:13px;font-weight:500}.ft-controls{gap:20px}.ft-btn,.ft-controls{align-items:center;display:flex;justify-content:center}.ft-btn{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:64px;transition:background .2s,transform .15s;width:64px}.ft-btn:active{transform:scale(.93)}.ft-btn--active{background:#ffffffd9;color:#1a1a1a}.ft-btn--end{background:#e74c3c;font-size:28px;height:72px;transform:rotate(135deg);width:72px}.ft-btn--end:active{background:#c0392b;transform:rotate(135deg) scale(.93)}.ft-notification,.ft-reconnecting{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;border-radius:50px;color:#fff;font-size:13px;font-weight:500;left:50%;padding:8px 18px;position:absolute;top:70px;transform:translateX(-50%);white-space:nowrap;z-index:20}@media (max-width:480px){.card{padding:20px 16px}.header h1{font-size:20px}.ft-local-pip{height:125px;width:90px}.ft-btn{font-size:20px;height:56px;width:56px}.ft-btn--end{font-size:24px;height:64px;width:64px}}
/*# sourceMappingURL=main.d3b63f9f.css.map*/