@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap');
html,body{background:#dc8db3}.app{background:radial-gradient(ellipse at 50% 53%,#fff6e8 0%,#ffe9ed 15%,#edb1cd 38%,#dc8db3 72%,#d580aa 100%)}
#gift-heading{transform:translateX(-50%)}#gift-heading h1{animation:soft-arrival 1.15s .12s cubic-bezier(.16,1,.3,1) both}
@keyframes soft-arrival{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
#quiz{width:min(570px,calc(100% - 32px));padding:43px 48px 24px 62px;border:1px solid #dfd6c7;border-top:0;border-radius:2px;color:#444c68;background-color:#fffcf5;background-image:linear-gradient(90deg,transparent 35px,#e9b6b44f 35px,#e9b6b44f 36px,transparent 36px),linear-gradient(0deg,transparent 49.6%,#bfb29c12 50%,transparent 50.4%);box-shadow:0 2px 4px #5747330d,0 22px 80px #45362f24,inset 0 0 45px #e7d4af16;max-height:88svh}
#quiz::before{content:'';position:absolute;right:0;top:0;width:26px;height:26px;background:linear-gradient(225deg,#e7dfd2 0%,#f5efdf 49%,#d9cfbc 50%,#fffcf5 56%);pointer-events:none}
#quiz .eyebrow{font-family:'Kalam',cursive;font-weight:400;font-size:15px;letter-spacing:.5px;text-transform:lowercase;color:#908794;margin:0 0 22px}
#quiz h2{font-family:'Kalam','Segoe Print',cursive;font-size:29px;font-weight:700;letter-spacing:-.5px;line-height:1.35;color:#534c6c;margin:0 0 21px}
#quiz-copy{font-family:'Kalam','Segoe Print',cursive;font-size:21px;font-weight:400;color:#51536a;line-height:1.65;background:repeating-linear-gradient(to bottom,transparent 0,transparent 33.5px,#c7d0d73b 33.5px,#c7d0d73b 34.65px);background-position:0 -3px}
#quiz-copy p{line-height:1.65;margin:0 0 34.65px}#quiz-copy p:last-child{font-style:normal;margin:0 0 17px}
#next{font-family:'DM Sans',sans-serif;font-size:12px;color:#8b7f88;border-top:0;justify-content:flex-end;padding:17px 0 0;margin:12px 0 0}#quiz .close{right:12px;top:16px;font-size:21px;color:#887d89}
@media(max-width:550px){#quiz{padding:38px 27px 21px 43px;background-image:linear-gradient(90deg,transparent 24px,#e9b6b44f 24px,#e9b6b44f 25px,transparent 25px)}#quiz h2{font-size:27px}#quiz-copy{font-size:20px;background-size:100% 33px}#quiz-copy p{line-height:1.65;margin-bottom:33px}#quiz-copy p:last-child{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#gift-heading h1{animation:none}}