.match-magic{z-index:150;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#302033e8;place-items:center;padding:22px;animation:.6s both magic-reveal;display:grid;position:fixed;inset:0;overflow:auto}.magic-panel{isolation:isolate;text-align:center;color:#fff6f7;background:radial-gradient(at 50% 45%,#9b527e88 0,#0000 64%);border-radius:35px;outline:none;width:min(650px,100%);padding:60px 25px 35px;position:relative;overflow:hidden}.magic-close{z-index:5;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:5px;right:5px}.magic-kicker{letter-spacing:.23em;color:#f9bdcc;font-size:9px;animation:1s .3s both magic-reveal}.magic-avatars{justify-content:center;align-items:center;gap:25px;height:215px;margin:15px 0;display:flex;position:relative}.magic-you,.magic-peer{border:2px solid #fff9f633;border-radius:74px 74px 28px 28px;flex-direction:column;justify-content:center;align-items:center;width:135px;height:160px;font-family:Georgia,serif;font-size:82px;display:flex;box-shadow:0 22px 55px #21091e55}.magic-you{color:#87405f;background:#f2bfce;animation:1.1s cubic-bezier(.16,1,.3,1) both magic-left;transform:rotate(-12deg)}.magic-peer{color:#79567f;background:#dcccdf;animation:1.1s cubic-bezier(.16,1,.3,1) both magic-right;transform:rotate(12deg)}.magic-avatars span{color:inherit;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-family:inherit;font-size:12px;overflow:hidden}.magic-heart{color:#fff;background:#f66396;border-radius:50%;place-items:center;width:68px;height:68px;animation:1s cubic-bezier(.2,1.7,.4,1) .7s both magic-heart;display:grid;position:absolute;top:calc(50% - 34px);left:calc(50% - 34px);box-shadow:0 0 60px #f66396aa}.magic-panel h1{letter-spacing:-.05em;margin:12px 0 23px;font-family:Georgia,serif;font-size:clamp(42px,8vw,74px);font-weight:400;line-height:1.2;animation:.9s .8s both magic-up}.magic-panel h1 em{color:#fbb9cb}.magic-panel h2{font-size:15px;font-weight:700;line-height:1.8;animation:.8s 1s both magic-up}.magic-panel>p:not(.magic-kicker){color:#dbc6d8;font-size:12px;line-height:1.9;animation:.8s 1.1s both magic-up}.magic-panel>a{color:#443342;background:#f5e9ab;border-radius:40px;justify-content:center;align-items:center;gap:12px;max-width:330px;margin:30px auto 0;padding:18px;font-size:13px;font-weight:800;text-decoration:none;animation:.8s 1.3s both magic-up;display:flex}.magic-panel>a span{font-size:21px}.magic-later{color:#e0c8d9;cursor:pointer;background:0 0;border:0;margin:18px auto 0;padding:8px;font-size:11px;animation:.8s 1.5s both magic-reveal;display:block}.magic-orbit{z-index:-1;border:1px solid #e9bcdf25;border-radius:50%;width:440px;height:440px;animation:3s ease-out both magic-orbit;position:absolute;top:48px;left:calc(50% - 220px)}.orbit-b{width:560px;height:560px;animation-delay:.2s;top:-12px;left:calc(50% - 280px)}.magic-particles{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.magic-particles i{left:var(--x);color:var(--color);animation:magic-fall 4s var(--delay) cubic-bezier(.15,.7,.5,1) both;font-size:27px;font-style:normal;position:absolute;top:-40px}@keyframes magic-reveal{0%{opacity:0}to{opacity:1}}@keyframes magic-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes magic-left{0%{opacity:0;transform:translate(-180px)rotate(-35deg)scale(.6)}to{opacity:1;transform:rotate(-12deg)}}@keyframes magic-right{0%{opacity:0;transform:translate(180px)rotate(35deg)scale(.6)}to{opacity:1;transform:rotate(12deg)}}@keyframes magic-heart{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes magic-orbit{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes magic-fall{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}85%{opacity:.8}to{transform:translate(var(--drift),650px) rotate(var(--turn));opacity:0}}@media (max-width:500px){.match-magic{padding:10px}.magic-panel{padding:50px 15px 25px}.magic-avatars{gap:15px}.magic-you,.magic-peer{width:115px;height:143px;font-size:66px}.magic-panel h2{font-size:12px}.magic-kicker{font-size:8px}}@media (prefers-reduced-motion:reduce){.match-magic,.match-magic *{animation:none!important}.magic-particles{display:none}}.match-magic .magic-panel h1{color:#fff6f7;font-family:Georgia,serif;font-size:clamp(42px,8vw,74px);font-weight:400;line-height:1.2}.match-magic .magic-panel h1 em{color:#fbb9cb;font-style:italic}.match-magic .magic-panel h2{letter-spacing:0;font-size:15px;line-height:1.8}.match-magic .magic-panel>a{color:#443342}@media (max-width:500px){.match-magic .magic-panel h2{font-size:12px}}