.screen-survey{color:#2b211b;background:radial-gradient(circle at 50% -20%,#fff 0,#0000 46%),linear-gradient(145deg,#faf6ee,#eee3d2);place-items:center;min-width:0;min-height:100svh;padding:24px 16px;font-family:Arial,Helvetica,sans-serif;display:grid}.screen-survey *{box-sizing:border-box;min-width:0;max-width:100%}.survey-card{width:100%;max-width:420px;min-height:620px;padding:25px 20px max(20px,env(safe-area-inset-bottom));background:#fffdf8f0;border:1px solid #8f020b26;border-radius:24px;position:relative;box-shadow:0 20px 48px #4d2b1629}.survey-card h1{overflow-wrap:break-word;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,7.5vw,34px);font-weight:500;line-height:1.1}.survey-question{animation:.65s ease-out both survey-question-in}.survey-options{gap:8px;width:100%;display:grid}.survey-options button{color:#3a2a22;cursor:pointer;overflow-wrap:break-word;text-align:left;background:#fffdf8;border:1px solid #8f020b47;border-radius:12px;width:100%;min-height:46px;padding:10px 14px;font:700 14px/1.2 Arial,sans-serif}.survey-options-intro button{opacity:0;animation:survey-option-in .22s var(--intro-delay) ease-out forwards;transform:translateY(12px)}.survey-options-intro.is-intro-hidden{visibility:hidden}.survey-options-intro.is-intro-hidden button{animation:none}.survey-options button.is-selected{color:#8f020b;background:#f3d7d9;border-color:#8f020b;box-shadow:0 5px 12px #8f020b1f}.survey-options button:disabled{cursor:default}.survey-next{color:#fff;cursor:pointer;letter-spacing:.12em;background:#8f020b;border:1px solid #ffedd97a;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:64px;margin-top:20px;padding:0 19px;font:900 15px/1 Arial,sans-serif;display:flex;box-shadow:0 9px 21px #8f020b57}.survey-next.is-prompt{letter-spacing:.055em;white-space:nowrap;font-size:14px}.survey-next.is-prompt:disabled{opacity:1;background:#b8757c;border-color:#8f020b;box-shadow:0 9px 21px #8f020b38}.survey-next-label{animation:.2s ease-out both survey-cta-label-in;display:block}.survey-intro-cta{animation:.22s ease-out both survey-cta-in}.survey-cta-target{visibility:hidden;width:100%;height:64px}.survey-pick-stamp{z-index:25;width:var(--cta-width);min-height:var(--cta-height);color:#fff;letter-spacing:.055em;opacity:1;pointer-events:none;text-align:center;white-space:nowrap;background:#8f020b;border:1px solid #8f020b;border-radius:14px;justify-content:center;align-items:center;padding:0 19px;font:900 14px/1 Arial,sans-serif;transition:top .65s ease-in-out,left .65s ease-in-out,transform .65s ease-in-out,background .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 9px 21px #8f020b57}.survey-pick-stamp.is-stamp{animation:.3s ease-out both survey-pick-stamp-in}.survey-pick-stamp.is-move,.survey-pick-stamp.is-settled{top:var(--cta-y);left:var(--cta-x);transform:translate(-50%,-50%)scale(1)}.survey-pick-stamp.is-settled{background:#b8757c;box-shadow:0 9px 21px #8f020b38}.survey-next:disabled{cursor:default;opacity:.48}.survey-next:active:not(:disabled){transform:translateY(2px)}.survey-bloom-overlay{--survey-fireworks-backdrop:radial-gradient(circle at 50% 44%,#252743 0,#151522 52%,#11131f 100%);z-index:3000;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:radial-gradient(circle,#fffaf8 0,#f6dce0 100%);animation:.16s ease-out both survey-overlay-in;position:fixed;inset:0;overflow:hidden}.survey-bloom-overlay.is-fade{pointer-events:none;animation:.22s ease-in forwards survey-overlay-out}.survey-bloom-overlay.is-finale{isolation:isolate;background:var(--survey-fireworks-backdrop);opacity:1;animation:none}.survey-bloom-overlay.is-finale:before{z-index:0;background:var(--survey-fireworks-backdrop);content:"";position:absolute;inset:0}.survey-tap-prompt{z-index:1;color:#8f020b;letter-spacing:.04em;text-shadow:0 4px 14px #ffffffe0;font:900 clamp(54px,18vw,92px)/1 Georgia,Times New Roman,serif;animation:.5s ease-in-out infinite alternate survey-tap-prompt;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.survey-bloom-overlay:not(.is-tap) .survey-tap-prompt{animation:.18s ease-out both survey-tap-prompt-out}.survey-tap-flower{width:var(--size);height:var(--size);fill:#f8e5e7;stroke:#d98e9a;stroke-width:1px;filter:drop-shadow(0 3px 3px #8f020b21);opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(0);animation:survey-flower-pop .3s var(--delay) cubic-bezier(.2,1.4,.35,1) forwards;position:absolute;overflow:visible}.survey-tap-flower circle{fill:#c36f7d;stroke:none}.survey-bloom-petal{top:-7%;left:var(--left);opacity:0;pointer-events:none;width:11px;height:16px;animation:survey-petal-fall .85s calc(var(--delay) + .12s) ease-out forwards;background:#f0b9c0;border-radius:70% 30%;position:absolute;box-shadow:0 1px 1px #8f020b1f}.survey-bloom-petal:nth-child(3n){background:#fff7f8;width:15px;height:10px}.survey-bloom-overlay.is-fireworks{background:var(--survey-fireworks-backdrop)}.survey-bloom-overlay.is-fireworks .survey-tap-prompt{color:#fff8e6;text-shadow:0 0 12px #f3c6ccb8,0 0 26px #c787116b}.survey-bloom-overlay.is-finale{background:var(--survey-fireworks-backdrop)!important}.survey-bloom-overlay.is-finale .survey-tap-prompt{color:#8f020b;text-shadow:0 3px 12px #fffffff2}.survey-firework-burst{z-index:3;pointer-events:none;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.survey-firework-flash{opacity:0;width:14px;height:14px;animation:survey-firework-flash .42s var(--burst-delay) ease-out forwards;background:#fff8e6;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 16px 8px #fff8e6bf,0 0 44px 16px #c7871152}.survey-firework-particle{opacity:0;width:5px;height:5px;animation:survey-firework-particle .78s calc(var(--burst-delay) + var(--particle-delay)) cubic-bezier(.12,.68,.25,1) forwards;background:currentColor;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 8px 2px}.survey-firework-burst.is-intensity-2 .survey-firework-particle{width:6px;height:6px;box-shadow:0 0 11px 3px}.survey-spark-motes{z-index:15;pointer-events:none;position:fixed;inset:0;overflow:hidden}.survey-spark-mote{top:var(--top);left:var(--left);opacity:0;width:6px;height:6px;animation:survey-spark-mote .72s var(--delay) ease-out forwards;background:#c78711;border-radius:50%;position:absolute;box-shadow:0 0 9px 2px #c787117a}.survey-bloom-action{margin-top:20px}.survey-bloom-action .survey-next{margin-top:0}.survey-ready-title{top:max(10px,env(safe-area-inset-top));z-index:20;color:#8f020b;letter-spacing:.12em;pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#fffaf5,#f8e0e3);border:1px solid #b95d6b;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(78vw,312px);max-width:calc(100vw - 24px);min-height:52px;padding:0 18px;font:900 17px/1 Arial,sans-serif;animation:.3s ease-out both survey-ready-title-in,1.6s ease-in-out .3s infinite survey-ready-title-breathe;display:flex;position:fixed;bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 5px 13px #8f020b21}.survey-ready-title:before,.survey-ready-title:after{content:"";background:#dca1a9;width:22px;height:1px}.survey-ready-motif{fill:#f3c6cc;stroke:#b95d6b;stroke-width:1px;flex:none;width:18px;height:18px}.survey-ready-motif circle{fill:#8f020b;stroke:none}.survey-selection-petals{z-index:15;pointer-events:none;position:fixed;inset:0;overflow:hidden}.survey-selection-petal{top:var(--top);left:var(--left);opacity:0;width:8px;height:12px;animation:survey-selection-petal .85s var(--delay) ease-out forwards;background:#eab9c0;border-radius:70% 30%;position:absolute}.survey-selection-rule{color:#8f020b;letter-spacing:.14em;margin:0 0 3px;font:800 11px/1 Arial,sans-serif}.survey-option{align-items:center;gap:11px;display:flex!important}.survey-option-label{flex:1}.survey-option-indicator{background:#fffdf8;border:1.5px solid #a76d72;flex:0 0 19px;width:19px;height:19px;display:block;position:relative}.survey-options.is-single .survey-option-indicator{border-radius:50%}.survey-options.is-multiple .survey-option-indicator{border-radius:5px}.survey-options.is-single .survey-option.is-selected .survey-option-indicator:after{content:"";background:#8f020b;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.survey-options.is-multiple .survey-option.is-selected .survey-option-indicator{background:#8f020b;border-color:#8f020b}.survey-options.is-multiple .survey-option.is-selected .survey-option-indicator:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.survey-options-intro .survey-selection-rule{opacity:0;animation:.22s ease-out forwards survey-option-in;transform:translateY(12px)}.survey-options-intro.is-intro-hidden .survey-selection-rule{animation:none}@keyframes survey-question-in{0%{opacity:0;transform:translateY(32px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes survey-option-in{to{opacity:1;transform:translateY(0)}}@keyframes survey-cta-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes survey-pick-stamp-in{0%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}@keyframes survey-cta-label-in{0%{opacity:.2;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes survey-ready-title-in{0%{opacity:0;transform:translate(-50%,-7px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes survey-ready-title-breathe{0%,to{opacity:.6;transform:translate(-50%)scale(.97)}50%{opacity:1;transform:translate(-50%)scale(1.03)}}@keyframes survey-selection-petal{0%{opacity:0;transform:translateY(-8px)rotate(0)}18%{opacity:.42}to{opacity:0;transform:translate3d(var(--drift),42px,0) rotate(160deg)}}@keyframes survey-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes survey-overlay-out{to{opacity:0}}@keyframes survey-tap-prompt{to{transform:translate(-50%,-50%)scale(1.08)}}@keyframes survey-tap-prompt-out{to{opacity:0;transform:translate(-50%,-50%)scale(.88)}}@keyframes survey-flower-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(0)}70%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1.16)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}}@keyframes survey-petal-fall{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translate(42px,112svh)rotate(310deg)}}@keyframes survey-firework-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes survey-firework-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}16%{opacity:1}78%{opacity:.8}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.35)}}@keyframes survey-spark-mote{0%{opacity:0;transform:scale(.2)}24%{opacity:.8}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.4)}}@media (max-width:430px){.screen-survey{padding-inline:12px}.survey-card{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.survey-question,.survey-options-intro button,.survey-intro-cta,.survey-bloom-overlay,.survey-tap-flower,.survey-tap-prompt,.survey-firework-flash,.survey-firework-particle,.survey-spark-mote{animation-duration:1ms!important;animation-delay:0s!important}.survey-pick-stamp{transition:background .3s!important}.survey-pick-stamp.is-move{opacity:1}.survey-bloom-petal{display:none}}
.survey-ready-title{letter-spacing:clamp(.045em,.65vw,.12em);width:min(100% - 8px,312px);padding:0 clamp(9px,3vw,18px);font-size:clamp(12px,4vw,17px)}.survey-ready-title:before,.survey-ready-title:after{content:none}.survey-ready-title>span{white-space:nowrap;flex:0 auto;min-width:0}.survey-firework-flash{width:20px;height:20px;box-shadow:0 0 22px 11px #fff8e6e6,0 0 64px 25px #c787117a}.survey-firework-burst.is-intensity-2 .survey-firework-flash{width:28px;height:28px;box-shadow:0 0 28px 15px #fff8e6f5,0 0 84px 32px #c787119e}.survey-firework-particle{width:6px;height:6px;animation-duration:.94s;box-shadow:0 0 11px 3px}.survey-firework-burst.is-intensity-2 .survey-firework-particle{width:8px;height:8px;box-shadow:0 0 15px 5px}.survey-firework-particle.is-streak{border-radius:999px;width:3px;height:16px;box-shadow:0 0 12px 4px}.survey-firework-burst.is-intensity-2 .survey-firework-particle.is-streak{width:4px;height:22px}.survey-spark-mote.is-streak{width:2px;height:11px;transform:rotate(var(--spark-angle));border-radius:999px;box-shadow:0 0 8px 2px #ff9f1ab8}.survey-spark-mote.is-streak:after{border-radius:inherit;content:"";background:#ffc65c;height:7px;position:absolute;inset:2px 0 auto}.survey-spark-mote{background:#ff9f1a;box-shadow:0 0 10px 3px #ff8a0080}.survey-spark-mote:nth-child(3n+2){background:#ff8a00;box-shadow:0 0 10px 3px #ff8a0094}.survey-spark-mote:nth-child(4n){background:#ffc65c;box-shadow:0 0 9px 2px #ffb34785}.survey-spark-mote:nth-child(5n){background:#fff8e6;box-shadow:0 0 8px 2px #ffc65c7a}.survey-finale-sakura-layer{z-index:1;opacity:.72;position:absolute;inset:0;overflow:hidden}.survey-finale-base{z-index:0;background:var(--survey-fireworks-backdrop);pointer-events:none;position:absolute;inset:0}.survey-finale-sakura-layer .survey-tap-flower,.survey-finale-sakura-layer .survey-bloom-petal{z-index:1;filter:drop-shadow(0 3px 4px #fff0e138)}.survey-fireworks-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.survey-bloom-overlay.is-finale .survey-tap-prompt{z-index:4;color:#fff8e6;text-shadow:0 0 12px #f3c6ccb8,0 0 26px #c787116b}@keyframes survey-firework-particle{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) scale(.2)}16%{opacity:1}78%{opacity:.88}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--angle)) scale(.35)}}@keyframes survey-spark-mote{0%{opacity:0;transform:rotate(var(--spark-angle)) scale(.2)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(var(--spark-x), var(--spark-y)) rotate(var(--spark-angle)) scale(.4)}}
