@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Quicksand,sans-serif;background:#f4f1ec;color:#2d2318;min-height:100dvh;overflow-x:hidden}.app-wrapper{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.bg-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-emoji{position:absolute;bottom:-5%;opacity:.35;-webkit-user-select:none;user-select:none;will-change:transform}.content-wrapper{position:relative;z-index:10;width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.screen{width:100%;display:flex;justify-content:center;align-items:center}.card{background:#ffffffdb;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1.5px solid rgba(200,185,165,.45);border-radius:2.2rem;box-shadow:0 8px 40px #503c281a,0 2px 12px #785a3c12,inset 0 1px #ffffffe6;padding:2.5rem 2rem;max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.1rem;position:relative;overflow:hidden}.card.card-abs{overflow:visible;position:relative}.card:before{content:"";position:absolute;top:-40%;left:-20%;width:60%;height:50%;background:radial-gradient(ellipse,rgba(255,220,235,.45) 0%,transparent 70%);pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-card{animation:float 5s ease-in-out infinite}.main-image-box{width:110px;height:110px;border-radius:1.6rem;background:linear-gradient(135deg,#ffe4ee,#ffd6e8);border:2px solid rgba(255,160,195,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #c8507824;flex-shrink:0}.main-image-box.reaction,.main-image-box.circular{border-radius:50%;width:100px;height:100px}.big-emoji{font-size:3.2rem;line-height:1}.main-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.15rem,4vw,1.45rem);font-weight:700;color:#2d2318;line-height:1.35;text-align:center}.letter-title{font-size:clamp(1.1rem,3.5vw,1.35rem)}.subtitle{font-size:clamp(.88rem,2.5vw,.98rem);color:#5a4838;font-weight:500;line-height:1.55}.note-text{font-size:.92rem;color:#7a6050;font-style:italic;font-weight:500}.postdata{font-size:.82rem;color:#c07090;font-style:italic;margin-top:.3rem;padding:.75rem 1rem;background:#ffc8dc33;border-radius:1rem;border-left:3px solid #f4a0bc}.icons-row{display:flex;gap:1rem;font-size:1.8rem;margin-bottom:.2rem}.detail-cards{display:flex;flex-direction:column;gap:.6rem;width:100%}.detail-card{display:flex;align-items:center;gap:.65rem;background:linear-gradient(90deg,#ebdcc673,#f5ebdc59);border:1px solid rgba(195,170,140,.35);border-radius:1.1rem;padding:.65rem 1rem;text-align:left}.detail-icon{font-size:1.15rem}.detail-label{font-size:.85rem;color:#6b5040;font-weight:600;min-width:60px}.detail-value{font-size:.88rem;color:#2d2318;font-weight:700}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.mood-card{background:#f5eee4bf;border:1.5px solid rgba(190,168,140,.38);border-radius:1.2rem;padding:.9rem .5rem;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:600;color:#4a3828;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:0 2px 8px #64462812;outline:none}.mood-card:hover{border-color:#d29b64a6;background:#f5e1c8a6}.mood-selected{background:linear-gradient(135deg,#f5dfc0,#ecc898)!important;border-color:#d4944e!important;color:#3d2510!important;box-shadow:0 4px 16px #b46e282e,0 0 0 2px #d2944638!important;font-weight:700}.summary-box{width:100%;background:#ebdecd66;border:1px solid rgba(190,168,140,.3);border-radius:1.4rem;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.summary-label{color:#6b5040;font-weight:600}.summary-value{color:#2d2318;font-weight:700;text-align:right}.bottom-hearts{display:flex;gap:.5rem;font-size:1.2rem;flex-wrap:wrap;justify-content:center;margin:.2rem 0}.bottom-heart{display:inline-block}.buttons-area{position:relative;display:flex;gap:1rem;justify-content:center;align-items:center;min-height:60px;width:100%;flex-wrap:wrap}.btn{font-family:Quicksand,sans-serif;font-weight:700;font-size:1rem;padding:.75rem 1.8rem;border:none;border-radius:50px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;outline:none;white-space:nowrap}.btn-yes{background:linear-gradient(135deg,#f0a070,#e07848);color:#fff;box-shadow:0 4px 18px #c8643247}.btn-yes:hover{box-shadow:0 6px 24px #c8643261}.btn-no{background:#ebe1d2bf;color:#6b5040;border:1.5px solid rgba(185,165,140,.55);box-shadow:0 2px 8px #785a3c1a}.btn-restart{background:linear-gradient(135deg,#e8c8a8,#d4a880);color:#3d2c1e;box-shadow:0 4px 16px #a06e3c33}.btn-disabled{opacity:.5;cursor:not-allowed}.mt-big{margin-top:.5rem}.text-center{text-align:center}.letter-card{gap:.9rem}@media(max-width:380px){.card{padding:2rem 1.3rem;border-radius:1.8rem}.main-title{font-size:1.05rem}.mood-grid{gap:.55rem}.mood-card{font-size:.8rem;padding:.75rem .4rem}}.date-form{width:100%;display:flex;flex-direction:column;gap:.75rem}.date-field{display:flex;flex-direction:column;gap:.3rem;text-align:left}.date-label{font-size:.84rem;font-weight:700;color:#6b5040}.date-input{font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;color:#2d2318;background:#f5eee4cc;border:1.5px solid rgba(185,160,130,.5);border-radius:1rem;padding:.65rem 1rem;outline:none;width:100%;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}.date-input:focus{border-color:#c48a50;box-shadow:0 0 0 3px #be824621}.date-input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer;filter:invert(35%) sepia(30%) saturate(600%) hue-rotate(10deg)}.envelope-scene{display:flex;flex-direction:column;align-items:center;gap:.6rem}.envelope-hint{font-size:1rem;color:#7a6050;margin-bottom:.2rem}.envelope-wrap{position:relative;width:260px;height:170px;-webkit-user-select:none;user-select:none}.envelope-body{position:absolute;inset:0;background:#fdf9f3;border:2px solid rgba(185,155,115,.45);border-radius:4px 4px 10px 10px;box-shadow:0 10px 36px #643c1e24,0 2px 8px #643c1e14;overflow:hidden}.envelope-body:before{content:"";position:absolute;bottom:0;left:0;right:0;height:54%;clip-path:polygon(0 100%,50% 0,100% 100%);background:#c3af9138}.envelope-body:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(195,175,145,.18) 50%,transparent 50%),linear-gradient(to bottom left,rgba(195,175,145,.18) 50%,transparent 50%)}.envelope-flap{position:absolute;top:0;left:0;right:0;height:52%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(160deg,#f0e8db 60%,#e4d9c8);border-radius:4px 4px 0 0;border-bottom:1.5px solid rgba(185,155,115,.3);z-index:3}.envelope-letter-pop{position:absolute;top:18%;left:50%;transform:translate(-50%);font-size:2.4rem;z-index:2;pointer-events:none}.btn-share{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;border:1.5px solid rgba(185,155,115,.55);border-radius:2rem;color:#7a6050;font-family:Quicksand,sans-serif;font-size:.84rem;font-weight:700;padding:.5rem 1.4rem;cursor:pointer;transition:background .2s,color .2s;width:100%}.btn-share:hover{background:#b99b731f}.countdown-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg,#e8714a,#d45c36);color:#fff;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.03em;padding:.4rem 1.1rem;border-radius:2rem;box-shadow:0 3px 12px #d45c3659;margin:0 auto}.escape-stat{font-size:.83rem;font-weight:600;color:#7a6050;font-style:italic;background:linear-gradient(90deg,#ebdcc673,#f5e8d74d);border:1px dashed rgba(185,155,115,.45);border-radius:1rem;padding:.6rem 1rem;text-align:center;width:100%}.email-status{font-size:.78rem;color:#7a8a60;font-weight:600;background:#c8e1b440;border:1px solid rgba(160,190,120,.35);border-radius:50px;padding:.3rem .9rem;text-align:center}.recommendation-box{width:100%;display:flex;flex-direction:column;gap:.45rem}.recommendation-label{font-size:.85rem;font-weight:600;color:#6b5040;text-align:left}.recommendation-input{font-family:Quicksand,sans-serif;font-size:.87rem;font-weight:500;color:#2d2318;background:#f5eee4b3;border:1.5px solid rgba(185,160,130,.45);border-radius:1.1rem;padding:.75rem 1rem;resize:none;outline:none;width:100%;transition:border-color .2s,box-shadow .2s;line-height:1.5}.recommendation-input::placeholder{color:#b09878;font-style:italic}.recommendation-input:focus{border-color:#c48a50;box-shadow:0 0 0 3px #be82461f}.char-count{font-size:.75rem;color:#c090b0;text-align:right;font-weight:500}.mood-check{font-size:.8rem;font-weight:700;margin-right:2px}.summary-row-col{flex-direction:column;align-items:flex-start!important;gap:.45rem}.mood-chips{display:flex;flex-wrap:wrap;gap:.4rem}.mood-chip{background:linear-gradient(135deg,#f0dcc0,#e8cc9c);border:1px solid rgba(190,150,90,.4);border-radius:50px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;color:#3d2510;white-space:nowrap}.summary-recommendation{font-size:.85rem;color:#6b5040;font-style:italic;font-weight:500;line-height:1.5;background:#e6d7c04d;border-radius:.8rem;padding:.5rem .75rem;width:100%}.gif-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.celebration-overlay{position:fixed;inset:0;z-index:100;background:#f5ebdaeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;overflow:hidden}.confetto{position:absolute;top:0;pointer-events:none;-webkit-user-select:none;user-select:none}.celebration-card{background:#ffffffeb;border:2px solid rgba(200,175,140,.5);border-radius:2rem;box-shadow:0 12px 50px #c83c6e33;padding:2.5rem 2rem;max-width:380px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.9rem;position:relative;z-index:10}.celebration-trophy{font-size:3.5rem;line-height:1;animation:trophy-bounce .6s ease infinite alternate}@keyframes trophy-bounce{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.15) rotate(5deg)}}.celebration-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;color:#2d2318;line-height:1.3}.celebration-sub{font-size:.95rem;color:#5a4838;font-weight:500}.celebration-hint{font-size:.78rem;color:#9a7a60;font-style:italic;animation:blink 1.4s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.local-joke{font-size:.9rem;color:#6b5040;font-style:italic;font-weight:600;background:linear-gradient(90deg,#e6d2b966,#f5e8d74d);border:1px dashed rgba(185,155,115,.5);border-radius:1rem;padding:.7rem 1rem;text-align:center;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f4b0cc;border-radius:10px}