.call-container[data-v-a98fe0cb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;z-index:1000}.video-container[data-v-a98fe0cb]{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.remote-video[data-v-a98fe0cb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#1a1a1a}.local-video[data-v-a98fe0cb]{position:absolute;top:1rem;right:1rem;width:120px;height:160px;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;background:#2a2a2a;border:2px solid rgba(255,255,255,.2)}.call-info[data-v-a98fe0cb]{position:absolute;top:1rem;left:1rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.call-status[data-v-a98fe0cb]{font-size:1rem;font-weight:500;margin-bottom:.25rem}.call-duration[data-v-a98fe0cb]{font-size:.875rem;opacity:.8}.connection-quality[data-v-a98fe0cb]{font-size:.75rem;opacity:.8;margin-top:.25rem}.call-controls[data-v-a98fe0cb]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem;background:#000c}.control-btn[data-v-a98fe0cb]{width:3rem;height:3rem;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn[data-v-a98fe0cb]:hover{background:#ffffff4d;transform:scale(1.05)}.control-btn.active[data-v-a98fe0cb],.end-btn[data-v-a98fe0cb]{background:#ef4444cc}.end-btn[data-v-a98fe0cb]:hover{background:#ef4444}.mute-btn.active[data-v-a98fe0cb],.video-btn.active[data-v-a98fe0cb]{background:#ef4444cc}.speaker-btn.active[data-v-a98fe0cb]{background:#22c55ecc}@media (max-width: 480px){.local-video[data-v-a98fe0cb]{width:100px;height:133px}.call-controls[data-v-a98fe0cb]{padding:1.5rem;gap:.75rem}.control-btn[data-v-a98fe0cb]{width:2.5rem;height:2.5rem;font-size:1rem}}.app[data-v-3ec23785]{min-height:100vh;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000)}.header[data-v-3ec23785]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0);background:var(--tg-theme-secondary-bg-color, #f8f9fa)}.header h1[data-v-3ec23785]{font-size:1.25rem;font-weight:600;margin:0}.user-info[data-v-3ec23785]{font-size:.875rem;color:var(--tg-theme-hint-color, #666)}.main[data-v-3ec23785]{padding:1rem}.contacts-section h2[data-v-3ec23785]{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--tg-theme-text-color, #000)}.contacts-list[data-v-3ec23785]{display:flex;flex-direction:column;gap:.75rem}.contact-item[data-v-3ec23785]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:.5rem;border:1px solid var(--tg-theme-hint-color, #e0e0e0)}.contact-info[data-v-3ec23785]{display:flex;align-items:center;gap:.75rem}.contact-avatar[data-v-3ec23785]{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--tg-theme-button-color, #007aff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.contact-details[data-v-3ec23785]{display:flex;flex-direction:column;gap:.25rem}.contact-name[data-v-3ec23785]{font-weight:500;font-size:.875rem}.contact-status[data-v-3ec23785]{font-size:.75rem;color:var(--tg-theme-hint-color, #666)}.contact-status.online[data-v-3ec23785]{color:#22c55e}.contact-actions[data-v-3ec23785]{display:flex;gap:.5rem}.action-btn[data-v-3ec23785]{width:2rem;height:2rem;border:none;border-radius:.375rem;background:var(--tg-theme-button-color, #007aff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s}.action-btn[data-v-3ec23785]:hover:not(:disabled){opacity:.8}.action-btn[data-v-3ec23785]:disabled{opacity:.4;cursor:not-allowed}.message-btn[data-v-3ec23785]{background:var(--tg-theme-button-color, #007aff)}.audio-btn[data-v-3ec23785]{background:#22c55e}.video-btn[data-v-3ec23785]{background:#8b5cf6}.incoming-call-popup[data-v-3ec23785]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content[data-v-3ec23785]{background:var(--tg-theme-bg-color, #ffffff);border-radius:1rem;padding:2rem;max-width:20rem;width:90%;text-align:center}.caller-info[data-v-3ec23785]{margin-bottom:2rem}.caller-avatar[data-v-3ec23785]{width:4rem;height:4rem;border-radius:50%;background:var(--tg-theme-button-color, #007aff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem;margin:0 auto 1rem}.caller-details h3[data-v-3ec23785]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.caller-details p[data-v-3ec23785]{margin:0;color:var(--tg-theme-hint-color, #666);font-size:.875rem}.call-actions[data-v-3ec23785]{display:flex;gap:1rem;justify-content:center}.answer-btn[data-v-3ec23785],.reject-btn[data-v-3ec23785]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.answer-btn[data-v-3ec23785]{background:#22c55e;color:#fff}.reject-btn[data-v-3ec23785]{background:#ef4444;color:#fff}.answer-btn[data-v-3ec23785]:hover,.reject-btn[data-v-3ec23785]:hover{opacity:.8}.connection-status[data-v-3ec23785]{position:fixed;top:1rem;right:1rem;background:#f59e0b;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;z-index:100}