:root{--pink: #f48fb1;--pink-hot: #e91e8c;--purple: #ce93d8;--wine: #8b2252;--wine-deep: #6a1b4d;--muted: #9e4a6a;--soft: #b06080;--card: #fff;--blush: #fdf0f5;--line: #f8bbd9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(135deg,#fff0f5,#fce4ec,#f8f0ff);color:var(--wine);font-family:Georgia,Times New Roman,serif;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{appearance:none}.screen{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem 2.5rem;position:relative;overflow-x:hidden;overflow-y:auto}.screen.yay{background:linear-gradient(135deg,#fff8e1,#fce4ec 60%,#f3e5f5)}.page-card{text-align:center;z-index:10;background:var(--card);border-radius:24px;width:90%;max-width:480px;padding:2.5rem 2rem;position:relative;box-shadow:0 8px 40px #dc507826,0 2px 8px #0000000f}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.pug{width:120px;height:120px;border-radius:20px;object-fit:cover;margin:0 auto 1.2rem;display:block;box-shadow:0 4px 20px #f48fb14d}h1{font-size:1.7rem;color:var(--wine);font-weight:700;line-height:1.3;margin:0 0 1.8rem}.yay h1{font-size:1.9rem;color:var(--wine-deep);font-weight:900;line-height:1.2;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.02em}.sub{color:var(--muted);font-size:.95rem;margin:0 0 1.5rem}.soft{color:var(--soft);font-size:.85rem;margin:0 0 .5rem}.actions{display:flex;justify-content:center;align-items:center;gap:1rem}.btn-yes,.btn-next{color:#fff;cursor:pointer;background:var(--pink);border:none;border-radius:999px;height:44px;padding:0 2rem;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #f48fb166;transition:background .2s,transform .15s}.btn-yes:hover,.btn-next:hover{background:var(--pink-hot);transform:scale(1.05)}.btn-yes:disabled,.btn-next:disabled{opacity:.6;transform:none;cursor:default}.btn-full{width:100%}.btn-no{color:#fff;cursor:pointer;white-space:nowrap;user-select:none;-webkit-user-select:none;background:var(--purple);border:none;border-radius:999px;height:44px;min-width:110px;padding:0 1.5rem;font-size:.9rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #ce93d866;position:fixed;left:0;top:0;opacity:0;z-index:50;touch-action:none;transition:none}.no-slot{width:110px;height:44px;visibility:hidden;flex-shrink:0}.sponge{width:100px;height:100px;border-radius:20px;background:#e53935;display:flex;align-items:center;justify-content:center;font-size:3.5rem;margin:0 auto 1rem;box-shadow:0 4px 20px #e539354d}label{font-size:.85rem;color:var(--muted);display:block;margin-bottom:.35rem;font-weight:600;text-align:left}.field{text-align:left;margin-bottom:1rem}.field.time{margin-bottom:1.5rem}input[type=date],input[type=time],input[type=email],select{color:#5d2d46;background:#fff9fc;border:1.5px solid var(--line);border-radius:8px;outline:none;width:100%;padding:.6rem .8rem;font-size:.95rem}input[type=date]:focus,input[type=time]:focus,input[type=email]:focus,select:focus{border-color:var(--pink)}.mail-error{color:#c62828;font-size:.8rem;margin:.4rem 0 0;min-height:1em}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.food-item,.extra-item{cursor:pointer;text-align:center;color:#5d2d46;background:var(--blush);border:2px solid transparent;border-radius:16px;padding:1rem .5rem;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:background .15s,border-color .15s}@media(hover:hover)and (pointer:fine){.food-item:hover,.extra-item:hover{background:#fce4ec;border-color:var(--pink)}}.food-item.selected,.extra-item.selected{background:#f8bbd9;border-color:var(--pink-hot)}.extra-item.selected:after{content:"✓";position:absolute;top:6px;right:8px;color:var(--pink-hot);font-size:.85rem;font-weight:700}.food-emoji{font-size:1.8rem;display:block;margin-bottom:.35rem}.food-label{font-size:.85rem;line-height:1.2}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.8rem;margin-bottom:1.4rem}.extra-item[data-extra=heart] .food-emoji{color:var(--pink-hot)}.section-label{color:var(--soft);font-size:.85rem;margin:1.35rem 0 0;text-align:left}.dress-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem;margin-bottom:1.4rem}.page-card.feeling{max-width:520px}.feeling h1{margin-bottom:.45rem}.letter h1{font-size:1.55rem;margin-bottom:.6rem}.ps{color:var(--soft);font-size:.78rem;font-style:italic;margin:0 0 1.2rem;line-height:1.5}.hearts{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.2rem;color:var(--pink);font-size:1.1rem}.fee-box{background:var(--blush);border:1.5px solid var(--line);border-radius:16px;padding:1.2rem;margin-bottom:1.5rem;text-align:left}.fee-row{display:flex;justify-content:space-between;align-items:center}.fee-name{color:var(--wine);font-weight:700;font-size:1rem}.fee-price{color:var(--pink-hot);font-weight:900;font-size:1.4rem}.fee-note{color:var(--soft);font-size:.78rem;margin:.4rem 0 0}.go-back{display:inline-block;margin-top:.9rem;background:none;border:none;color:var(--soft);cursor:pointer;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}.icon{font-size:2.5rem;margin-bottom:.5rem}.icon.big{font-size:3rem;margin-bottom:.8rem}.floating-deco{pointer-events:none;opacity:.6;z-index:1;position:fixed}.float-anim{animation:3s ease-in-out infinite float}.float-anim-alt{animation:4s ease-in-out infinite floatAlt}.float-anim-slow{animation:5s ease-in-out infinite float}.confetti-piece{position:fixed;top:-20px;pointer-events:none;z-index:2;animation:linear forwards confettiDrop}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes floatAlt{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes confettiDrop{0%{opacity:1;transform:translateY(-20px) rotate(0)}to{opacity:.3;transform:translateY(110vh) rotate(720deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.still .fade-in-up{animation:none}.still .floating-deco,.still .confetti-piece{display:none}input[type=text],input[type=tel],textarea{color:#5d2d46;background:#fff9fc;border:1.5px solid var(--line);border-radius:8px;outline:none;width:100%;padding:.6rem .8rem;font-size:.95rem}input[type=text]:focus,input[type=tel]:focus,textarea:focus{border-color:var(--pink)}textarea{resize:vertical;line-height:1.4}h1,.food-label{overflow-wrap:anywhere}.pin{font-size:1.8rem;letter-spacing:.4em;text-indent:.4em;text-align:center;border-radius:14px;margin-bottom:.4rem}.pin::placeholder{color:var(--line)}.go-back+.go-back{margin-left:1rem}a.extra-item{display:block;text-decoration:none}.own{outline:1.5px dashed #8b2252;outline-offset:3px;border-radius:4px;cursor:pointer}.own-text[contenteditable]{outline:1.5px dashed #8b2252;outline-offset:3px;border-radius:4px}