:root{font-family:Trebuchet MS,Comic Sans MS,sans-serif;color:#33212c;background:#fff4f8;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 15% 20%,#ffd1de 0%,transparent 35%),radial-gradient(circle at 80% 10%,#ffe7a8 0%,transparent 30%),radial-gradient(circle at 30% 90%,#ffd9f0 0%,transparent 30%),linear-gradient(140deg,#fff9f2,#ffeef6 45%,#fff6df)}.page{min-height:100dvh;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.card{width:min(940px,100%);background:#ffffffe0;border-radius:clamp(16px,3vw,24px);border:3px solid #ffc4dc;box-shadow:0 24px 70px #ff7ea338;padding:clamp(16px,2.6vw,28px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}h1,h2{margin-top:0;text-align:center;font-size:clamp(1.45rem,4.6vw,2.5rem);line-height:1.2;color:#d83169}.subtitle{margin-top:-4px;text-align:center;font-size:clamp(.96rem,2.7vw,1.05rem)}.tiny-note{margin-bottom:0;text-align:center;color:#7c4f63;font-size:.92rem}.captcha-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(96px,21vw,150px),1fr));gap:clamp(8px,1.8vw,12px)}.captcha-tile{border:3px solid #ffd0e4;border-radius:16px;padding:0;overflow:hidden;cursor:pointer;background:#fff;aspect-ratio:1 / 1;min-height:96px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.captcha-tile img{display:block;width:100%;height:100%;object-fit:cover}.captcha-tile:hover{transform:translateY(-3px)}.captcha-tile.active{border-color:#ff478b;box-shadow:0 0 0 4px #ff7faf33}.captcha-footer{margin-top:18px;display:grid;place-items:center;gap:10px}.action-btn{border:none;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:700;min-height:48px;color:#fff;background:linear-gradient(120deg,#f44784,#ff9b5b);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.error-text{margin:0;color:#be2b4b;font-weight:700}.question-shell{min-height:clamp(420px,66dvh,560px)}.button-area{position:relative;margin-top:32px;min-height:clamp(280px,54dvh,420px);border-radius:20px;border:2px dashed #ffc4dc;background:linear-gradient(180deg,#fff8fd,#fff3d9);overflow:hidden}.yes-btn,.no-btn,.maybe-btn{border:none;border-radius:999px;padding:12px 24px;font-size:1.1rem;font-weight:800;min-height:50px;min-width:104px;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.yes-btn{position:absolute;left:50%;bottom:14px;transform:translate(-50%);color:#fff;background:linear-gradient(120deg,#ff3d7f,#ff6363);box-shadow:0 12px 30px #ff408c47;z-index:2}.no-btn{position:absolute;transform:translate(-50%,-50%);color:#fff;background:linear-gradient(120deg,#6f7078,#4f5f68);z-index:3;will-change:left,top;transition:left .2s ease,top .2s ease}.maybe-btn{position:absolute;transform:translate(-50%,-50%);color:#5e3e48;background:#ffd5e4;z-index:3;will-change:left,top;transition:left .2s ease,top .2s ease}.final-shell{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.final-shell h2{width:min(100%,30ch);margin-bottom:8px}.flower-burst{position:relative;margin:14px auto 0;width:min(100%,760px);height:clamp(230px,60dvh,540px);border-radius:24px;border:2px dashed #ffc4dc;overflow:hidden;background:radial-gradient(circle at 15% 20%,#ffe3ec 0%,transparent 38%),radial-gradient(circle at 88% 15%,#ffefd1 0%,transparent 32%),radial-gradient(circle at 30% 88%,#ffe2f3 0%,transparent 38%),linear-gradient(145deg,#fffaff,#fff4df)}.memory-photo{position:absolute;transform:translate(-50%,-50%);width:var(--photo-size);aspect-ratio:1 / 1;object-fit:cover;border-radius:clamp(10px,2vw,18px);border:none;box-shadow:0 10px 24px #d6488052;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:4;animation:memoryFloat 4.1s ease-in-out infinite}.final-actions{margin-top:16px;display:grid;place-items:center;width:100%}.celebrate-btn{padding:13px 30px;font-size:1.08rem;width:min(100%,360px);box-shadow:0 14px 34px #f4478454}.flower-emoji{position:absolute;transform:translate(-50%,-50%);line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:3;filter:drop-shadow(0 6px 12px rgba(209,58,119,.2));animation:flowerDance 3.1s ease-in-out infinite}@keyframes memoryFloat{0%,to{transform:translate(-50%,-50%) rotate(var(--photo-tilt)) scale(.97)}50%{transform:translate(-50%,-58%) rotate(calc(var(--photo-tilt) * -1)) scale(1.03)}}@keyframes flowerDance{0%,to{transform:translate(-50%,-50%) scale(.95) rotate(-7deg);opacity:.8}50%{transform:translate(-50%,-60%) scale(1.15) rotate(8deg);opacity:1}}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:999}.confetti-piece{position:fixed;top:102vh;left:var(--start-x);width:var(--piece-size);height:calc(var(--piece-size) * .72);border-radius:2px;opacity:0;animation:confettiShoot var(--piece-duration) cubic-bezier(.2,.72,.3,1) forwards;animation-delay:var(--piece-delay)}.confetti-round{border-radius:999px}.confetti-streamer{width:calc(var(--piece-size) * .48);height:calc(var(--piece-size) * 1.9);border-radius:999px}@keyframes confettiShoot{0%{opacity:0;transform:translate(0) rotate(0)}12%{opacity:1}36%{opacity:1;transform:translate(var(--burst-x),var(--burst-y)) rotate(180deg)}to{opacity:0;transform:translate(calc(var(--burst-x) + var(--drift-x)),16vh) rotate(var(--spin))}}@media (hover: none){.captcha-tile:hover{transform:none}.captcha-tile:active{transform:scale(.98)}}@media (pointer: coarse){.captcha-footer .action-btn,.celebrate-btn{width:min(100%,360px)}.yes-btn,.no-btn,.maybe-btn{min-height:52px;padding:12px 20px}}@media (max-width: 900px){.card{border-width:2px}.captcha-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 700px){.page{place-items:start center}.card{padding:20px}.yes-btn,.no-btn,.maybe-btn{padding:11px 17px;font-size:1rem}.captcha-footer .action-btn{width:min(100%,340px)}.flower-burst{height:clamp(210px,50dvh,430px)}}@media (max-width: 480px){.page{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.captcha-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.button-area{margin-top:22px;min-height:clamp(290px,52dvh,360px)}.flower-burst{width:100%;height:clamp(180px,44dvh,360px);border-radius:18px}}@media (prefers-reduced-motion: reduce){.captcha-tile,.no-btn,.maybe-btn,.memory-photo,.flower-emoji,.confetti-piece{animation:none!important;transition:none!important}}