.call-overlay-full{position:fixed;bottom:24px;right:24px;width:260px;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14;z-index:10000;overflow:hidden;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.call-overlay-full.incoming{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1),pulseGlow 2s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14,0 0 20px #4caf5033}50%{box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14,0 0 40px #4caf5066}}.co-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.06)}.co-header-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffffb3}.call-overlay-full.connected .co-header-label{color:#4caf50}.call-overlay-full.incoming .co-header-label{color:#66bb6a}.call-overlay-full.outgoing .co-header-label{color:#ffa726}.co-minimize-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff14;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.co-minimize-btn:hover{background:#ffffff26;color:#fff}.co-body{display:flex;flex-direction:column;align-items:center;padding:16px 12px 12px;gap:8px}.co-avatar-ring{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.co-avatar-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid transparent}.co-avatar-ring.connected:before{border-color:#4caf50;animation:ringPulse 2s ease-in-out infinite}.co-avatar-ring.outgoing:before{border-color:#ffa726;border-style:dashed;animation:ringRotate 3s linear infinite}.co-avatar-ring.incoming:before{border-color:#66bb6a;animation:ringPulse 1s ease-in-out infinite}@keyframes ringPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.co-partner-name{font-size:15px;font-weight:700;margin:0;text-align:center;letter-spacing:-.01em}.co-status-text{min-height:20px;display:flex;align-items:center;justify-content:center}.co-duration{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:#4caf50;letter-spacing:1px}.co-incoming-label{font-size:13px;color:#fff9}.co-ringing{display:flex;gap:5px;align-items:center}.co-ringing-dot{width:6px;height:6px;border-radius:50%;background:#ffa726;animation:bounceDot 1.2s cubic-bezier(.36,.07,.19,.97) infinite both}.co-ringing-dot:nth-child(2){animation-delay:.16s}.co-ringing-dot:nth-child(3){animation-delay:.32s}@keyframes bounceDot{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1.2);opacity:1}}.co-actions{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 12px 16px}.co-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;border-radius:50px;cursor:pointer;font-size:12px;font-weight:600;color:#fff;transition:all .2s;letter-spacing:.02em}.co-btn span{white-space:nowrap}.co-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.co-btn:active{transform:scale(.97)}.co-btn-cancel{background:linear-gradient(135deg,#ef5350,#e53935);flex:1}.co-btn-reject{background:linear-gradient(135deg,#ef5350,#e53935);padding:10px 20px}.co-btn-accept{background:linear-gradient(135deg,#4caf50,#388e3c);padding:10px 20px;animation:softPulse 2s ease-in-out infinite}@keyframes softPulse{0%,to{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 0 8px #4caf5000}}.co-btn-mute{width:36px;height:36px;padding:0;border-radius:50%;background:#ffffff1a}.co-btn-mute.active{background:#ef5350}.co-btn-mute:hover{background:#fff3}.co-btn-mute.active:hover{background:#e53935}.co-btn-message{width:36px;height:36px;padding:0;border-radius:50%;background:#ffffff1a}.co-btn-message:hover{background:#2196f34d}.co-btn-end{background:linear-gradient(135deg,#ef5350,#c62828);padding:10px 20px}.call-overlay-mini{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:50px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff14;z-index:10000;cursor:pointer;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);transition:all .2s;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.call-overlay-mini:hover{transform:scale(1.03);box-shadow:0 12px 48px #00000073,0 0 0 1px #ffffff1f}.mini-avatar-wrapper{position:relative;display:flex}.mini-status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #1a1a2e}.mini-status-indicator.connected{background:#4caf50;animation:statusBlink 2s ease-in-out infinite}.mini-status-indicator.outgoing{background:#ffa726}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.mini-info{display:flex;flex-direction:column;gap:1px}.mini-name{font-size:13px;font-weight:600;letter-spacing:-.01em}.mini-duration{font-size:12px;color:#4caf50;font-variant-numeric:tabular-nums;font-weight:500}.mini-calling{font-size:11px;color:#ffa726;font-weight:500}.mini-end-btn{width:30px;height:30px;border-radius:50%;border:none;background:#ef5350;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:4px;transition:all .2s}.mini-end-btn:hover{background:#c62828;transform:scale(1.1)}@media (max-width: 768px){.call-overlay-full{width:calc(100vw - 32px);bottom:16px;right:16px}.call-overlay-mini{bottom:16px;right:16px}}html,body,#root{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;font-size:16px;line-height:1.5}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}button,a,input,textarea,select{min-height:44px;min-width:44px}::selection{background:#1a237e33}@media (max-width: 768px){html,body{font-size:14px}input,textarea,select{font-size:16px}}