/* kc-missed-call.css - KaiCalls motion kit */
.kc{--kc-blue:#2563EB;--kc-blue-soft:color-mix(in srgb,var(--kc-blue) 10%,transparent);--kc-bg:#F8FAFC;--kc-paper:#FFFFFF;--kc-sunk:#F3F5F9;--kc-text:#0B1220;--kc-mut:#64748B;--kc-line:rgba(11,18,32,.08);--kc-ok:#15803D;--kc-ok-soft:rgba(21,128,61,.1);--kc-warm:#B45309;--kc-warm-soft:rgba(180,83,9,.1);--kc-hot:#C2410C;--kc-hot-soft:rgba(194,65,12,.1);--kc-shadow:0 0 0 1px var(--kc-line),0 1px 2px rgba(11,18,32,.05),0 4px 12px -2px rgba(11,18,32,.06),0 20px 40px -12px rgba(11,18,32,.14);--kc-shadow-s:0 0 0 1px var(--kc-line),0 1px 2px rgba(11,18,32,.05),0 3px 8px -2px rgba(11,18,32,.06);--kc-ease:cubic-bezier(.16,1,.3,1);--kc-disp:var(--font-space-grotesk,inherit);position:relative;width:100%;font-family:inherit;color:var(--kc-text);line-height:1.45;-webkit-font-smoothing:antialiased;font-size:15px}.kc[data-theme=dark],html.dark .kc:not([data-theme=light]){--kc-blue:#5C8CFF;--kc-bg:#0B1220;--kc-paper:#121A2A;--kc-sunk:#0E1524;--kc-text:#F1F5F9;--kc-mut:#94A3B8;--kc-line:rgba(255,255,255,.08);--kc-ok:#4ADE80;--kc-ok-soft:rgba(74,222,128,.12);--kc-warm:#FBBF24;--kc-warm-soft:rgba(251,191,36,.12);--kc-hot:#FB923C;--kc-hot-soft:rgba(251,146,60,.13);--kc-shadow:0 0 0 1px var(--kc-line),0 1px 2px rgba(0,0,0,.3),0 8px 24px -4px rgba(0,0,0,.35),0 24px 48px -16px rgba(0,0,0,.45);--kc-shadow-s:0 0 0 1px var(--kc-line),0 2px 6px rgba(0,0,0,.25)}.kc *,.kc *::before,.kc *::after{box-sizing:border-box}.kc .kc-alt{margin:0;color:var(--kc-mut)}.kc.kc-ready .kc-alt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kc-card{background:var(--kc-paper);border-radius:20px;box-shadow:var(--kc-shadow)}.kc-av{flex:none;display:inline-grid;place-items:center;width:2.25em;height:2.25em;border-radius:50%;font-weight:600;font-size:.9em;background:var(--kc-sunk);color:var(--kc-text);box-shadow:inset 0 0 0 1px var(--kc-line)}.kc-av--k{background:var(--kc-blue);color:#fff;box-shadow:none}.kc-chip{display:inline-flex;align-items:center;gap:.4em;font-size:.76em;font-weight:600;line-height:1;padding:.45em .7em;border-radius:8px;background:var(--kc-sunk);color:var(--kc-mut);white-space:nowrap}.kc-chip i{width:.45em;height:.45em;border-radius:50%;background:currentColor}.kc-chip--ok{background:var(--kc-ok-soft);color:var(--kc-ok)}.kc-chip--blue{background:var(--kc-blue-soft);color:var(--kc-blue)}.kc-chip--warm{background:var(--kc-warm-soft);color:var(--kc-warm)}.kc-chip--hot{background:var(--kc-hot-soft);color:var(--kc-hot)}.kc-num{font-family:var(--kc-disp);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kc-mut{color:var(--kc-mut)}.kc-ic{width:1em;height:1em;flex:none;vertical-align:-.125em}.kc-tick{color:var(--kc-ok)}.kc-tick path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--kc-ease) .1s}.is-on>.kc-tick path,.is-on .kc-tick path{stroke-dashoffset:0}.kc-eq{display:inline-flex;gap:2px;align-items:center;height:.9em}.kc-eq i{width:2px;height:100%;border-radius:1px;background:currentColor;transform:scaleY(.3);animation:kc-eq .9s var(--kc-ease) infinite alternate}.kc-eq i:nth-child(2){animation-delay:-.3s}.kc-eq i:nth-child(3){animation-delay:-.6s}.kc-eq i:nth-child(4){animation-delay:-.15s}@keyframes kc-eq{to{transform:scaleY(1)}}.kc-paused,.kc-paused *,.kc-paused *::before,.kc-paused *::after{animation-play-state:paused!important}.kc-static *,.kc-static *::before,.kc-static *::after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.kc *,.kc *::before,.kc *::after{transition:none!important;animation:none!important}}
.kc-missed{container-type:inline-size;max-width:460px;margin-inline:auto}.kc-missed:not(.kc-ready){min-height:404px}.mc-stage{display:flex;flex-direction:column;gap:12px;height:404px;padding:4px}.mc-a{padding:18px 20px 20px;transition:opacity .6s var(--kc-ease),transform .6s var(--kc-ease)}.mc-a.is-miss{opacity:.62;transform:scale(.97)}.mc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82em;color:var(--kc-mut);margin-bottom:16px}.mc-top span:first-child{display:inline-flex;align-items:center;gap:.5em}.mc-st{transition:opacity .3s}.mc-who{display:flex;align-items:center;gap:14px}.mc-who .kc-av{position:relative;font-size:1.05em;width:2.6em;height:2.6em}.mc-who .kc-av::before,.mc-who .kc-av::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.5px var(--kc-blue);opacity:0}.is-ring .kc-av::before,.is-ring .kc-av::after{animation:mc-ring 1.2s var(--kc-ease) infinite}.is-ring .kc-av::after{animation-delay:.3s}@keyframes mc-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.7);opacity:0}}.mc-who b{display:block;font-weight:600;font-size:1.06em}.mc-who small{font-size:.86em;color:var(--kc-mut)}.mc-rings{display:flex;gap:6px;margin-left:auto}.mc-rings i{width:18px;height:4px;border-radius:2px;background:var(--kc-sunk);box-shadow:inset 0 0 0 1px var(--kc-line);overflow:hidden;position:relative}.mc-rings i::after{content:"";position:absolute;inset:0;background:var(--kc-blue);transform:scaleX(0);transform-origin:left;transition:transform .9s linear}.mc-rings i.is-on::after{transform:none}.is-miss .mc-rings i::after{background:var(--kc-mut)}.mc-b{padding:18px 20px 8px;opacity:0;transform:translateY(18px);transition:opacity .6s var(--kc-ease),transform .7s var(--kc-ease)}.mc-b.is-in{opacity:1;transform:none}.mc-head{display:flex;align-items:center;gap:12px}.mc-head b{display:block;font-weight:600}.mc-head small{display:block;font-size:.84em;color:var(--kc-mut)}.mc-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--kc-blue);font-size:.88em}.mc-live .kc-num{color:var(--kc-text);min-width:2.6em;text-align:right}.mc-b.is-done .kc-eq{opacity:0}.mc-list{list-style:none;margin:14px 0 0;padding:0}.mc-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--kc-line);font-size:.92em;opacity:0;transform:translateY(6px);transition:opacity .5s var(--kc-ease),transform .5s var(--kc-ease)}.mc-list li.is-on{opacity:1;transform:none}.mc-list .kc-tick{font-size:1.15em}.is-done .mc-say{display:none}.mc-head .mc-end{display:none}.is-done .mc-head .mc-end{display:block}@container (max-width:380px){.mc-a,.mc-b{padding-inline:16px}.mc-rings i{width:12px}.kc-missed{font-size:14px}}