#quiz[open]{animation:letter-from-envelope .85s cubic-bezier(.16,1,.3,1) both;transform-origin:center;will-change:transform,opacity}
@keyframes letter-from-envelope{0%{opacity:0;transform:translate(calc(var(--from-x,0px)*.35),calc(var(--from-y,65px)*.35 + 35px)) scale(.83) rotate(-2deg)}45%{opacity:1}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}}
#quiz[open].closing{animation:letter-away .36s cubic-bezier(.4,0,.6,1) both;pointer-events:none}
#quiz.closing::backdrop{animation:letter-backdrop .36s ease reverse both}
@keyframes letter-away{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(32px) scale(.96) rotate(1deg)}}
#quiz::backdrop{animation:letter-backdrop .5s ease both}@keyframes letter-backdrop{from{opacity:0}to{opacity:1}}
#quiz .close{position:sticky;float:right;top:0;right:auto;margin:-24px -30px 0 10px;width:48px;height:48px;min-width:48px;display:grid;place-items:center;border:1px solid #e2d5d9;border-radius:50%;background:#faf2ee;color:#70566a;font-size:28px;line-height:1;z-index:4;touch-action:manipulation;box-shadow:0 2px 8px #6241540a}
#quiz .close:hover{background:#f0e1e5}#quiz .close:active{transform:scale(.94)}
#next{position:sticky;bottom:0;min-height:54px;width:100%;display:flex;justify-content:center;align-items:center;background:#78536d;color:#fffaf4;border:1px solid #78536d;border-radius:12px;padding:14px 18px;margin:24px 0 0;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:600;box-shadow:0 -8px 16px 6px #fffcf5;touch-action:manipulation;transition:background .18s,transform .18s;z-index:3}
#next:hover{background:#68465e;color:#fffaf4}#next:active{transform:scale(.98)}#finish{min-height:48px;padding:12px 24px;font-size:15px;border:1px solid #a66b9033;background:#fff5f5d9;color:#70485f;border-radius:24px;touch-action:manipulation}#object-picks button{min-height:48px;touch-action:manipulation}
#quiz{scroll-padding:65px 0 80px;overscroll-behavior:contain}
@media(max-width:550px){#quiz .close{margin:-23px -14px 0 8px}#quiz{max-height:90svh;padding-bottom:20px}#next{margin-top:23px;min-height:54px}}
@media(prefers-reduced-motion:reduce){#quiz[open],#quiz[open].closing,#quiz::backdrop,#quiz.closing::backdrop{animation:none}#next,#quiz .close{transition:none}}