@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(--white) 0%,var(--pink-50) 100%);background-size:20px 20px,100% 100%;border-color:var(--pink-500)}.love-sheet-title{color:var(--pink-700);font-family:var(--font-display)}.love-letter-sheet .sheet-close-btn,.love-close-btn{border:1px solid var(--pink-200);background:var(--white);color:var(--pink-700);font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;display:grid;place-items:center;cursor:pointer;box-shadow:0 2.5px 0 var(--pink-500);transition:transform var(--t-fast) var(--ease-bounce),background var(--t-fast)}@media(hover:hover){.love-letter-sheet .sheet-close-btn:hover,.love-close-btn:hover{transform:scale(1.08);background:var(--pink-50)}}.love-letter-sheet .sheet-close-btn:active,.love-close-btn:active{transform:scale(.94);box-shadow:0 1px 0 var(--pink-500)}.love-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--pink-200);padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);gap:var(--sp-2)}.love-hand-drawn-stamp{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:linear-gradient(135deg,var(--pink-50) 0%,var(--pink-200) 100%);border:1px solid var(--pink-600);border-radius:var(--r-xs);box-shadow:0 2px 0 var(--pink-600),inset 0 1px 0 var(--white);color:var(--pink-700);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;transform:rotate(-2deg)}.love-hand-drawn-stamp .stamp-ico{font-size:var(--fs-sm);line-height:1}.love-postmark{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.25}.postmark-title{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;color:var(--berry-700)}.postmark-date{font-size:var(--fs-xs);color:var(--cocoa-700);font-weight:700}.pixel-flower-showcase.pressed-flower-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--paper-100);border:1px dashed var(--wood-300);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-2);margin:var(--sp-2) 0;box-shadow:inset 0 1px 3px #3b21400a;animation:flower-slide-in var(--dur-vua) var(--ease-chuyen) both}@keyframes flower-slide-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.pixel-flower-showcase.pressed-flower-card{animation:none!important}}.pressed-flower-card .flower-svg-wrap{width:58px;height:58px;display:grid;place-items:center;filter:drop-shadow(0 3px 6px rgba(168,46,104,.25))}.pressed-flower-card .pixel-flower-name-banner{margin-top:var(--sp-1)}.pressed-flower-card .banner-flower-text{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:900;color:var(--pink-700)}.pressed-flower-card .pixel-flower-meaning{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);color:var(--cocoa-700);font-style:italic;line-height:1.4;max-width:260px}.love-footer-tools{display:flex;justify-content:center;padding-top:var(--sp-2)}.love-footer-brand{font-size:var(--fs-xs);color:var(--cocoa-700);font-weight:600;opacity:.8}.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:var(--paper-50);border:1px solid var(--pink-200);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-4) var(--sp-4);box-shadow:0 4px 12px #3b214014,inset 0 1px 3px #ffffffe6;display:flex;flex-direction:column;gap:var(--sp-2)}.paper-crease{width:calc(100% + var(--sp-8));margin-left:calc(-1 * var(--sp-4));height:2px;background:linear-gradient(90deg,transparent 0%,var(--paper-line) 15%,var(--paper-line) 85%,transparent 100%);opacity:.7}.paper-crease.crease-top{margin-top:var(--sp-1);margin-bottom:var(--sp-2)}.paper-crease.crease-bottom{margin-top:var(--sp-2);margin-bottom:var(--sp-1)}.love-paper-tape{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:72px;height:16px;background:var(--pink-100);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(242,106,164,.2) 5px,rgba(242,106,164,.2) 10px);border-radius:2px;box-shadow:0 1px 2px #3b21401f}.love-heart-sticker{position:absolute;top:10px;right:12px;width:32px;height:32px;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 6px #a81e3d59;transform:rotate(-12deg) scale(0);opacity:0;transition:transform var(--dur-vua) var(--ease-bounce),opacity var(--t-fast);pointer-events:none}.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-greeting{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--cocoa-700);font-weight:700}.love-letter-greeting .greeting-name{font-size:var(--fs-md);font-weight:900;color:var(--pink-700)}.love-letter-title{margin:var(--sp-1) 0 0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:var(--cocoa-900);line-height:var(--lh-tight)}.love-letter-text{margin:var(--sp-1) 0;font-family:var(--font-body);font-size:var(--fs-md);line-height:1.75;color:var(--cocoa-900);font-weight:600;white-space:pre-wrap;text-wrap:pretty;max-width:34ch}.love-letter-signoff{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);margin-top:var(--sp-2)}.signoff-pre{font-size:var(--fs-sm);color:var(--cocoa-700);font-style:italic}.signoff-sender{font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;color:var(--pink-700)}.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:1.5px 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-3);margin-top:var(--sp-3);width:100%}.love-gift-parcel{width:100%;background:linear-gradient(180deg,var(--butter-100) 0%,var(--butter-300) 100%);border:1px solid var(--butter-700);border-radius:var(--r-md);padding:var(--sp-3);box-shadow:0 4px 10px #b8862a40,inset 0 1px 0 var(--white);box-sizing:border-box}.love-gift-parcel-head{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:800;color:var(--butter-text);margin-bottom:var(--sp-2)}.love-gift-parcel-content{display:flex;align-items:center;gap:var(--sp-2)}.love-gift-chest-ico{font-size:var(--fs-xl);color:var(--butter-700)}.love-gift-desc{flex:1;display:flex;flex-direction:column}.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)}.love-gift-amount-badge{font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;color:var(--butter-text);background:var(--white);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--butter-500)}.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%}}