#milestone-angel{position:fixed;z-index:85;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(450px,calc(100vw - 32px));pointer-events:none;text-align:center;color:#193553;isolation:isolate}#milestone-angel[hidden]{display:none}#milestone-angel:before{content:'';position:absolute;inset:-75px -45px 25%;z-index:-1;background:radial-gradient(ellipse,#fff8cfbb,#eed27e33 45%,transparent 70%);animation:ma-bloom 2s ease-out both}.ma-angel{display:block;margin:0 auto -32px;width:160px;height:240px;object-fit:contain;filter:drop-shadow(0 0 22px #ffe596aa);animation:ma-arrive 1.2s ease-out both,ma-float 5s 1.2s ease-in-out infinite}.ma-card{position:relative;padding:26px 24px 18px;border:1px solid #dbc88c;border-radius:26px;background:linear-gradient(145deg,#fffdf4f5,#f3ecd9f5);box-shadow:0 12px 60px #18365a33,0 0 28px #e8ce7e33;pointer-events:auto}.ma-card h2{font-size:1.45rem;margin:0 0 10px}.ma-card p{font-size:.95rem;line-height:1.5}.ma-card blockquote{margin:16px 0 8px;padding:0;border:0;font-style:italic;font-size:1rem;line-height:1.5}.ma-card #ma-reference{font-size:.8rem;color:#735b2c}.ma-card button{min-height:44px;padding:8px 14px;border-radius:22px;margin:4px;border:1px solid #cbb16b;background:#fffdf6;color:#193553;font:inherit;cursor:pointer}.ma-card #ma-close{border:0;background:transparent;font-size:.85rem}#ma-status:empty{display:none}.ma-stars{position:absolute;inset:-120px -25px 0;overflow:hidden;pointer-events:none}.ma-stars i{position:absolute;left:var(--ma-x);bottom:12%;width:var(--ma-size);height:var(--ma-size);border-radius:50%;background:#fff5bd;box-shadow:0 0 8px 2px #f3d47c;animation:ma-rise 3.4s var(--ma-delay) ease-out 2 both}#milestone-angel[data-variant="1"]:before{background:radial-gradient(ellipse,#e4f7ffc9,#a2c9e933 45%,transparent 70%)}#milestone-angel[data-variant="2"]:before{background:radial-gradient(ellipse,#fff0ded9,#edbda533 45%,transparent 70%)}.night-site .ma-card{background:linear-gradient(145deg,#24354af5,#152335f5);color:#f7efd9;border-color:#8e7947}.night-site .ma-card #ma-reference{color:#e1c986}@keyframes ma-arrive{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ma-float{50%{transform:translateY(-8px)}}@keyframes ma-bloom{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes ma-rise{from{opacity:0;transform:translateY(0)}25%{opacity:.9}to{opacity:0;transform:translateY(-340px)}}@media(prefers-reduced-motion:reduce){#milestone-angel:before,.ma-angel,.ma-stars i{animation:none}.ma-stars{display:none}}@media(max-height:650px){.ma-angel{height:145px;width:110px;margin-bottom:-20px}.ma-card{padding:18px}.ma-card p,.ma-card blockquote{font-size:.85rem}}
.ma-card{max-height:calc(100vh - 290px);max-height:calc(100dvh - 290px);overflow-y:auto;overscroll-behavior:contain}@media(max-height:650px){.ma-card{max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px)}}
/* The apparition has a winged silhouette rather than a rectangular outer card. */
#milestone-angel{width:min(570px,calc(100vw - 20px));padding-top:60px;filter:drop-shadow(0 0 18px #ffe49b80)}#milestone-angel:before{inset:0 -12px 0;clip-path:polygon(50% 0,56% 10%,57% 25%,75% 17%,98% 12%,92% 38%,76% 52%,61% 49%,69% 86%,50% 100%,31% 86%,39% 49%,24% 52%,8% 38%,2% 12%,25% 17%,43% 25%,44% 10%);background:radial-gradient(ellipse at 50% 42%,#fff9e8fa 18%,#fff3ccdd 54%,#f2d17c77);animation:ma-bloom 1s ease-out both,ma-glow 4s 1s ease-in-out infinite alternate}.ma-angel{position:absolute;left:50%;top:-100px;transform:translateX(-50%);height:230px;width:180px;margin:0;animation:ma-angel-hover 5s ease-in-out infinite;filter:drop-shadow(0 0 18px #fff6cf)}.ma-card{margin:0 auto;width:76%;box-sizing:border-box;padding:38px 20px 18px;background:radial-gradient(ellipse,#fffdf5f5 55%,#fff9e9bb 75%,transparent);border:0;border-radius:45%;box-shadow:none;max-height:calc(100dvh - 240px)}.night-site .ma-card{background:radial-gradient(ellipse,#172a40fa 55%,#172a40dd 76%,transparent)}@keyframes ma-glow{from{filter:brightness(1);opacity:.85}to{filter:brightness(1.18);opacity:1}}@keyframes ma-angel-hover{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}@media(max-height:650px){#milestone-angel{padding-top:25px}.ma-angel{top:-75px;height:150px;width:115px}.ma-card{padding:26px 16px 12px;max-height:calc(100dvh - 150px)}}@media(prefers-reduced-motion:reduce){#milestone-angel:before,.ma-angel{animation:none}}body.reduced-motion #milestone-angel:before,body.reduced-motion .ma-angel{animation:none}