@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Sora:wght@300;400;600&display=swap");@keyframes vc-slide-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vc-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.08)}}@keyframes vc-ring-grow{0%{opacity:.8;transform:scale(.94)}to{opacity:0;transform:scale(1.4)}}@keyframes vc-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes vc-dot{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1.1);opacity:1}}@keyframes vc-blink{0%,to{opacity:1}50%{opacity:.35}}.vc-overlay{position:fixed;inset:0;z-index:10060;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(14px);background:rgba(8,10,30,.72);backdrop-filter:blur(14px);animation:vc-fade-in .25s ease;font-family:Cairo,sans-serif;direction:rtl}.vc-screen{width:100%;max-width:480px;height:90vh;background:#0a0d1e;border-radius:28px 28px 0 0;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:vc-slide-up .3s cubic-bezier(.34,1.56,.64,1)}.vc-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.1;pointer-events:none}.vc-blob--1{width:300px;height:300px;top:-100px;right:-80px;animation:vc-float 9s ease-in-out infinite}.vc-blob--2{width:220px;height:220px;bottom:100px;left:-60px;animation:vc-float 12s ease-in-out infinite reverse}.vc-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;position:relative;z-index:2;flex-shrink:0}.vc-type-badge{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;padding:5px 14px;font-size:12px;color:hsla(0,0%,100%,.6);font-weight:600}.vc-order-badge{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:5px 12px;font-size:11px;color:hsla(0,0%,100%,.4)}.vc-body{flex:1;flex-direction:column;z-index:2;padding:20px;gap:16px}.vc-avatar-wrap,.vc-body{display:flex;align-items:center;justify-content:center;position:relative}.vc-avatar-wrap{width:130px;height:130px}.vc-ring{position:absolute;border-radius:30px;border:2px solid;animation:vc-ring-grow 2s ease-out infinite}.vc-ring--1{width:140px;height:140px;animation-delay:0s}.vc-ring--2{width:162px;height:162px;animation-delay:.5s}.vc-avatar-inner{width:100px;height:100px;border-radius:26px;border:2.5px solid;justify-content:center;font-size:46px;position:relative;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vc-avatar-inner,.vc-soundwave{display:flex;align-items:center}.vc-soundwave{gap:4px;height:38px}.vc-wave-bar{width:4px;border-radius:3px;animation:vc-wave .8s ease-in-out infinite alternate}.vc-name{font-size:22px;font-weight:900;color:#fff;margin:0;text-align:center}.vc-status-row{display:flex;align-items:center;gap:8px}.vc-active-dot{width:8px;height:8px;border-radius:50%;animation:vc-blink 1.5s ease-in-out infinite}.vc-timer{font-size:26px;font-weight:300;color:hsla(0,0%,100%,.9);letter-spacing:2px;font-family:Sora,sans-serif}.vc-phase-label{font-size:14px;color:hsla(0,0%,100%,.45)}.vc-dots{display:flex;gap:7px}.vc-dots span{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.35);display:inline-block;animation:vc-dot 1.4s ease-in-out infinite}.vc-dots span:nth-child(2){animation-delay:.2s}.vc-dots span:nth-child(3){animation-delay:.4s}.vc-incoming-actions{display:flex;gap:48px;margin-top:8px}.vc-action-circle{display:flex;flex-direction:column;align-items:center;gap:9px;border:none;background:transparent;cursor:pointer;font-family:Cairo,sans-serif;transition:transform .18s}.vc-action-circle:hover{transform:scale(1.08)}.vc-action-circle>span:first-child{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.vc-action-circle--accept>span:first-child{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 22px rgba(34,197,94,.4)}.vc-action-circle--decline>span:first-child{background:linear-gradient(135deg,#ef5b5b,#c0392b);box-shadow:0 6px 22px rgba(239,91,91,.4)}.vc-action-lbl{font-size:12px;font-weight:700;color:hsla(0,0%,100%,.55)}.vc-controls{display:flex;justify-content:center;gap:16px;padding:0 24px 16px;position:relative;z-index:2;flex-shrink:0}.vc-ctrl{display:flex;flex-direction:column;align-items:center;gap:7px;background:hsla(0,0%,100%,.07);border:1.5px solid hsla(0,0%,100%,.11);border-radius:18px;padding:13px 19px;cursor:pointer;transition:all .18s;min-width:72px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Cairo,sans-serif}.vc-ctrl:hover{background:hsla(0,0%,100%,.14);transform:translateY(-2px)}.vc-ctrl--on{background:rgba(239,91,91,.18);border-color:rgba(239,91,91,.38)}.vc-ctrl-icon{font-size:22px}.vc-ctrl-lbl{font-size:10px;font-weight:600;color:hsla(0,0%,100%,.55);white-space:nowrap}.vc-ctrl--on .vc-ctrl-lbl{color:#ef5b5b}.vc-end-wrap{padding:0 24px 40px;position:relative;z-index:2;flex-shrink:0}.vc-end-btn,.vc-end-wrap{display:flex;justify-content:center}.vc-end-btn{align-items:center;gap:10px;width:100%;max-width:290px;background:linear-gradient(135deg,#ef5b5b,#c0392b);border:none;border-radius:20px;padding:17px 24px;color:#fff;font-size:15px;font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;box-shadow:0 6px 26px rgba(239,91,91,.42);transition:all .18s}.vc-end-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(239,91,91,.5)}.vc-ended{position:absolute;inset:0;z-index:5;flex-direction:column;background:rgba(10,13,30,.92);animation:vc-fade-in .3s ease}.vc-ended,.vc-ended-icon{display:flex;align-items:center;justify-content:center}.vc-ended-icon{width:72px;height:72px;border-radius:50%;background:rgba(34,197,94,.2);border:2px solid rgba(34,197,94,.5);font-size:30px;color:#22c55e;margin-bottom:16px}.vc-ended-label{font-size:20px;font-weight:700;color:#fff;margin:0 0 6px;font-family:Cairo,sans-serif}.vc-ended-dur{font-size:16px;color:hsla(0,0%,100%,.45);margin:0;font-family:Sora,sans-serif;font-weight:300;letter-spacing:2px}@media (max-width:480px){.vc-screen{max-width:100%;border-radius:20px 20px 0 0}.vc-blob--1{width:200px;height:200px}.vc-blob--2{width:150px;height:150px}.vc-end-wrap{padding:0 16px calc(24px + env(safe-area-inset-bottom, 0px))}.vc-end-btn{max-width:100%}}