:root{--cream:#fff5e8;--plum:#3b173e;--coral:#f64e4b;--lavender:#b987e8;--yellow:#ffc43d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--plum);font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 50% 42%,#fffdf8 0,var(--cream) 62%,#f9e9d4 100%);place-items:center;min-height:100svh;padding:32px;display:grid;position:relative;overflow:hidden}.grain{opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.date-card{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(1040px,92vw);min-height:min(690px,88svh);padding:68px 72px 52px;display:flex;position:relative}.eyebrow{color:#775375;text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:9px;font-family:system-ui,sans-serif;font-size:12px;font-weight:800;display:flex;position:absolute;top:20px}.eyebrow b{color:var(--coral);font-size:18px}.step{width:100%;animation:.48s cubic-bezier(.2,.9,.25,1.15) both pop-in}.kicker{color:var(--coral);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;font:800 15px/1.2 system-ui,sans-serif}h1,h2,p{text-wrap:balance}h1{letter-spacing:-.07em;margin:0;font-size:clamp(58px,7.2vw,104px);font-weight:900;line-height:.87}h1 span,h2 span{color:var(--coral)}h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,70px);font-weight:900;line-height:.98}.lead{color:#5d3b5c;max-width:720px;margin:25px auto 0;font:600 clamp(17px,2vw,22px)/1.5 system-ui,sans-serif}.welcome-actions{justify-content:center;gap:22px;height:76px;margin-top:38px;display:flex;position:relative}.btn{cursor:pointer;border:0;border-radius:999px;min-width:250px;height:72px;font-size:26px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s}.btn.primary{color:#fff8eb;background:linear-gradient(135deg,#fb5d55,var(--coral));box-shadow:0 10px #d83d3d,0 18px 28px #f64e4b30}.btn.primary:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 14px #d83d3d,0 24px 32px #f64e4b35}.btn.primary:active:not(:disabled){transform:translateY(7px);box-shadow:0 3px #d83d3d}.btn.secondary{color:#8d58bf;border:5px solid var(--lavender);background:#fffaf1;box-shadow:0 9px #a36ed0,0 18px 28px #71448c20}.runaway{z-index:5;transition:transform .24s cubic-bezier(.16,1.4,.4,1)}.tease{color:#876786;margin:20px 0 0;font:600 14px system-ui,sans-serif}.question{max-width:900px}.choice-grid{gap:16px;margin:38px auto 0;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.four{grid-template-columns:repeat(4,1fr)}.choice{min-height:150px;color:var(--plum);cursor:pointer;background:#fffaf2;border:3px solid #e6ccec;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px #ead8ca}.choice:hover{border-color:var(--lavender);transform:translateY(-4px)rotate(-1deg)}.choice.selected{color:#fff;background:var(--lavender);border-color:#a86ddb;transform:translateY(-3px)rotate(1deg);box-shadow:0 8px #8c5cbd}.choice>span{font-size:40px}.choice b{font:800 16px/1.2 system-ui,sans-serif}.choice i{background:var(--coral);color:#fff;border-radius:50%;width:25px;height:25px;font:900 15px/25px system-ui;position:absolute;top:12px;right:14px}.date-input-wrap{border:4px solid var(--lavender);background:#fffaf2;border-radius:28px;align-items:center;gap:20px;max-width:520px;height:92px;margin:44px auto 0;padding:0 26px;display:flex;box-shadow:0 10px #d9b8e8}.date-input-wrap span{font-size:36px}.date-input-wrap input{width:100%;color:var(--plum);background:0 0;border:0;outline:0;font:800 21px system-ui,sans-serif}textarea{resize:none;width:min(700px,100%);min-height:130px;color:var(--plum);background:#fffaf2;border:4px solid #e0c3e9;border-radius:25px;outline:0;margin-top:30px;padding:22px 24px;font:600 17px/1.5 system-ui,sans-serif;box-shadow:0 8px #ead8ca}textarea:focus{border-color:var(--lavender)}.summary-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.summary-chips span{background:#f0ddfa;border-radius:999px;padding:10px 15px;font:700 13px system-ui,sans-serif}.navigation,.final-action{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-top:35px;display:flex;position:relative}.back{color:#785877;cursor:pointer;background:0 0;border:0;padding:12px 6px;font:800 15px system-ui,sans-serif}.back:hover{color:var(--coral)}.btn.compact{min-width:190px;height:58px;font-size:18px}.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.final-action{flex-wrap:wrap}.form-message{color:#775375;flex-basis:100%;margin:22px 0 0;font:700 13px/1.5 system-ui,sans-serif}.form-message code{color:var(--coral)}.form-message.error{color:#b32632}.success-icon{color:#fff;background:var(--coral);border:7px solid #fff;border-radius:30px;place-items:center;width:100px;height:100px;margin:0 auto 25px;font-size:55px;display:grid;transform:rotate(-7deg);box-shadow:0 9px #d53b3b,0 16px 30px #f64e4b35}.progress{gap:9px;display:flex;position:absolute;bottom:12px}.progress span{background:#dfc9e7;border-radius:999px;width:10px;height:10px;transition:all .3s}.progress span.active{background:var(--coral);width:28px}.sticker{z-index:1;color:#fff;background:var(--coral);border:8px solid #fffaf0;border-radius:34px;place-items:center;width:110px;height:100px;font-size:70px;line-height:1;animation:5s ease-in-out infinite float;display:grid;position:absolute;box-shadow:0 10px 20px #52304824}.sticker.lavender{color:var(--plum);background:#d7adf3}.sticker.yellow{color:#6c3d29;background:var(--yellow);border-radius:45% 55% 48% 52%}.heart-a{top:10vh;left:6vw;transform:rotate(-12deg)}.heart-b{animation-delay:-2s;top:17vh;right:7vw;transform:rotate(9deg)}.star-a{width:90px;height:85px;font-size:48px;animation-delay:-1s;bottom:8vh;right:9vw}.spark-a{width:76px;height:70px;color:var(--plum);background:#ffd45f;font-size:42px;animation-delay:-3s;bottom:11vh;left:8vw}.doodle{z-index:1;color:var(--coral);font:900 80px/1 system-ui;position:absolute}.doodle-one{top:4vh;left:52%;transform:rotate(8deg)}.doodle-two{bottom:22vh;right:13vw;transform:rotate(25deg)}@keyframes pop-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=800px){.app-shell{padding:16px}.date-card{width:100%;min-height:94svh;padding:60px 8px 42px}h1{font-size:clamp(54px,16vw,76px)}h2{font-size:clamp(39px,12vw,58px)}.lead{padding:0 12px;font-size:17px}.welcome-actions{flex-direction:column;align-items:center;gap:14px;height:146px}.btn{width:min(310px,84vw);min-width:0;height:62px;font-size:22px}.choice-grid.three,.choice-grid.four{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:26px}.choice{min-height:125px;padding:15px 8px}.choice b{font-size:14px}.navigation,.final-action{padding:0 12px}.btn.compact{width:auto;min-width:150px}.sticker{transform:scale(.58)!important}.heart-a{top:2vh;left:-28px}.heart-b{top:5vh;right:-30px}.star-a{bottom:3vh;right:-20px}.spark-a{bottom:5vh;left:-25px}.doodle{display:none}.progress{bottom:5px}}@media (height<=700px) and (width>=801px){.date-card{min-height:650px;transform:scale(.9)}}