.cl{z-index:95;padding:max(28px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));--cl-btn:clamp(46px, 13vw, 62px);background:linear-gradient(170deg, var(--mkm-ticket-a) 0%, var(--mkm-ticket-b) 52%, var(--mkm-ticket-c) 100%);color:#fff;font-family:var(--font-body), system-ui, sans-serif;grid-template-rows:1fr auto auto;display:grid;position:fixed;inset:0;overflow:hidden}.cl-stage{text-align:center;z-index:1;place-content:center;justify-items:center;gap:6px;display:grid;position:relative}.cl-face{place-items:center;width:132px;height:132px;margin-bottom:18px;display:grid;position:relative}.cl-avatar{z-index:1;width:112px;height:112px;font-family:var(--font-display), sans-serif;background:#ffffff24;border:2px solid #ffffff8c;border-radius:50%;place-items:center;font-size:34px;display:grid;position:relative;overflow:hidden}.cl-ring{opacity:0;border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:0}.cl.is-calling .cl-ring,.cl.is-incoming .cl-ring,.cl.is-connecting .cl-ring{animation:2.4s ease-out infinite cl-ripple}.cl.is-calling .cl-ring+.cl-ring,.cl.is-incoming .cl-ring+.cl-ring,.cl.is-connecting .cl-ring+.cl-ring{animation-delay:1.2s}@keyframes cl-ripple{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.75)}}.cl-name{max-width:18ch;font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(24px,7vw,32px);font-weight:500;line-height:1.12}.cl-context{opacity:.78;margin:0;font-size:15px}.cl-status{opacity:.9;max-width:30ch;min-height:1.4em;margin:10px 0 0;font-size:15px}.cl-status.is-timer{font-family:var(--font-mono), monospace;letter-spacing:.06em;opacity:1;font-size:17px}.cl-key{color:#fffc;cursor:pointer;font:inherit;background:#ffffff1f;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;display:inline-flex}.cl-key span{letter-spacing:4px;font-size:20px;line-height:1.2}.cl-key.is-open,.cl-key:hover{background:#fff3}.cl-key:focus-visible{outline-offset:2px;outline:2px solid #fff}.cl-key-info{color:#ffffffe6;background:#00000040;border-radius:14px;max-width:30ch;margin:8px auto 0;padding:10px 12px;font-size:13px;line-height:1.45}.cl.is-video .cl-key-info{margin-left:0}.cl-weak{color:#ffd7a8;background:#00000040;border-radius:999px;align-items:center;gap:6px;margin:6px 0 0;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.cl-controls,.cl-answer{z-index:2;justify-content:center;align-items:flex-start;gap:clamp(8px,3vw,18px);min-width:0;max-width:100%;padding:18px 0 8px;display:flex;position:relative}.cl-answer{gap:34px}.cl-answer>span{justify-items:center;gap:8px;display:grid}.cl-answer small{opacity:.85;font-size:13px}.cl-round{width:var(--cl-btn);height:var(--cl-btn);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;transition:transform .12s,background-color .15s;display:grid}.cl-round:active{transform:scale(.94)}.cl-round:focus-visible{outline-offset:3px;outline:3px solid #fff}.cl-round.is-plain{background:#ffffff29}.cl-round.is-plain.is-on{color:var(--mkm-ticket-b);background:#fff}.cl-round.is-red{background:#e5484d}.cl-round.is-green{background:#30a46c}.cl-answer .cl-round{width:70px;height:70px}.cl.is-incoming .cl-round.is-green{animation:1.4s ease-in-out infinite cl-nudge}@keyframes cl-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cl-privacy{text-align:center;opacity:.6;z-index:2;max-width:34ch;margin:6px auto 0;font-size:12px;position:relative}.cl-remote{object-fit:cover;opacity:0;background:#000;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.cl.is-video .cl-remote{opacity:1}.cl.is-video:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000080 0,#0000 30% 68%,#00000073 100%);position:absolute;inset:0}.cl-self{z-index:3;top:max(18px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));object-fit:cover;background:#00000059;border:2px solid #fff9;border-radius:16px;width:104px;height:148px;position:absolute}.cl-self.is-mirror{transform:scaleX(-1)}.cl-self.is-off{opacity:.25}.cl.is-video .cl-stage{text-align:left;place-content:start;justify-items:start;padding-right:120px}.cl.is-video .cl-face{display:none}.cl.is-video .cl-name{text-shadow:0 1px 8px #00000080;font-size:22px}.cl.is-video .cl-context,.cl.is-video .cl-status{text-shadow:0 1px 6px #00000080}.cl.is-video .cl-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000059;border-radius:999px;width:fit-content;margin:0 auto;padding:10px clamp(10px,3vw,16px)}.cl.is-video .cl-privacy{display:none}@media (max-height:520px){.cl{padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));--cl-btn:52px}.cl-face{width:88px;height:88px;margin-bottom:8px}.cl-avatar{width:76px;height:76px;font-size:24px}.cl-name{font-size:22px}.cl-status{margin-top:4px}.cl-controls,.cl-answer{padding:8px 0 4px}.cl-answer .cl-round{width:58px;height:58px}.cl-privacy{display:none}.cl.is-video .cl-stage{padding-right:170px}.cl-self{width:148px;height:104px;top:max(12px, env(safe-area-inset-top))}}.cl-buttons{flex:none;gap:8px;display:inline-flex}.cl-btn-call{cursor:pointer;background:var(--mkm-seal-soft);width:40px;height:40px;color:var(--mkm-seal);border:0;border-radius:50%;place-items:center;display:grid}.cl-btn-call:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cl-ring,.cl.is-incoming .cl-round.is-green{animation:none!important}.cl.is-calling .cl-ring,.cl.is-incoming .cl-ring{opacity:.5;transform:scale(1.2)}}