.qa{--dd-sky:#3c93db;--dd-sky-top:#2a7ccb;--dd-cream:#f6e7b8}.dd-stage{background:linear-gradient(var(--dd-sky-top), #4293d8 32%);-webkit-user-select:none;user-select:none;overflow-anchor:none;width:100%;height:100svh;max-height:980px;position:relative;overflow:hidden}.dd-layer{position:absolute;inset:0}.dd-frame{aspect-ratio:2/3;transition:transform .9s cubic-bezier(.3,.7,.2,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.dd-feather{pointer-events:none;background:linear-gradient(#4293d8,#4293d800);height:18%;position:absolute;top:-1px;left:0;right:0}.dd-shadow{text-shadow:0 2px #16294a59}.dd-badge{color:#fff;text-shadow:none;border:3px solid #fff;border-radius:10px;padding:0 14px;display:inline-block}@keyframes dd-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.dd-rise{animation:.7s cubic-bezier(.22,.8,.3,1) both dd-rise}@keyframes dd-fade{0%{opacity:0}to{opacity:1}}.dd-fade{animation:.6s dd-fade}@keyframes dd-ring{0%{opacity:.95;transform:scale(.45)}to{opacity:0;transform:scale(1)}}.dd-ring{border:4px solid;border-radius:999px;animation:1.8s ease-out infinite dd-ring;position:absolute;inset:18%}.dd-tag{z-index:11;flex-direction:column;align-items:center;animation:.5s cubic-bezier(.3,1.6,.5,1) both dd-pop-in,2.4s ease-in-out infinite dd-bob;display:flex;position:absolute;transform:translate(-50%,-100%)}.dd-tag span{color:#fff;font-family:var(--font-serif,serif);white-space:nowrap;border:3px solid #fff;border-radius:10px;padding:1px 14px;font-size:18px;box-shadow:0 3px #16294a40}.dd-tag i{border-top:11px solid #fff;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin-top:-1px}.dd-tag.is-side{flex-direction:row-reverse;transform:translate(-50%,-50%)}.dd-tag.is-side i{border:9px solid #0000;border-left:0;border-right:11px solid #fff;margin:0 -1px 0 0}@keyframes dd-pop-in{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes dd-bob{0%,to{translate:0}50%{translate:0 -5px}}.dd-wish .dd-frame{transform:translateY(-15%)}.dd-stage:has(.dd-wish){background:linear-gradient(var(--dd-sky-top), #4293d8 18%)}.dd-look-up .dd-frame{transition-duration:1.6s;transform:translateY(58%)}.dd-thread{transform-origin:50% 0;justify-content:space-between;align-items:center;width:300px;height:44px;padding:0 2px;animation:.9s cubic-bezier(.22,.8,.3,1) both dd-thread,4.6s ease-in-out infinite dd-sway;display:flex;position:relative}@keyframes dd-thread{0%{opacity:0;transform:translateY(46px)scaleX(.4)}to{opacity:1;transform:none}}@keyframes dd-sway{0%,to{rotate:-1.2deg}50%{rotate:1.2deg}}.dd-string{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dd-string path{fill:none;stroke:#fffc;stroke-width:1px;filter:drop-shadow(0 0 3px #ffffffe6)}.dd-pearl{opacity:.8;filter:saturate(.85);background-position:50%;background-size:cover;border-radius:999px;position:relative}.dd-pearl.is-lit{opacity:1;filter:drop-shadow(0 0 9px #fffffff2);animation:2.2s ease-in-out infinite dd-twinkle}@keyframes dd-twinkle{0%,to{filter:drop-shadow(0 0 5px #ffffffb3)}50%{filter:drop-shadow(0 0 13px #fff)}}.dd-hint{color:#fff;letter-spacing:.12em;text-shadow:0 2px #16294a59;margin-top:3vh;font-size:16px;animation:.8s 2.8s both dd-fade,1.4s ease-in-out 3.6s infinite dd-nudge}.dd-hint:after{content:"︿";text-align:center;margin-top:2px;font-size:22px;display:block}@keyframes dd-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dd-going .dd-frame{transform:translateY(58%)}.dd-going{animation:1.4s cubic-bezier(.55,0,.7,.4) both dd-going}@keyframes dd-going{to{transform:translateY(-75%)}}.dd-descend{z-index:15;background:linear-gradient(#7ecef000,#7ecef0 35%,#bfe9f7);animation:1.5s cubic-bezier(.3,.6,.3,1) both dd-flood;position:absolute;inset:0;overflow:hidden}@keyframes dd-flood{0%{transform:translateY(100%)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.dd-descend i{background:#ffffff2e;border:1.5px solid #ffffffd9;border-radius:999px;animation:1.3s ease-in both dd-fizz;position:absolute;bottom:-30px}@keyframes dd-fizz{to{transform:translateY(-120vh)}}.dd-under-in{animation:.8s both dd-fade}.dd-under-in .dd-frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#5db1e0,#5db1e000);height:16%;position:absolute;top:-1px;left:0;right:0}.dd-surface{background:linear-gradient(#1f78b8,#4fa9dd 55%,#9fd9f1);position:absolute;inset:0}.dd-lift .dd-frame{transform:translateY(-36%)}.dd-band{background:var(--k-paper);z-index:25;min-height:44%;transition:transform .9s cubic-bezier(.3,.7,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(101%)}.dd-band.is-up{transform:none}.dd-bubble{z-index:10;background:radial-gradient(circle at 30% 26%,#fffffff2 0 6%,#fff0 13%),radial-gradient(circle at 70% 78%,#ffffff8c 0 4%,#fff0 9%),radial-gradient(circle,#ffffff0a 56%,#ffbeeb73 65%,#a0ebff8c 69%,#fff5aa80 71%,#fffc 72.5%,#fff0 73%);border-radius:50%;width:150px;height:150px;animation:4s cubic-bezier(.3,.6,.3,1) both dd-float,1.6s ease-in-out infinite dd-wobble;position:absolute;top:22%;left:74%;box-shadow:0 6px 22px #00468238,inset 0 0 26px #ffffff59}@keyframes dd-float{0%{opacity:0;transform:translate(-50%,260%)scale(.25)}20%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes dd-wobble{0%,to{border-radius:50% 48% 52% 50%}50%{border-radius:47% 53% 49% 51%}}.dd-bubble-hex{opacity:.55;filter:blur(.4px);flex-direction:column-reverse;gap:5px;width:46px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dd-bubble-hex i{background:#fff;border-radius:3px;height:5px;display:block}.dd-bubble-hex i.yin{background:linear-gradient(90deg,#fff 42%,#0000 42% 58%,#fff 58%)}.dd-bubble.is-pop{pointer-events:none;animation:.4s ease-out both dd-pop;transform:translate(-50%,-50%)}@keyframes dd-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.dd-tarot{aspect-ratio:7/12;z-index:30;width:42%;transition:all .9s cubic-bezier(.3,.7,.2,1);position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.dd-tarot.sinking{animation:2.6s cubic-bezier(.3,.6,.35,1) both dd-sink}@keyframes dd-sink{0%{opacity:0;transform:translate(-50%,-160%)rotate(-12deg)}20%{opacity:1}45%{transform:translate(-58%,-80%)rotate(9deg)}75%{transform:translate(-44%,-20%)rotate(-5deg)}to{transform:translate(-50%)rotate(0)}}.dd-tarot.from-mouth{animation:1s cubic-bezier(.22,.8,.3,1) both dd-mouth}@keyframes dd-mouth{0%{transform:translate(-50%,-120%)scale(.5)rotate(6deg)}to{transform:translate(-50%)scale(1)rotate(0)}}.dd-tarot.is-small{width:27%;animation:none;bottom:6%;left:6%;transform:rotate(-3deg)}@media (prefers-reduced-motion:reduce){.dd-tag,.dd-rise,.dd-ring,.dd-thread,.dd-bubble,.dd-tarot,.dd-going,.dd-descend,.dd-hint{animation:none}}