app-mc-match-orbit{justify-content:center;width:100%;display:flex;container-type:inline-size}app-mc-match-orbit .orbit{--peer-size:76px;--peer-font:24px;z-index:1;justify-content:center;align-items:center;gap:24px;width:100%;max-width:440px;height:200px;margin:0 0 4px;display:flex;position:relative}app-mc-match-orbit .orbit__halo,app-mc-match-orbit .orbit__ring{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}app-mc-match-orbit .orbit__halo{background:radial-gradient(circle,#f0246a1f 0%,#0000 68%);width:240px;height:240px}app-mc-match-orbit .orbit__ring{border:1px dashed #f0246a38;width:212px;height:212px}app-mc-match-orbit .orbit__ring--outer{border-color:#f0246a24;width:284px;height:284px}app-mc-match-orbit .orbit__ring--farthest{border:1px dotted #f0246a14;width:350px;height:350px}app-mc-match-orbit .orbit .orbit__ring{animation:60s linear infinite app-mc-match-orbit__mc-spin}app-mc-match-orbit .orbit .orbit__ring--outer{animation-duration:84s;animation-direction:reverse}app-mc-match-orbit .orbit .orbit__ring--farthest{animation-duration:110s}app-mc-match-orbit .orbit.is-on .orbit__ring{border-color:#f0246a61;animation-duration:14s}app-mc-match-orbit .orbit.is-on .orbit__ring--outer{border-color:#f0246a3d;animation-duration:20s}app-mc-match-orbit .orbit.is-on .orbit__ring--farthest{border-color:#f0246a29;animation-duration:32s}app-mc-match-orbit .orbit__halo{animation:3.6s ease-in-out infinite app-mc-match-orbit__mc-halo-idle}app-mc-match-orbit .orbit.is-on .orbit__halo{animation:1.5s ease-in-out infinite app-mc-match-orbit__mc-halo-on}app-mc-match-orbit .orbit__wave{opacity:0;pointer-events:none;border:2px solid #f0246a99;border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #f0246a59}app-mc-match-orbit .orbit.is-on .orbit__wave{animation:2s cubic-bezier(.1,.6,.3,1) infinite app-mc-match-orbit__mc-sonar-wave}app-mc-match-orbit .orbit.is-on .orbit__wave--1{animation-delay:0s}app-mc-match-orbit .orbit.is-on .orbit__wave--2{animation-delay:.5s}app-mc-match-orbit .orbit.is-on .orbit__wave--3{animation-delay:1s}app-mc-match-orbit .orbit.is-on .orbit__wave--4{animation-delay:1.5s}app-mc-match-orbit .orbit__dot{pointer-events:none;background:#f0246a8c;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 8px #f0246a66}app-mc-match-orbit .orbit__dot--1{background:#9b7bffa6;top:14%;left:26%;box-shadow:0 0 8px #9b7bff80}app-mc-match-orbit .orbit__dot--2{top:22%;right:20%}app-mc-match-orbit .orbit__dot--3{bottom:22%;left:20%}app-mc-match-orbit .orbit__dot--4{background:#9b7bff99;bottom:16%;right:26%;box-shadow:0 0 8px #9b7bff80}app-mc-match-orbit .orbit__dot--5{width:5px;height:5px;top:48%;left:10%}app-mc-match-orbit .orbit__dot--6{background:#9b7bff99;width:5px;height:5px;top:62%;right:10%}app-mc-match-orbit .orbit .orbit__dot{animation:6s ease-in-out infinite app-mc-match-orbit__mc-float}app-mc-match-orbit .orbit.is-on .orbit__dot{animation-duration:3s}app-mc-match-orbit .orbit .orbit__dot--2{animation-delay:.5s}app-mc-match-orbit .orbit .orbit__dot--3{animation-delay:1s}app-mc-match-orbit .orbit .orbit__dot--4{animation-delay:1.5s}app-mc-match-orbit .orbit .orbit__dot--5{animation-delay:2s}app-mc-match-orbit .orbit .orbit__dot--6{animation-delay:2.5s}app-mc-match-orbit .orbit__mini{opacity:.85;filter:drop-shadow(0 2px 6px #f0246a4d);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF6599'%3E%3Cpath d='M12 21.4S3.5 16.3 3.5 10.3A4.9 4.9 0 0 1 12 6.9a4.9 4.9 0 0 1 8.5 3.4c0 6-8.5 11.1-8.5 11.1z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:20px;height:20px;position:absolute}app-mc-match-orbit .orbit__mini--1{width:18px;height:18px;top:26%;left:2%}app-mc-match-orbit .orbit__mini--2{opacity:.7;width:14px;height:14px;bottom:28%;left:6%}app-mc-match-orbit .orbit__mini--3{opacity:.75;width:14px;height:14px;top:30%;right:4%}app-mc-match-orbit .orbit__mini--4{width:18px;height:18px;bottom:24%;right:2%}app-mc-match-orbit .orbit__mini--5{opacity:.6;width:12px;height:12px;top:10%;right:32%}app-mc-match-orbit .orbit__mini--6{opacity:.6;width:12px;height:12px;bottom:12%;left:32%}app-mc-match-orbit .orbit .orbit__mini{animation:6.5s ease-in-out infinite app-mc-match-orbit__mc-float-heart}app-mc-match-orbit .orbit.is-on .orbit__mini{animation-duration:3.8s}app-mc-match-orbit .orbit .orbit__mini--2{animation-delay:.7s}app-mc-match-orbit .orbit .orbit__mini--3{animation-delay:1.4s}app-mc-match-orbit .orbit .orbit__mini--4{animation-delay:2.1s}app-mc-match-orbit .orbit .orbit__mini--5{animation-delay:2.8s}app-mc-match-orbit .orbit .orbit__mini--6{animation-delay:3.5s}app-mc-match-orbit .orbit__core{z-index:2;will-change:transform,filter;flex-shrink:0;place-items:center;width:152px;height:145px;animation:3.6s ease-in-out infinite app-mc-match-orbit__mc-beat-idle;display:grid;position:relative}app-mc-match-orbit .orbit__core-aura{opacity:.5;pointer-events:none;background:radial-gradient(circle,#f0246a40 0%,#0000 65%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-15px}app-mc-match-orbit .orbit.is-on .orbit__core{animation:1.5s ease-in-out infinite app-mc-match-orbit__mc-beat-on}app-mc-match-orbit .orbit.is-on .orbit__core .orbit__core-aura{opacity:.85;animation:1.5s ease-in-out infinite app-mc-match-orbit__mc-aura-pulse}app-mc-match-orbit .orbit__typing{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;gap:6px;padding:3px 8px;display:none;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #f0246a26}app-mc-match-orbit .orbit__typing i{background:var(--primary);opacity:.35;border-radius:50%;width:7px;height:7px}app-mc-match-orbit .orbit.is-on .orbit__typing{display:flex}app-mc-match-orbit .orbit.is-on .orbit__typing i{animation:1.2s ease-in-out infinite app-mc-match-orbit__mc-blink}app-mc-match-orbit .orbit.is-on .orbit__typing i:nth-child(2){animation-delay:.2s}app-mc-match-orbit .orbit.is-on .orbit__typing i:nth-child(3){animation-delay:.4s}app-mc-match-orbit .heart{width:100%;height:100%;overflow:visible}app-mc-match-orbit .heart__pulse{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:.95}app-mc-match-orbit .heart__pulse--track{opacity:.28}app-mc-match-orbit .heart__pulse--trace{stroke-dasharray:60 300;stroke-dashoffset:60px}app-mc-match-orbit .heart__sparks{fill:#fff;opacity:.85}app-mc-match-orbit .orbit:not(.is-on) .heart__pulse--track{opacity:0}app-mc-match-orbit .orbit:not(.is-on) .heart__pulse--trace{stroke-dasharray:none;stroke-dashoffset:0}app-mc-match-orbit .orbit:not(.is-on) .heart__sparks{animation:3.6s ease-in-out infinite app-mc-match-orbit__mc-twinkle}app-mc-match-orbit .orbit.is-on .heart__pulse--trace{animation:1.5s linear infinite app-mc-match-orbit__mc-ecg}app-mc-match-orbit .orbit.is-on .heart__sparks{animation:1.5s ease-in-out infinite app-mc-match-orbit__mc-twinkle}app-mc-match-orbit .peer{z-index:2;place-items:center;display:grid;position:relative}app-mc-match-orbit .peer__glow{opacity:.4;pointer-events:none;background:radial-gradient(circle,#f0246a4d 0%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-10px}app-mc-match-orbit .peer__glow--muted{background:radial-gradient(circle,#7c5cff59 0%,#0000 70%)}app-mc-match-orbit .peer__ring{transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:linear-gradient(140deg,#ff7ba8 0%,#f0246a 100%);border-radius:50%;place-items:center;padding:4px;display:grid;position:relative;box-shadow:0 10px 24px #f0246a47}app-mc-match-orbit .peer__ring .avatar{width:var(--peer-size);height:var(--peer-size);font-size:var(--peer-font);border:3px solid #fff;box-shadow:inset 0 2px 6px #0000001f}app-mc-match-orbit .peer__ring--muted{background:linear-gradient(140deg,#b79bff 0%,#7c5cff 100%);box-shadow:0 10px 24px #7c5cff47}app-mc-match-orbit .peer__ring--muted .avatar{color:#fff;background:0 0;border:3px solid #fff;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000014}app-mc-match-orbit .peer__ring--muted app-icon{width:34px;height:34px}app-mc-match-orbit .peer__radar-beam{opacity:0;pointer-events:none;z-index:1;background:conic-gradient(#7c5cff73 0deg,#0000 60deg 360deg);border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;position:absolute;top:50%;left:50%}app-mc-match-orbit .peer__scan-line{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff,#0000);width:100%;height:3px;position:absolute;top:0;left:0;box-shadow:0 0 8px #fff}app-mc-match-orbit .peer__name{white-space:nowrap;font-size:var(--font-xs);color:var(--text-secondary);font-weight:600;position:absolute;top:calc(100% + 8px)}app-mc-match-orbit .peer--left,app-mc-match-orbit .peer--right{transform:translate(0)}app-mc-match-orbit .orbit.is-on .peer--left{animation:1.5s ease-in-out infinite app-mc-match-orbit__mc-lean-left}app-mc-match-orbit .orbit.is-on .peer--right{animation:1.5s ease-in-out infinite app-mc-match-orbit__mc-lean-right}app-mc-match-orbit .orbit.is-on .peer__ring--muted{animation:1.8s ease-in-out infinite app-mc-match-orbit__mc-scan}app-mc-match-orbit .orbit.is-on .peer__radar-beam{opacity:1;animation:2.2s linear infinite app-mc-match-orbit__mc-radar-sweep}app-mc-match-orbit .orbit.is-on .peer__scan-line{opacity:.9;animation:1.6s ease-in-out infinite alternate app-mc-match-orbit__mc-scan-sweep}app-mc-match-orbit .orbit.is-on .peer__glow{opacity:.85}app-mc-match-orbit .orbit:not(.is-on) .peer--left{animation:5.4s ease-in-out infinite app-mc-match-orbit__mc-sway-left}app-mc-match-orbit .orbit:not(.is-on) .peer--right{animation:5.4s ease-in-out infinite app-mc-match-orbit__mc-sway-right}app-mc-match-orbit .peer__ring--portrait{z-index:2;background:linear-gradient(140deg,#ff7ba8 0%,#f0246a 45%,#7c5cff 100%);box-shadow:0 8px 20px #f0246a38,0 0 0 4px #ffeff580}app-mc-match-orbit .peer__ring--duo{box-shadow:none;background:0 0}app-mc-match-orbit .peer__portraits{width:var(--peer-size);height:var(--peer-size);animation:.22s ease-out both app-mc-match-orbit__mc-peer-swap;display:block;position:relative}app-mc-match-orbit .peer__portrait{background:linear-gradient(#fff 0%,#ffeff5 100%);border:3px solid #fff;border-radius:50%;display:block;position:absolute;overflow:hidden;box-shadow:inset 0 2px 6px #00000014}app-mc-match-orbit .peer__portrait img{object-fit:cover;transform-origin:50% 22%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;transform:scale(1.4)}app-mc-match-orbit .peer__portraits--female .peer__portrait,app-mc-match-orbit .peer__portraits--male .peer__portrait{inset:0}app-mc-match-orbit .peer__portraits--all{--duo-size:56px;--duo-overlap:10px}app-mc-match-orbit .peer__portraits--all .peer__portrait{width:var(--duo-size);height:var(--duo-size)}app-mc-match-orbit .peer__portraits--all .peer__portrait--female{z-index:1;top:2px;left:calc(var(--peer-size)/2 - var(--duo-size) + var(--duo-overlap)/2);box-shadow:0 0 0 2px #f36b9a,0 6px 14px var(--duo-drop,#f0246a33)}app-mc-match-orbit .peer__portraits--all .peer__portrait--male{z-index:2;top:calc(var(--peer-size) - 2px - var(--duo-size));left:calc(var(--peer-size)/2 - var(--duo-overlap)/2);box-shadow:0 0 0 2px #9c80ff,0 6px 14px var(--duo-drop,#7c5cff38)}app-mc-match-orbit .peer__portraits--all .peer__scan-line{width:calc(100% + 24px);left:-12px}app-mc-match-orbit .peer__portraits .peer__scan-line{z-index:3}app-mc-match-orbit .orbit:not(.is-on) .peer__ring--portrait .peer__portrait{animation:4.2s ease-in-out infinite app-mc-match-orbit__mc-peer-breathe}app-mc-match-orbit .orbit:not(.is-on) .peer__ring--portrait .peer__portrait--male{animation-delay:-2.1s}app-mc-match-orbit .orbit.is-on .peer--right:has(.peer__ring--portrait) .peer__radar-beam{opacity:.55}app-mc-match-orbit .orbit.is-on .peer__portraits .peer__scan-line{opacity:.45}app-mc-match-orbit .orbit.is-on .peer__ring--duo{animation:none}:root[data-theme=dark] app-mc-match-orbit .peer__ring--portrait:not(.peer__ring--duo){box-shadow:0 8px 20px #00000059}:root[data-theme=dark] app-mc-match-orbit .peer__portraits--all{--duo-drop:#00000059}@media (prefers-reduced-motion:reduce){app-mc-match-orbit .peer__portraits,app-mc-match-orbit .peer__portrait,app-mc-match-orbit .orbit.is-on .peer__portraits .peer__scan-line{animation:none!important}}@keyframes app-mc-match-orbit__mc-peer-swap{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes app-mc-match-orbit__mc-peer-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes app-mc-match-orbit__mc-radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes app-mc-match-orbit__mc-scan-sweep{0%{top:5%}to{top:85%}}@keyframes app-mc-match-orbit__mc-aura-pulse{0%,to{opacity:.5;transform:scale(1)}14%{opacity:.9;transform:scale(1.28)}48%{opacity:.5;transform:scale(1)}}@keyframes app-mc-match-orbit__mc-sonar-wave{0%{opacity:.85;border-width:3px;transform:scale(.65)}50%{opacity:.5}to{opacity:0;border-width:1px;transform:scale(2.2)}}@keyframes app-mc-match-orbit__mc-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes app-mc-match-orbit__mc-float{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes app-mc-match-orbit__mc-float-heart{0%,to{opacity:.65;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-12px)rotate(6deg)}}@keyframes app-mc-match-orbit__mc-sway-left{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes app-mc-match-orbit__mc-sway-right{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes app-mc-match-orbit__mc-beat-idle{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes app-mc-match-orbit__mc-beat-on{0%{transform:scale(1)}12%{filter:drop-shadow(0 0 16px #f0246a73);transform:scale(1.18)}22%{transform:scale(1.02)}34%{filter:drop-shadow(0 0 10px #f0246a4d);transform:scale(1.12)}48%{transform:scale(1)}to{transform:scale(1)}}@keyframes app-mc-match-orbit__mc-halo-idle{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@keyframes app-mc-match-orbit__mc-halo-on{0%{opacity:.75;transform:translate(-50%,-50%)scale(1)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.22)}48%{opacity:.75;transform:translate(-50%,-50%)scale(1)}to{opacity:.75;transform:translate(-50%,-50%)scale(1)}}@keyframes app-mc-match-orbit__mc-ecg{0%{stroke-dashoffset:60px}70%{stroke-dashoffset:-300px}to{stroke-dashoffset:-300px}}@keyframes app-mc-match-orbit__mc-twinkle{0%,to{opacity:.35}20%{opacity:1;transform:scale(1.1)}60%{opacity:.55}}@keyframes app-mc-match-orbit__mc-lean-left{0%,to{transform:translate(0)scale(1)}14%{transform:translate(8px,-5px)scale(1.05)}48%{transform:translate(0)scale(1)}}@keyframes app-mc-match-orbit__mc-lean-right{0%,to{transform:translate(0)scale(1)}14%{transform:translate(-8px,-5px)scale(1.05)}48%{transform:translate(0)scale(1)}}@keyframes app-mc-match-orbit__mc-scan{0%,to{filter:none;box-shadow:0 10px 24px #7c5cff47,0 0 #7c5cff59}50%{filter:brightness(1.15);box-shadow:0 12px 28px #7c5cff66,0 0 0 12px #7c5cff00}}@keyframes app-mc-match-orbit__mc-blink{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:1380px){app-mc-match-orbit .orbit{max-width:400px;height:190px}app-mc-match-orbit .orbit__core{width:136px;height:130px}}@container (max-width:380px){app-mc-match-orbit .orbit{--peer-size:64px;--peer-font:20px;gap:10px;height:176px}app-mc-match-orbit .orbit__core{width:108px;height:103px}app-mc-match-orbit .peer__radar-beam{width:110px;height:110px;margin:-55px 0 0 -55px}app-mc-match-orbit .peer__portraits--all{--duo-size:48px;--duo-overlap:9px}}@container (max-width:290px){app-mc-match-orbit .orbit{--peer-size:56px;--peer-font:18px;gap:8px;height:160px}app-mc-match-orbit .orbit__core{width:84px;height:80px}app-mc-match-orbit .peer__radar-beam{width:96px;height:96px;margin:-48px 0 0 -48px}app-mc-match-orbit .peer__portraits--all{--duo-size:42px;--duo-overlap:8px}app-mc-match-orbit .peer__name{font-size:11px}}