.mcall{z-index:250;background:radial-gradient(130% 55% at 50% -8%, color-mix(in srgb, var(--crm-action-accent,var(--primary)) 24%, transparent), transparent 72%), var(--background);color:var(--foreground);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overscroll-behavior:contain;flex-direction:column;animation:.32s cubic-bezier(.2,.9,.25,1) both mcall-rise;display:flex;position:fixed;inset:0}@keyframes mcall-rise{0%{opacity:0;transform:translateY(14%)}to{opacity:1;transform:none}}.mcall button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (hover:none){.mcall button:active:not(:disabled),.mcall-pill:active{opacity:.8;transition:opacity 60ms}}.mcall-avatar{border-radius:9999px;place-items:center;width:112px;height:112px;display:grid;position:relative}.mcall-avatar__face{z-index:1;letter-spacing:.02em;color:#fff;background:linear-gradient(150deg, color-mix(in srgb, var(--crm-action-accent,var(--primary)) 92%, #fff), color-mix(in srgb, var(--crm-action-accent,var(--primary)) 70%, #000));width:100%;height:100%;box-shadow:0 18px 50px -18px color-mix(in srgb, var(--crm-action-accent,var(--primary)) 70%, transparent);border-radius:9999px;place-items:center;font-size:38px;font-weight:600;display:grid;position:relative}.mcall-avatar__ring{opacity:0;pointer-events:none;border:2px solid;border-radius:9999px;position:absolute;inset:0}.mcall-avatar[data-ring=on] .mcall-avatar__ring{animation:2.4s cubic-bezier(.2,.6,.35,1) infinite mcall-ring}.mcall-avatar[data-ring=on] .mcall-avatar__ring:nth-child(2){animation-delay:.8s}.mcall-avatar[data-ring=on] .mcall-avatar__ring:nth-child(3){animation-delay:1.6s}@keyframes mcall-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}.mcall-avatar[data-ring=live]:after{content:"";opacity:.65;border:2px solid;border-radius:9999px;position:absolute;inset:-7px}.mcall-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.mcall-bars i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:100%;animation:1.1s ease-in-out infinite mcall-bar}.mcall-bars i:nth-child(2){animation-delay:.18s}.mcall-bars i:nth-child(3){animation-delay:.36s}@keyframes mcall-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mcall-fade{animation:.24s ease-out both mcall-fade}@keyframes mcall-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mcall-pop{animation:.34s cubic-bezier(.3,1.5,.5,1) both mcall-pop}@keyframes mcall-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.mcall-steps{align-items:center;gap:6px;display:flex}.mcall-step{color:rgb(var(--crm-ink-rgb) / .4);align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.mcall-step__dot{background:rgb(var(--crm-ink-rgb) / .18);border-radius:9999px;width:8px;height:8px;transition:background-color .2s,transform .2s}.mcall-step[data-state=done]{color:rgb(var(--crm-ink-rgb) / .62)}.mcall-step[data-state=done] .mcall-step__dot{background:rgb(var(--crm-ink-rgb) / .55)}.mcall-step[data-state=now]{color:var(--foreground);font-weight:600}.mcall-step[data-state=now] .mcall-step__dot{background:var(--crm-action-accent,var(--primary));transform:scale(1.25)}.mcall-step__line{background:rgb(var(--crm-ink-rgb) / .16);width:14px;height:1px}.mcall-end{border-radius:9999px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 14px 34px -14px #ef4444d9}.mcall-pill{z-index:249;top:calc(env(safe-area-inset-top,0px) + 8px);border:1px solid rgb(var(--crm-ink-rgb) / .1);background:color-mix(in srgb, var(--background) 88%, transparent);max-width:calc(100vw - 32px);min-height:44px;box-shadow:0 12px 30px -12px rgb(var(--crm-shadow-rgb) / calc(.7 * var(--crm-shadow-k)));-webkit-backdrop-filter:blur(14px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:9999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;animation:.24s ease-out both mcall-pill-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes mcall-pill-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.mcall-cta{z-index:30;left:0;right:0;bottom:var(--crm-mobile-tabbar-h,env(safe-area-inset-bottom,0px));border-top:1px solid rgb(var(--crm-ink-rgb) / .06);background:var(--background);padding:12px 16px;position:fixed}.mcall-cta .crm-action-btn{height:3.5rem;min-height:3.5rem}.mcall-sheet-backdrop{z-index:251;background:rgb(var(--crm-paper-rgb) / .45);animation:.2s ease-out both mcall-fade;position:fixed;inset:0}.mcall-sheet{z-index:252;border-top:1px solid rgb(var(--crm-ink-rgb) / .08);background:var(--background);padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.28s cubic-bezier(.2,.9,.25,1) both mcall-sheet-up;position:fixed;bottom:0;left:0;right:0}@keyframes mcall-sheet-up{0%{transform:translateY(100%)}to{transform:none}}.mcall-sheet__grab{background:rgb(var(--crm-ink-rgb) / .18);border-radius:9999px;width:36px;height:5px;margin:0 auto 12px}@media (prefers-reduced-motion:reduce){.mcall,.mcall-fade,.mcall-pop,.mcall-pill,.mcall-sheet,.mcall-sheet-backdrop,.mcall-avatar[data-ring=on] .mcall-avatar__ring,.mcall-bars i{animation:none!important}.mcall-avatar[data-ring=on] .mcall-avatar__ring:first-child{opacity:.4;transform:scale(1.12)}}
