/* A bold invitation card, with a slow glow rather than flashing or shaking. */
.share-preview{display:none;position:relative;isolation:isolate;grid-template-columns:70px minmax(0,1fr) 205px;align-items:center;gap:20px;margin-top:24px;padding:25px 24px;border:4px solid #ffd359;border-radius:23px;background:radial-gradient(ellipse at 8% 0%,#9a47e2 0,transparent 54%),linear-gradient(120deg,#5922b6,#33106e);color:#fff;box-shadow:0 7px 0 #341765,0 12px 25px #55239b33;overflow:hidden}
.share-preview.visible{display:grid;animation:recruit-glow 2.8s ease-in-out 3}
.share-preview:before{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-80px;top:-100px;border:28px solid #ffffff0c;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.share-emblem{display:grid;place-items:center;width:70px;height:70px;background:linear-gradient(#ffe896,#ffbd32);color:#48208b;border:3px solid #fff3bd;border-radius:21px;box-shadow:0 5px 0 #b37823;transform:rotate(-7deg)}
.share-emblem svg{width:46px;height:46px}
.share-kicker{display:block;font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#e9dbff;margin-bottom:8px}
.share-preview h2{margin:0;color:#fff;font-size:clamp(23px,2.65vw,34px);line-height:1.06;letter-spacing:-.75px;font-family:"Arial Rounded MT Bold","Arial Black",ui-rounded,sans-serif;font-weight:1000;text-transform:uppercase;text-shadow:0 3px 0 #2b1059}
.share-preview h2 span{color:#ffdc58;white-space:nowrap}
#share-copy{margin:12px 0 0;font-size:clamp(16px,1.7vw,20px);line-height:1.4;font-weight:800;color:#fff3ce}
.share-tools{display:flex;flex-direction:column;gap:9px;align-items:stretch}
#copy-invite{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:2px solid #fff1a3;border-radius:14px;padding:12px 16px;background:linear-gradient(#ffe982,#ffc739);box-shadow:0 4px 0 #b5791c;color:#38205b;font-size:17px;font-weight:950;touch-action:manipulation}
#copy-invite:hover{background:#ffec95}#copy-invite:active{transform:translateY(3px);box-shadow:0 1px 0 #b5791c}#copy-invite:disabled{cursor:wait}
#copy-invite:focus-visible{outline-color:#fff;outline-offset:4px}
#share-status{margin:0;font-size:11px;font-weight:750;line-height:1.45;text-align:center;color:#eee2ff}
#invite-fallback{grid-column:1/-1;font-size:12px;font-weight:800}#invite-text{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:12px;border:2px solid #d5c5ff;border-radius:10px;font:inherit;line-height:1.5;color:#30204c;background:#fffdf4;resize:vertical}
@keyframes recruit-glow{0%,100%{box-shadow:0 7px 0 #341765,0 0 0 0 #a56cff00,0 12px 25px #55239b33}50%{box-shadow:0 7px 0 #341765,0 0 0 6px #a56cff30,0 12px 30px #713ad75c}}
@media(max-width:700px){.share-preview{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:19px 16px;border-width:3px;border-radius:20px}.share-emblem{width:44px;height:48px;border-width:2px;border-radius:14px}.share-emblem svg{width:32px;height:32px}.share-kicker{font-size:8px;letter-spacing:.07em}.share-preview h2{font-size:25px}.share-tools{grid-column:1/-1}.share-preview #share-copy{font-size:16px;margin-top:9px}#copy-invite{min-height:48px}.share-tools #share-status{font-size:11px}}
@media(prefers-reduced-motion:reduce){.share-preview.visible{animation:none}.share-emblem{transform:none}}