:root{color:#f4f4f4;font-synthesis:none;text-rendering:optimizelegibility;background:#111827;font-family:Georgia,Times New Roman,serif;line-height:1.5}body{background:#111827;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app{box-sizing:border-box;place-items:center;min-width:320px;min-height:100vh;display:grid;position:relative;overflow:hidden}.scene{width:100vw;height:100vh}.question-scene{z-index:10;color:#f5f8ff;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.question-blue-veil{-webkit-backdrop-filter:blur(8px)saturate(.75);backdrop-filter:blur(8px)saturate(.75);background:radial-gradient(circle at 50% 42%,#508ab82e,#04132ba3 62%),#15467057;transition:opacity .7s;position:absolute;inset:-1rem}.question-content{box-sizing:border-box;opacity:0;padding:1.5rem;transition:transform .9s cubic-bezier(.2,.78,.24,1),opacity .65s;position:absolute;inset:0;transform:translateY(3.5rem)scale(.94)}.question-scene[data-phase=ready] .question-content{opacity:1;transform:translateY(0)scale(1)}.question-scene[data-phase=exiting] .question-content{opacity:0;transition-duration:.7s;transform:translateY(-3rem)scale(.97)}.question-scene[data-phase=exiting] .question-blue-veil{opacity:0}.question-content h1{letter-spacing:.035em;text-shadow:0 2px 18px #001226b3;margin:0;font-size:clamp(1.75rem,4vw,3rem);font-weight:400}.question-copy>p{color:#e1eef9bf;letter-spacing:.04em;margin:.8rem 0 0;font-size:clamp(.82rem,1.5vw,1rem)}.question-copy{z-index:2;text-align:center;width:min(92vw,52rem);position:absolute;top:clamp(2.5rem,8vh,5.5rem);left:50%;transform:translate(-50%)}.question-model{position:absolute;inset:0}.question-form{z-index:3;align-items:center;width:min(58vw,42rem);margin:0;display:flex;position:absolute;top:calc(50% - 1.2rem);left:50%;transform:translate(-50%,-50%)}.question-form input{box-sizing:border-box;color:#eef7ff;text-align:center;caret-color:#cfeaff;background:0 0;border:0;outline:0;width:100%;padding:1rem 3.7rem;font:400 clamp(1.1rem,2.1vw,1.55rem)/1.35 Georgia,Times New Roman,serif}.question-form input::placeholder{color:#e0f0fc7a}.question-form button{color:#eff9ff;cursor:pointer;background:#12385680;border:1px solid #e1f2ff57;border-radius:50%;width:2.65rem;height:2.65rem;transition:opacity .18s,background .18s,transform .18s;position:absolute;right:.5rem}.question-form button:hover:not(:disabled),.question-form button:focus-visible{background:#5c94bc94;transform:translate(2px)}.question-form button:disabled{cursor:default;opacity:.3}.question-hint{z-index:2;color:#dfedf994;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;position:absolute;bottom:clamp(2rem,10vh,5rem);left:50%;transform:translate(-50%)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.petal-pick-feedback{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.petal-pick-label{color:#f7fbff;letter-spacing:.16em;text-shadow:0 2px 12px #020e1ee6,0 0 24px #c2e2ffb8;font-size:clamp(1rem,2.1vw,1.55rem);animation:1.8s ease-out forwards petal-answer-rise;position:absolute;transform:translate(-50%,-50%)}.final-answer{z-index:5;box-sizing:border-box;-webkit-backdrop-filter:blur(10px)saturate(.72);backdrop-filter:blur(10px)saturate(.72);background:radial-gradient(circle at 50% 42%,#5d7b492e,#0000 52%),#18120cc2;place-items:center;padding:1.5rem;animation:.65s ease-out both final-answer-reveal;display:grid;position:fixed;inset:0}.final-answer-card{box-sizing:border-box;text-align:center;background:#405b3d;border:clamp(.3rem,.8vw,.55rem) solid #49301f;border-radius:0;width:min(90vw,38rem);padding:clamp(2rem,5vw,3.5rem);box-shadow:inset 0 0 0 1px #dabe9138,0 1.5rem 5rem #140c0785}.final-answer-eyebrow{color:#ebdab8b8;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.72rem}.final-answer h2{color:#fff5de;text-shadow:0 0 2rem #e4cd9d47;margin:0;padding:.25rem 0 .5rem;font-size:clamp(1.5rem,6vw,3.5rem);font-weight:150;line-height:1}.final-answer button{color:#2d1d13;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#c9a271;border:2px solid #49301f;border-radius:0;padding:.8rem 1.4rem;font:600 .78rem/1 Georgia,Times New Roman,serif;transition:background .18s,transform .18s}.final-answer button:hover,.final-answer button:focus-visible{outline-offset:4px;background:#deb984;outline:2px solid #f4dfb7;transform:translateY(-2px)}@keyframes petal-answer-rise{0%{opacity:0;transform:translate(-50%,-20%)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-145%)}}@keyframes final-answer-reveal{0%{opacity:0}to{opacity:1}}@media (width<=600px){.question-form{width:74vw}.question-form input{padding-top:.55rem;padding-bottom:.55rem}.question-copy>p{text-align:center;max-width:18rem;margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:reduce){.question-content,.question-blue-veil,.final-answer{transition-duration:1ms!important;animation-duration:1ms!important}.petal-pick-label{animation-name:petal-answer-fade}}@keyframes petal-answer-fade{0%{opacity:1}to{opacity:0}}