app-mc-call-screen{z-index:80;animation:m-rise var(--motion-base) var(--ease-enter) backwards;position:fixed;bottom:24px;right:24px}app-mc-call-screen .call{border-radius:var(--radius-xl);color:#fff;background:#1c1a3a;flex-direction:column;gap:14px;width:320px;padding:16px;display:flex;box-shadow:0 20px 50px #00000059}app-mc-call-screen .call__who{align-items:center;gap:12px;display:flex}app-mc-call-screen .call__avatar{background:var(--primary-gradient);width:48px;height:48px;font-size:var(--font-md);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative}app-mc-call-screen .call__avatar.is-ringing:after{content:"";border-radius:inherit;background:var(--primary);animation:m-ping 1.5s var(--ease-exit) infinite;pointer-events:none;position:absolute;inset:0}app-mc-call-screen .call__body{min-width:0}app-mc-call-screen .call__name{font-size:var(--font-base);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}app-mc-call-screen .call__status{font-size:var(--font-sm);color:#ffffffa6}app-mc-call-screen .call__timer{font-variant-numeric:tabular-nums;color:#7de2a5;font-weight:700}app-mc-call-screen .call__actions{justify-content:center;gap:14px;display:flex}app-mc-call-screen .call__actions--answer{grid-template-columns:1fr 1fr;gap:8px;display:grid}app-mc-call-screen .call__actions--answer .btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--motion-press-strong));transition-duration:var(--motion-instant)}app-mc-call-screen .call__accept{background:var(--color-success);color:#fff}@media (hover:hover){app-mc-call-screen .call__accept:hover{filter:brightness(.92)}}app-mc-call-screen .call__mic-denied{text-align:center;border-radius:var(--radius-lg);background:#ffffff14;flex-direction:column;align-items:center;gap:10px;margin-top:6px;padding:12px;display:flex}app-mc-call-screen .call__mic-denied h4{font-size:var(--font-sm);color:#fff;margin:0;font-weight:700}app-mc-call-screen .call__mic-denied-icon{color:#ef4444;background:#ef444433;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}app-mc-call-screen .call__mic-denied-help{font-size:var(--font-xs);color:#fffc;margin:0;line-height:1.4}app-mc-call-screen .round{color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast),transform var(--motion-instant) var(--ease-standard);background:#ffffff24;border:none;border-radius:50%;place-items:center;display:grid}app-mc-call-screen .round:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--motion-press-strong));transition-duration:var(--motion-instant)}@media (hover:hover){app-mc-call-screen .round:hover{background:#ffffff3d}}app-mc-call-screen .round.is-on{color:#1c1a3a;background:#fff}app-mc-call-screen .round--danger{background:var(--color-error)}@media (hover:hover){app-mc-call-screen .round--danger:hover{background:var(--color-error);filter:brightness(.92)}}app-mc-call-screen .round:focus-visible{outline-offset:2px;outline:2px solid #fff}app-mc-call-screen .round app-icon{width:20px;height:20px}@media (max-width:640px){app-mc-call-screen{top:calc(12px + env(safe-area-inset-top));bottom:auto;left:12px;right:12px}app-mc-call-screen .call{width:auto}app-mc-call-screen .call:not(:has(.call__actions--answer)){flex-flow:wrap;align-items:center;gap:10px;padding:10px 12px}app-mc-call-screen .call:not(:has(.call__actions--answer)) .call__who{flex:1;gap:10px;min-width:0}app-mc-call-screen .call:not(:has(.call__actions--answer)) .call__avatar{width:36px;height:36px;font-size:var(--font-sm)}app-mc-call-screen .call:not(:has(.call__actions--answer)) .call__body{min-width:0}app-mc-call-screen .call:not(:has(.call__actions--answer)) .call__status{font-size:var(--font-xs)}app-mc-call-screen .call:not(:has(.call__actions--answer)) .call__actions{gap:8px}app-mc-call-screen .call:not(:has(.call__actions--answer)) .round{width:40px;height:40px}app-mc-call-screen .call:not(:has(.call__actions--answer)) .call__mic-denied{flex:100%;margin-top:0}}
app-mc-match-found{z-index:95;pointer-events:none;--mc-found-rose:#f0246a;--mc-found-violet:#7c5cff;place-items:center;display:grid;position:fixed;inset:0}app-mc-match-found:empty{display:none}app-mc-match-found [data-motion=exit] .found{animation:m-fade-out var(--motion-fast) var(--ease-exit) forwards}app-mc-match-found .found{pointer-events:auto;background:#1a1a2e99;place-items:center;width:100%;height:100%;padding:16px;animation:.15s ease-out both app-mc-match-found__scrim;display:grid}app-mc-match-found .found__card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:32px 24px 24px;display:flex}app-mc-match-found .found__pair{justify-content:center;align-items:center;width:100%;height:116px;display:flex;position:relative}app-mc-match-found .found__peer{z-index:2;opacity:0;border-radius:50%;place-items:center;padding:3px;animation:.35s cubic-bezier(.33,1,.68,1) .15s both app-mc-match-found__slide;display:grid;position:relative}app-mc-match-found .found__peer .avatar{border:3px solid #fff;width:96px;height:96px;font-size:30px}app-mc-match-found .found__peer:after{content:"";opacity:0;pointer-events:none;border-radius:50%;animation:.2s ease-out .7s both app-mc-match-found__glow;position:absolute;inset:-6px}app-mc-match-found .found__peer--self{--from:-120px;--to:-72px;background:linear-gradient(140deg, #ff7ba8 0%, var(--mc-found-rose) 100%)}app-mc-match-found .found__peer--self:after{box-shadow:0 0 24px 4px #f0246a59}app-mc-match-found .found__peer--other{--from:120px;--to:72px;background:linear-gradient(140deg, #ff7ba8 0%, var(--mc-found-violet) 100%)}app-mc-match-found .found__peer--other:after{box-shadow:0 0 24px 4px #7c5cff59}app-mc-match-found .found__connector{z-index:1;width:56px;height:3px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}app-mc-match-found .found__connector i{background:linear-gradient(90deg, var(--mc-found-rose), var(--mc-found-violet));border-radius:2px;width:100%;height:100%;animation:.25s ease-in-out .45s both app-mc-match-found__draw;display:block;transform:scaleX(0)}app-mc-match-found .found__heart{z-index:3;background:linear-gradient(135deg, #ff5c8d 0%, var(--mc-found-rose) 100%);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;animation:.2s cubic-bezier(.34,1.56,.64,1) .65s both app-mc-match-found__land;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 4px 12px #f0246a59}app-mc-match-found .found__heart app-icon{width:20px;height:20px}app-mc-match-found .found__text{opacity:0;animation:.25s ease-out .85s both app-mc-match-found__rise}app-mc-match-found .found__title{letter-spacing:-.4px;color:var(--text-primary);font-size:24px;font-weight:700}app-mc-match-found .found__name{font-size:var(--font-lg);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-top:4px;font-weight:600;overflow:hidden}app-mc-match-found .found__lead{font-size:var(--font-sm);color:var(--text-secondary);margin-top:4px}app-mc-match-found .found__common{justify-content:center;margin-top:10px}app-mc-match-found .found__cta{opacity:0;width:100%;animation:.2s ease-out 1.1s both app-mc-match-found__rise}@keyframes app-mc-match-found__scrim{0%{opacity:0}to{opacity:1}}@keyframes app-mc-match-found__slide{0%{opacity:0;transform:translateX(var(--from)) scale(.9)}to{opacity:1;transform:translateX(var(--to)) scale(1)}}@keyframes app-mc-match-found__draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes app-mc-match-found__land{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes app-mc-match-found__glow{0%{opacity:0}to{opacity:1}}@keyframes app-mc-match-found__rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:420px){app-mc-match-found .found__card{gap:14px;padding:20px 16px 16px}app-mc-match-found .found__pair{height:96px}app-mc-match-found .found__title{font-size:var(--font-xl)}app-mc-match-found .found__peer .avatar{width:80px;height:80px;font-size:26px}app-mc-match-found .found__peer--self{--from:-100px;--to:-62px}app-mc-match-found .found__peer--other{--from:100px;--to:62px}app-mc-match-found .found__connector{width:44px}}