.call-window-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.call-window{width:90%;max-width:400px;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.3);-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;border:1px solid hsla(0,0%,100%,.18)}.call-header{color:#fff;padding:16px;justify-content:space-between}.call-header,.status-indicator{display:flex;align-items:center}.status-indicator{gap:8px}.pulse-dot{width:10px;height:10px;background-color:#22c55e;border-radius:50%;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.call-content{padding:32px;display:flex;flex-direction:column;align-items:center}.avatar-container{position:relative;margin-bottom:24px}.avatar{width:128px;height:128px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid hsla(0,0%,100%,.8);box-shadow:0 5px 15px rgba(0,0,0,.2)}.audio-icon{position:absolute;bottom:-10px;right:-10px;width:36px;height:36px;background-color:rgba(59,130,246,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.2)}.name{font-size:20px;font-weight:600;color:#fff;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.call-type{font-size:14px;color:hsla(0,0%,100%,.8);text-shadow:0 1px 1px rgba(0,0,0,.2)}.call-controls{padding:24px;display:flex;justify-content:center;gap:32px}.control-button{border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.control-button:hover{transform:translateY(-2px)}.button-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.control-button:first-child .button-icon,.control-button:nth-child(3) .button-icon{color:#fff}.control-button:first-child:hover .button-icon,.control-button:nth-child(3):hover .button-icon{background-color:hsla(0,0%,100%,.3)}.hangup-button .button-icon{background-color:rgba(239,68,68,.8);color:#fff;width:56px;height:56px}.hangup-button:hover .button-icon{background-color:rgba(220,38,38,.9)}.control-button span{font-size:12px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.icon-image{width:24px;height:24px}.rotate-135{transform:rotate(135deg)}@-webkit-keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(34,197,94,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(34,197,94,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,0)}}@-webkit-keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}