.lydia-signature{--sg-blue:#7fbdff;position:fixed;inset:0;z-index:1500;pointer-events:none;overflow:hidden;isolation:isolate;font-family:inherit;color:#183e74;animation:sg-veil var(--sg-duration) both}
.lydia-signature canvas,.sg-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lydia-signature canvas{z-index:1}.sg-atmosphere{z-index:0}.sg-stage{z-index:2}.sg-close{z-index:3}
.sg-stage:before{content:'';position:absolute;inset:-18px -12px -22px;background:radial-gradient(ellipse,#f4faff 20%,#edf6fff2 45%,#e8f2ffb0 60%,transparent 73%);filter:blur(12px);z-index:-1}
.sg-atmosphere{background:radial-gradient(ellipse 370px 320px at 50% 43%,#f2fafff2,#deecffb8 48%,#8db8fa22 78%,transparent);animation:sg-atmosphere var(--sg-duration) both}
.lydia-signature[data-tier="3"] .sg-atmosphere{background:radial-gradient(ellipse 530px 420px at 50% 43%,#f5fbfff5,#dae9f4bf 42%,#8fb9fc45 66%,transparent)}
.lydia-signature[data-tier="4"] .sg-atmosphere{background:radial-gradient(ellipse at 50% 43%,#e8f6fff5 3%,#d4e6ffd9 25%,#6c9add5c 55%,transparent 88%)}
.sg-stage{position:absolute;left:50%;top:43%;width:min(88vw,560px);height:400px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
.sg-art{position:absolute;width:242px;height:242px;object-fit:contain;top:16px;filter:drop-shadow(0 10px 20px #436fbc50);animation:sg-jewel var(--sg-duration) cubic-bezier(.2,.65,.25,1) both;will-change:transform,opacity}
.sg-halo{position:absolute;width:260px;height:260px;top:8px;border-radius:50%;background:radial-gradient(circle,#fff7 0%,#d0efff30 45%,#a5c8fe70 57%,#fff8 58%,transparent 60%);filter:blur(1px);animation:sg-halo var(--sg-duration) both}
.sg-orbit{position:absolute;width:330px;height:94px;top:145px;border:1px solid #a4c9ee80;border-top-color:#fff;border-radius:50%;box-shadow:0 0 15px #c3deff80;animation:sg-orbit var(--sg-duration) both;transform:rotate(-18deg)}
.sg-orbit-two{width:290px;top:125px;transform:rotate(28deg);opacity:.6;animation-delay:90ms}
.sg-pedestal{position:absolute;top:235px;width:230px;height:26px;border-radius:50%;background:radial-gradient(ellipse,#ffffffdf 3%,#a8d3fe9c 30%,transparent 70%);filter:blur(4px);animation:sg-halo var(--sg-duration) both}
.sg-caption{position:absolute;top:285px;width:100%;text-align:center;animation:sg-caption var(--sg-duration) both;text-shadow:0 1px 8px #fff}
.sg-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.28em;color:#4c7da8;margin-bottom:9px}
.sg-name{font-size:29px;line-height:1.25;letter-spacing:-.04em;font-weight:800;display:block}.sg-people{font-size:14px;line-height:1.5;margin:10px 0;color:#355c7f;overflow-wrap:anywhere}.sg-line{display:block;width:100px;height:1px;margin:16px auto;background:linear-gradient(90deg,transparent,#c7a46c,transparent)}
.sg-close{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:40px;height:40px;border:1px solid #aac2dc;border-radius:50%;background:#f8fcffe8;color:#345476;font:24px/1 sans-serif;pointer-events:auto;cursor:pointer;box-shadow:0 2px 12px #34547612}.sg-close:focus-visible{outline:3px solid #3164ef;outline-offset:3px}
.lydia-signature[data-effect="rose"] .sg-art{animation-name:sg-rose}.lydia-signature[data-effect="butterfly"] .sg-art{animation-name:sg-butterfly}.lydia-signature[data-effect="whale"] .sg-art{animation-name:sg-whale}.lydia-signature[data-effect="phoenix"] .sg-art{animation-name:sg-phoenix}.lydia-signature[data-effect="palace"] .sg-art{animation-name:sg-palace}.lydia-signature[data-effect="universe"] .sg-art{animation-name:sg-universe}
.lydia-signature[data-tier="1"] .sg-stage{transform:translate(-50%,-50%) scale(.9)}.lydia-signature[data-tier="3"] .sg-art,.lydia-signature[data-tier="4"] .sg-art{width:280px;height:280px;top:-12px}
@keyframes sg-veil{0%{opacity:0}8%,79%{opacity:1}100%{opacity:0}}
@keyframes sg-atmosphere{0%{opacity:0;transform:scale(.65)}18%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
@keyframes sg-jewel{0%,4%{opacity:0;transform:translateY(54px) scale(.65) rotate(-8deg)}24%{opacity:1;transform:translateY(-5px) scale(1.04)}40%,73%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-24px) scale(1.07)}}
@keyframes sg-rose{0%{opacity:0;transform:scale(.4) rotate(-35deg)}25%{opacity:1;transform:scale(1.04) rotate(3deg)}65%{opacity:1;transform:scale(1) rotate(-2deg)}100%{opacity:0;transform:translateY(-30px) rotate(6deg)}}
@keyframes sg-butterfly{0%{opacity:0;transform:translate(-130px,90px) rotate(-30deg) scale(.5)}27%{opacity:1;transform:translate(6px,-12px) rotate(5deg)}48%{transform:translate(-5px,0) rotate(-3deg)}73%{opacity:1;transform:translate(5px,-8px) rotate(3deg)}100%{opacity:0;transform:translate(100px,-95px) rotate(-10deg) scale(.6)}}
@keyframes sg-whale{0%{opacity:0;transform:translate(-220px,60px) rotate(-16deg) scale(.75)}28%{opacity:1;transform:translate(-10px,-5px) rotate(2deg)}65%{opacity:1;transform:translate(12px,5px) rotate(-3deg)}100%{opacity:0;transform:translate(220px,-65px) rotate(-15deg) scale(.8)}}
@keyframes sg-phoenix{0%,4%{opacity:0;transform:translateY(110px) scale(.25)}28%{opacity:1;transform:translateY(-20px) scale(1.08)}62%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-140px) scale(.6)}}
@keyframes sg-palace{0%,4%{opacity:0;transform:translateY(100px) scale(.75);clip-path:inset(100% 0 0)}30%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0)}75%{opacity:1;transform:translateY(-3px)}100%{opacity:0;transform:translateY(-15px) scale(1.05)}}
@keyframes sg-universe{0%{opacity:0;transform:scale(.05) rotate(-65deg)}30%{opacity:1;transform:scale(1.08) rotate(3deg)}68%{opacity:1;transform:scale(1) rotate(-3deg)}100%{opacity:0;transform:scale(1.5) rotate(12deg)}}
@keyframes sg-halo{0%{opacity:0;transform:scale(.2)}28%,70%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
@keyframes sg-orbit{0%,10%{opacity:0;scale:.3}35%,72%{opacity:.8;scale:1}100%{opacity:0;scale:1.15}}
@keyframes sg-caption{0%,22%{opacity:0;transform:translateY(12px)}35%,77%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-6px)}}
.lydia-signature[data-reduced="true"],.lydia-signature[data-reduced="true"] *{animation:none!important}.lydia-signature[data-reduced="true"] canvas,.lydia-signature[data-reduced="true"] .sg-orbit{display:none}
@media(max-width:600px){.sg-stage{top:42%;height:350px}.sg-art{width:200px;height:200px;top:10px}.lydia-signature[data-tier="3"] .sg-art,.lydia-signature[data-tier="4"] .sg-art{width:230px;height:230px;top:-10px}.sg-halo{width:220px;height:220px;top:0}.sg-orbit{width:270px;height:78px;top:120px}.sg-orbit-two{width:235px;top:95px}.sg-pedestal{top:197px}.sg-caption{top:238px}.sg-name{font-size:25px}.sg-people{font-size:13px;padding:0 10px}.sg-atmosphere{background:radial-gradient(ellipse 250px 290px at 50% 42%,#eff8fff5,#dfecffb8 50%,transparent 85%)}}
@media(prefers-reduced-motion:reduce){.lydia-signature,.lydia-signature *{animation:none!important}}