:root{--teal:#0abfbc;--teal-dark:#089a98;--teal-light:#dff7f7;--teal-glow:#0abfbc2e;--cream:#f7f3ee;--cream-alt:#fdfaf6;--sand:#ede7de;--sand-dark:#d5ccbf;--gold:#e8a958;--gold-light:#fdf0dc;--coral:#f26b6b;--coral-light:#fdeaea;--coral-dark:#d95555;--text-primary:#1c1c2e;--text-secondary:#5c5c7a;--text-muted:#9898b0;--surface:#fff;--surface-raised:#fdfaf7;--border:#eae4dc;--shadow-sm:0 2px 8px #1c1c2e0f;--shadow-md:0 6px 24px #1c1c2e17;--shadow-lg:0 16px 48px #1c1c2e1f;--shadow-teal:0 8px 32px #0abfbc38;--r-sm:10px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-full:999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-up{animation:fadeUp .5s cubic-bezier(.34,1.56,.64,1) both;animation:fadeUp .5s var(--ease-spring) both}.animate-fade-in{animation:fadeIn .35s ease both}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ede7de 25%,#fdfaf6 50%,#ede7de 75%);background:linear-gradient(90deg,var(--sand) 25%,var(--cream-alt) 50%,var(--sand) 75%);background-size:800px 100%;border-radius:18px;border-radius:var(--r-md)}.call-interface{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.call-interface.call-ended{background:linear-gradient(135deg,#2d3436,#636e72)}.call-container{background:#1a1a2e;border-radius:24px;box-shadow:0 10px 40px #0000004d;max-height:600px;max-width:800px;overflow:hidden;width:100%}.call-container,.call-ringing{display:flex;flex-direction:column;height:100%}.call-ringing{align-items:center;gap:24px;justify-content:center;padding:40px 20px}.caller-info{align-items:center;display:flex;flex-direction:column;gap:16px}.caller-avatar{border:4px solid #fff3;border-radius:50%;height:120px;object-fit:cover;width:120px}.caller-info h2{color:#fff;font-size:24px;margin:0}.caller-info p{color:#ffffffb3;font-size:14px;margin:0}.pulsing-dots{display:flex;gap:6px}.pulsing-dots span{animation:pulse 1.4s infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.pulsing-dots span:nth-child(2){animation-delay:.2s}.pulsing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.call-actions{display:flex;gap:24px;justify-content:center}.btn-answer,.btn-decline{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.btn-answer{background:#31a24c;color:#fff}.btn-answer:hover{background:#2a8a40;transform:translateY(-2px)}.btn-decline{background:#e74c3c;color:#fff}.btn-decline:hover{background:#c0392b;transform:translateY(-2px)}.video-container{background:#0f0f1e;flex:1 1;overflow:hidden;position:relative}.video-remote{height:100%;object-fit:cover;width:100%}.video-local{border:3px solid #fff3;border-radius:12px;bottom:16px;height:140px;object-fit:cover;position:absolute;right:16px;width:140px}.audio-call-view{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.audio-icon{animation:float 3s ease-in-out infinite;font-size:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.duration{font-size:28px;font-weight:600;margin:0}.call-controls{background:#0000004d;gap:16px;padding:20px}.btn-control,.call-controls{align-items:center;display:flex;justify-content:center}.btn-control{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;transition:all .2s;width:50px}.btn-control:hover{background:#ffffff4d;transform:scale(1.1)}.btn-control.active{background:#ff3232b3}.btn-end-call{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;margin-left:8px;transition:all .2s;width:50px}.btn-end-call:hover{background:#c0392b;transform:scale(1.1)}.call-content,.call-ended{flex-direction:column}.call-content{align-items:center;color:#fff;display:flex;gap:20px;height:100%;justify-content:center;padding:40px 20px}.call-status{text-align:center}.call-status h2{font-size:24px;margin:0 0 8px}.call-status .duration{color:#fffc;font-size:32px;margin:0}.btn-primary{background:#0084ff;background:var(--accent,#0084ff);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2s}.btn-primary:hover{background:#0073e6;background:var(--accent-dark,#0073e6)}@media (max-width:600px){.call-container{border-radius:0;max-height:100%}.video-local{height:100px;width:100px}.call-actions{gap:16px}.btn-answer,.btn-decline{min-width:100px;padding:10px 20px}.call-controls{gap:12px;padding:16px}.btn-control,.btn-end-call{font-size:18px;height:44px;width:44px}}
/*# sourceMappingURL=main.8dac2eb1.css.map*/