@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:#F6E9EE;color:#3B1F2B;font:400 1.15rem/1.6 "DM Sans",system-ui,sans-serif;display:grid;place-items:center;padding:16px}
main{text-align:center;width:min(34rem,100% - 44px);padding:56px clamp(18px,5vw,32px);border:2px dashed #C8547A;border-radius:28px;outline:10px solid #F6E9EE;box-shadow:0 0 0 12px #EED5DE}
.needle{width:220px;height:auto;margin:0 auto 18px;display:block}
.thread{fill:none;stroke:#C8547A;stroke-width:2.5;stroke-dasharray:7 6;stroke-linecap:round}
@media (prefers-reduced-motion:no-preference){.thread{animation:sew 6s linear infinite}@keyframes sew{to{stroke-dashoffset:-130}}}
h1{font:400 clamp(2.4rem,7vw,3.6rem)/1.05 Fraunces,Georgia,serif;font-style:italic;margin:0 0 .35em}
p{margin:0;color:#6A4A57}