@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#3d5b4a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f8f3;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 15%,#c2dcc680,#0000 28%),radial-gradient(circle at 88% 85%,#dae6c77a,#0000 30%),linear-gradient(135deg,#f8fbf6 0%,#eef6ee 50%,#edf4e9 100%);min-width:320px;min-height:100vh;margin:0}.page-shell{box-sizing:border-box;place-items:center;min-height:100svh;padding:24px;display:grid;overflow:hidden}.card{box-sizing:border-box;text-align:center;background:#ffffffdb;border:1px solid #fffc;border-radius:32px;width:min(680px,100%);min-height:440px;padding:40px clamp(24px,7vw,72px);position:relative;box-shadow:0 24px 70px #3d5b4a26}.progress{color:#5e876b;letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:700}.progress-track{background:#dcebdd;border-radius:999px;max-width:300px;height:7px;margin:15px auto 28px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#86b88e,#aecb7c);height:100%;transition:width .35s;display:block}.question-photo{object-fit:cover;border:5px solid #ffffffe6;border-radius:20px;width:min(250px,80vw);height:150px;margin:0 auto 26px;display:block;box-shadow:0 12px 26px #3d5b4a29}.announcement-gif{object-fit:contain;border:5px solid #ffffffe6;border-radius:24px;width:min(560px,96vw);max-width:100%;height:auto;max-height:420px;margin:0 auto 24px;display:block;box-shadow:0 16px 34px #3d5b4a2e}h1{color:#31553f;letter-spacing:-.04em;max-width:540px;margin:0 auto 42px;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,3.25rem);line-height:1.12}.button-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}button{cursor:pointer;font:inherit;border:0;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}button:hover{transform:translateY(-3px)scale(1.03)}button:focus-visible{outline-offset:4px;outline:4px solid #86b88e61}.yes-button,.no-button{color:#fff;border-radius:999px;min-width:118px;padding:15px 28px;box-shadow:0 10px 20px #43704d33}.yes-button{background:linear-gradient(135deg,#72a980,#91b66b)}.no-button{background:#718477}.playground{height:150px;position:relative}.playground .yes-button{position:absolute;top:54%;left:40%;transform:translate(-50%,-50%)}.playground .yes-button:hover{transform:translate(-50%,-54%)scale(1.03)}.runaway{will-change:top, left;pointer-events:auto;transition:top .7s cubic-bezier(.16,1,.3,1),left .7s cubic-bezier(.16,1,.3,1),transform .22s ease-out,box-shadow .22s ease-out;position:fixed;transform:translate(-50%,-50%)}.runaway:hover{transform:translate(-50%,-50%)scale(1.02)}.answer-fade{place-items:center;min-width:118px;min-height:54px;display:inline-grid;position:relative}.fade-answer{grid-area:1/1;transition:opacity .65s,transform .65s}.fade-answer.fade-in{opacity:1;pointer-events:auto;transform:scale(1)}.fade-answer.fade-out{opacity:0;pointer-events:none;transform:scale(.92)}.hint{color:#71907a;margin-top:34px;font-size:.95rem}.reveal{place-items:center;min-height:360px;display:grid}.reveal h2{color:#31553f;margin:10px 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,10vw,6rem)}.restart-button{color:#527c5e;background:#f6fbf4;border:1px solid #b9d4b6;border-radius:50%;width:42px;height:42px;padding:0;font-size:1.35rem;line-height:1}@media (prefers-reduced-motion:reduce){.runaway,.fade-answer{transition:none;animation:none}}@media (width<=520px){.page-shell{padding:14px}.card{min-height:490px;padding:32px 20px}.button-row{flex-direction:column;align-items:center}.button-row button{width:150px}.announcement-gif{max-height:330px}}