@layer screens{.scene-love-letter[hidden]{display:none;opacity:0;pointer-events:none}.scene-love-letter{position:absolute;left:6%;top:15%;z-index:6;width:56px;height:64px;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;transform-origin:50% 100%;filter:drop-shadow(0 3px 6px rgba(59,33,64,.25))}.scene-love-letter.has-unread{animation:mailbox-sway 4s ease-in-out infinite}@keyframes mailbox-sway{0%,to{transform:rotate(0)}30%{transform:rotate(2deg) translateY(-2px)}60%{transform:rotate(-1.5deg) translateY(-1px)}}@media(prefers-reduced-motion:reduce){.scene-love-letter.has-unread{animation:none!important}}.love-letter-envelope{width:100%;height:100%;display:grid;place-items:center}.mailbox-svg{width:100%;height:100%;display:block}.letter-envelope-stage{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0}.envelope-body{position:relative;width:100%;max-width:320px;height:180px;background:linear-gradient(180deg,var(--paper-50) 0%,var(--paper-100) 100%);border:var(--bw) solid var(--wood-500);border-radius:var(--r-md);box-shadow:0 8px 20px -6px #3b214040,inset 0 2px 0 var(--white);display:grid;place-items:center;overflow:visible}.envelope-flap{position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(180deg,var(--wood-100) 0%,var(--paper-100) 100%);clip-path:polygon(0 0,100% 0,50% 100%);border-bottom:2px solid var(--wood-300);display:flex;justify-content:center;align-items:flex-end}.wax-seal{position:absolute;bottom:-24px;width:52px;height:52px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--berry) 0%,var(--berry-700) 100%);border:2px solid var(--cocoa-900);box-shadow:0 4px 10px #a81e3d73,inset 0 2px #fff6;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;transition:transform var(--t-fast) var(--ease-bounce);color:var(--butter-300)}@media(hover:hover){.wax-seal:hover{transform:scale(1.08)}}.wax-seal:active,.letter-envelope-stage.holding .wax-seal{transform:scale(.95);box-shadow:0 2px 4px #a81e3d66}.wax-seal-flower{width:26px;height:26px;display:grid;place-items:center}.seal-progress-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);pointer-events:none;transform:rotate(-90deg)}.seal-ring-track{stroke:var(--pink-200);opacity:.5}.seal-ring-fill{stroke:var(--butter-300);stroke-linecap:round;transition:stroke-dashoffset var(--t-fast) linear}.seal-hint{font-size:var(--fs-xs);color:var(--cocoa-700);margin:0;text-align:center}.btn-open-direct{margin-top:var(--sp-1)}.letter-envelope-stage.seal-cracked .wax-seal{animation:seal-crack var(--dur-vua) var(--ease-out) forwards}@keyframes seal-crack{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15) rotate(5deg)}to{transform:scale(.8) translateY(12px);opacity:0}}@media(prefers-reduced-motion:reduce){.letter-envelope-stage.seal-cracked .wax-seal{animation:none}}}@layer screens{.love-letter-sheet .sheet-paper{background:var(--paper-50);background-image:radial-gradient(var(--pink-200) .8px,transparent .8px),linear-gradient(180deg,var(--paper-50) 0%,var(--pink-50) 100%);background-size:20px 20px,100% 100%;border-color:var(--wood-500)}.love-sheet-title{color:var(--cocoa-900);font-family:var(--font-display)}.love-letter-sheet .sheet-close-btn,.love-close-btn,.love-scrapbook-btn{border:1px solid var(--wood-300);background:var(--white);color:var(--cocoa-900);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;cursor:pointer;box-shadow:0 2px #7a442829;transition:transform var(--t-fast) var(--ease-bounce),background-color var(--t-fast),border-color var(--t-fast)}.love-scrapbook-btn{background:var(--paper-100);color:var(--pink-700);border-color:var(--pink-300)}@media(hover:hover){.love-letter-sheet .sheet-close-btn:hover,.love-close-btn:hover,.love-scrapbook-btn:hover{transform:translateY(-1px);background:var(--pink-50);border-color:var(--pink-400)}}.love-letter-sheet .sheet-close-btn:active,.love-close-btn:active,.love-scrapbook-btn:active{transform:scale(.94) translateY(var(--press-y))}.love-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-2);border-bottom:1px dashed var(--wood-300);gap:var(--sp-2);flex-wrap:wrap}.love-hand-drawn-stamp{display:inline-flex;align-items:center;gap:6px;padding:4px var(--sp-2);background:linear-gradient(135deg,var(--pink-50) 0%,var(--pink-100) 100%);border:1px dashed var(--pink-500);border-radius:var(--r-xs);box-shadow:0 2px 4px #a82e681f;color:var(--pink-700);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;transform:rotate(-1.5deg)}.love-hand-drawn-stamp .stamp-ico{font-size:var(--fs-sm);line-height:1;display:inline-flex}.love-postmark{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;line-height:1.25}.love-flower-tier-pill{display:inline-flex;align-items:center;gap:4px;padding:2px var(--sp-2);border-radius:var(--r-pill);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;background:var(--pink-50);border:1px solid var(--pink-300);color:var(--pink-700)}.love-flower-tier-pill.tier-seasonal{background:var(--mint-100);border-color:var(--mint-500);color:var(--mint-text)}.love-flower-tier-pill.tier-rare{background:var(--lilac-100);border-color:var(--lilac-300);color:var(--cocoa-900)}.love-flower-tier-pill.tier-legendary{background:var(--butter-100);border-color:var(--butter-500);color:var(--butter-text)}.postmark-date{font-size:var(--fs-xs);color:var(--cocoa-700);font-weight:700}.pixel-flower-showcase.pressed-flower-card{position:relative;display:flex;align-items:center;gap:var(--sp-3);text-align:left;background:linear-gradient(135deg,var(--white) 0%,var(--paper-100) 100%);border:1px solid var(--wood-300);border-radius:var(--r-md);padding:var(--sp-3);box-shadow:0 4px 12px #3b21400f;animation:flower-slide-in var(--dur-vua) var(--ease-chuyen) both}.pixel-flower-showcase.pressed-flower-card.tier-rare{background:linear-gradient(135deg,var(--white) 0%,var(--lilac-100) 100%);border-color:var(--lilac-300)}.pixel-flower-showcase.pressed-flower-card.tier-legendary{background:linear-gradient(135deg,var(--white) 0%,var(--butter-100) 100%);border-color:var(--butter-500)}@media(max-width:400px){.pixel-flower-showcase.pressed-flower-card{flex-direction:column;text-align:center}}@keyframes flower-slide-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.pixel-flower-showcase.pressed-flower-card{animation:none!important}}.flower-medallion-col{position:relative;flex-shrink:0;width:72px;height:72px;border-radius:var(--r-pill);background:radial-gradient(circle,var(--white) 0%,var(--pink-50) 75%,var(--paper-100) 100%);border:1px solid var(--pink-200);box-shadow:0 3px 8px #a82e6826;display:grid;place-items:center}.pressed-flower-card.tier-rare .flower-medallion-col{background:radial-gradient(circle,var(--white) 0%,var(--lilac-100) 80%);border-color:var(--lilac-300)}.pressed-flower-card.tier-legendary .flower-medallion-col{background:radial-gradient(circle,var(--white) 0%,var(--butter-100) 80%);border-color:var(--butter-500);box-shadow:0 0 14px #f0b42959}.pressed-flower-card .flower-svg-wrap{width:52px;height:52px;display:grid;place-items:center;filter:drop-shadow(0 3px 5px rgba(59,33,64,.22))}.flower-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pressed-flower-card .banner-flower-text{font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;color:var(--pink-700);line-height:1.2}.pressed-flower-card .pixel-flower-meaning{margin:0;font-size:var(--fs-xs);color:var(--cocoa-900);font-weight:700;font-style:italic;line-height:1.4}.pressed-flower-card .pixel-flower-story{margin:0;font-size:var(--fs-xs);color:var(--cocoa-700);line-height:1.4}.love-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-8) var(--sp-4);gap:var(--sp-2)}.love-empty-icon{font-size:var(--fs-3xl);color:var(--pink-300)}.love-empty-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--cocoa-900);margin:0}.love-empty-text{font-size:var(--fs-sm);color:var(--cocoa-700);margin:0;max-width:280px;line-height:1.5}}@layer screens{.letter-paper-wrap{position:relative;width:100%;perspective:1200px}.letter-paper-wrap.unfolding .love-letter-paper{animation:paper-unfold var(--dur-nang) var(--ease-out) both}@keyframes paper-unfold{0%{opacity:0;transform:scaleY(.4) rotateX(-20deg)}50%{opacity:.8;transform:scaleY(.75) rotateX(10deg)}to{opacity:1;transform:scaleY(1) rotateX(0)}}@media(prefers-reduced-motion:reduce){.letter-paper-wrap.unfolding .love-letter-paper{animation:none!important}}.letter-flipper{position:relative;width:100%}.letter-flipper:not(.flipped) .letter-side-back{display:none}.letter-flipper.flipped .letter-side-front{display:none}.letter-side{width:100%}.letter-side-front{position:relative}.letter-side-back{position:relative;width:100%;background:var(--paper-50);border:1px solid var(--pink-200);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:0 4px 12px #3b214014}.love-letter-paper{position:relative;background:linear-gradient(180deg,var(--white) 0%,var(--paper-50) 100%);border:1px solid var(--wood-300);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4) var(--sp-4);box-shadow:0 10px 24px -6px #3b214029;display:flex;flex-direction:column;gap:var(--sp-3)}.love-letter-paper.tier-legendary{border-color:var(--butter-500);box-shadow:0 10px 26px -6px #b8862a38}.paper-crease{width:calc(100% + var(--sp-8));margin-left:calc(-1 * var(--sp-4));height:1px;background:linear-gradient(90deg,transparent 0%,var(--paper-line) 15%,var(--paper-line) 85%,transparent 100%);opacity:.7}.love-ornament-divider{display:flex;align-items:center;gap:var(--sp-2);padding:2px 0}.ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--pink-300) 50%,transparent 100%)}.ornament-gem{color:var(--pink-500);font-size:var(--fs-xs);display:inline-flex;align-items:center;justify-content:center}.love-paper-tape{position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(-1deg);width:88px;height:18px;background:var(--pink-100);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(242,106,164,.25) 6px,rgba(242,106,164,.25) 12px);border:1px solid rgba(226,85,123,.25);border-radius:3px;box-shadow:0 2px 4px #3b21401f}.love-heart-sticker{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:var(--r-pill);background:var(--berry);color:var(--white);display:grid;place-items:center;font-size:var(--fs-sm);box-shadow:0 3px 8px #a81e3d59;transform:rotate(-12deg) scale(0);opacity:0;transition:transform var(--dur-vua) var(--ease-bounce),opacity var(--t-fast);pointer-events:none;z-index:2}.love-heart-sticker.visible{opacity:1;transform:rotate(-12deg) scale(1)}.love-heart-sticker.pop-in{animation:sticker-pop var(--dur-vua) var(--ease-bounce) both}@keyframes sticker-pop{0%{transform:rotate(-24deg) scale(0);opacity:0}60%{transform:rotate(-8deg) scale(1.2);opacity:1}to{transform:rotate(-12deg) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.love-heart-sticker.pop-in{animation:none!important}}.love-letter-ruled-body{background-color:var(--paper-50);background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(226,85,123,.15) 31px 32px);background-position:0 6px;border-left:2px solid rgba(226,85,123,.28);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.love-letter-greeting{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:var(--fs-sm);color:var(--cocoa-700);font-weight:700}.love-letter-greeting .greeting-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;color:var(--pink-700);background:linear-gradient(180deg,transparent 60%,var(--pink-100) 60%);padding:0 4px}.love-letter-title{margin:2px 0 0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--cocoa-900);line-height:var(--lh-tight)}.love-letter-text{margin:0;font-family:var(--font-body);font-size:var(--fs-md);line-height:32px;color:var(--cocoa-900);font-weight:700;white-space:pre-wrap;text-wrap:pretty}.love-letter-signoff{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);padding-top:var(--sp-1)}.signoff-text-col{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.signoff-pre{font-size:var(--fs-xs);color:var(--cocoa-700);font-style:italic;font-weight:600}.signoff-sender{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--pink-700)}.signoff-wax-stamp{width:32px;height:32px;border-radius:var(--r-pill);background:radial-gradient(circle at 35% 30%,var(--pink-400) 0%,var(--pink-700) 90%);border:1px solid var(--pink-700);color:var(--white);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #a82e684d,inset 0 1px 2px #ffffff73;transform:rotate(-8deg)}.love-lined-paper{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-2);background-image:repeating-linear-gradient(180deg,transparent 0 28px,var(--pink-200) 28px 29px);background-position:0 4px}.back-header{border-bottom-style:solid}.replied-label{font-size:var(--fs-xs);color:var(--cocoa-700);font-weight:700;margin:0}.replied-handwriting{font-family:var(--font-body);font-style:italic;font-size:var(--fs-md);line-height:29px;color:var(--cocoa-900);font-weight:600;margin:0;text-wrap:pretty}.replied-date{font-size:var(--fs-xs);color:var(--cocoa-700);text-align:right;opacity:.8}.love-reply-textarea{width:100%;font-family:var(--font-body);font-size:var(--fs-md);line-height:29px;color:var(--cocoa-900);background:transparent;border:1px solid var(--pink-300);border-radius:var(--r-sm);padding:var(--sp-2);resize:none;box-sizing:border-box}.love-reply-textarea:focus{outline:none;border-color:var(--pink-500);box-shadow:0 0 0 2px var(--pink-100)}}@layer screens{.love-action-area{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);width:100%}.love-gift-parcel{margin-top:var(--sp-3);width:100%;background:linear-gradient(180deg,var(--butter-100) 0%,var(--paper-100) 100%);border:1px solid var(--butter-500);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);box-shadow:0 4px 10px #b8862a24,inset 0 1px 0 var(--white);display:flex;flex-direction:column;gap:var(--sp-2);box-sizing:border-box}.love-gift-parcel-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:800;color:var(--butter-text)}.love-gift-parcel-content{display:flex;align-items:center;gap:var(--sp-2);background:var(--white);border:1px solid var(--paper-line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.love-gift-parcel-content.is-care-gift{background:var(--pink-50);border-color:var(--pink-200)}.love-gift-chest-ico{flex-shrink:0;width:36px;height:36px;border-radius:var(--r-xs);background:var(--butter-100);color:var(--butter-700);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-lg)}.love-gift-chest-ico.care-ico{background:var(--pink-500);color:var(--white)}.love-gift-desc{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gift-desc-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--cocoa-900)}.gift-desc-sub{font-size:var(--fs-xs);color:var(--cocoa-700);line-height:1.3}.love-gift-amount-badge{flex-shrink:0;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:900;color:var(--butter-text);background:var(--butter-100);padding:4px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--butter-500)}.love-gift-amount-badge.care-badge{background:var(--white);border-color:var(--pink-300);color:var(--pink-700);font-size:var(--fs-xs)}.love-react-buttons-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;width:100%}.love-react-btn{flex:1;min-width:140px}.love-react-done-badge{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--pink-100);border:1px solid var(--pink-300);color:var(--pink-700);font-size:var(--fs-xs);font-weight:800;border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3)}.love-claim-btn,.love-send-reply-btn{width:100%}}