[data-v-0c0ab893]{box-sizing:border-box;margin:0;padding:0}.container[data-v-0c0ab893]{align-items:center;animation:gradientShift-0c0ab893 20s ease infinite;background:linear-gradient(135deg,#0a0015,#1a0028,#0d0010,#1f0820,#0a0015);background-size:400% 400%;display:flex;font-family:Georgia,Palatino,serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}@keyframes gradientShift-0c0ab893{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.stars[data-v-0c0ab893]{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.star[data-v-0c0ab893]{animation:twinkle-0c0ab893 3s infinite;background:#c9c9ff;border-radius:50%;box-shadow:0 0 4px #c8c8ffcc;height:2px;position:absolute;width:2px}@keyframes twinkle-0c0ab893{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.letter-card[data-v-0c0ab893]{margin:0 auto;max-width:700px;z-index:10}.envelope[data-v-0c0ab893],.letter-card[data-v-0c0ab893]{position:relative;width:100%}.envelope[data-v-0c0ab893]{cursor:pointer;height:400px;touch-action:manipulation;transition:transform .3s ease;-webkit-tap-highlight-color:transparent}.envelope[data-v-0c0ab893]:active,.envelope[data-v-0c0ab893]:hover{transform:scale(1.05)}.envelope-body[data-v-0c0ab893]{align-items:center;background:linear-gradient(135deg,#1a0000,#4d0000,#1a0000);border:3px solid rgba(139,0,0,.5);border-radius:10px;box-shadow:0 20px 60px #000000e6,0 0 40px #8b000080;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.envelope-flap[data-v-0c0ab893]{animation:flapAnimation-0c0ab893 2s ease-in-out infinite;background:linear-gradient(135deg,#300,#600);border:3px solid rgba(139,0,0,.5);border-radius:10px 10px 0 0;height:200px;left:0;position:absolute;top:0;transform-origin:top;width:100%;z-index:5}@keyframes flapAnimation-0c0ab893{0%,to{transform:rotateX(0)}50%{transform:rotateX(-30deg)}}.heart-seal[data-v-0c0ab893]{animation:pulse-0c0ab893 1.5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(200,0,0,.9));font-size:4rem}@keyframes pulse-0c0ab893{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.click-text[data-v-0c0ab893]{animation:bounce-0c0ab893 2s ease-in-out infinite;color:#fff;font-size:1.2rem;font-style:italic;margin-top:20px;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes bounce-0c0ab893{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.letter-content[data-v-0c0ab893]{animation:unfold-0c0ab893 .8s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border:3px solid rgba(139,0,0,.6);border-radius:15px;box-shadow:0 25px 80px #000000e6,0 0 50px #8b008b66;max-height:90vh;overflow-x:hidden;overflow-y:auto;padding:40px;position:relative;-webkit-overflow-scrolling:touch}@keyframes unfold-0c0ab893{0%{opacity:0;transform:scale(.5) rotateX(90deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.letter-content[data-v-0c0ab893]:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="1" fill="rgba(139,0,0,0.1)"/></svg>');content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.letter-header[data-v-0c0ab893]{margin-bottom:30px;text-align:center}.title[data-v-0c0ab893]{color:#f44;font-family:Brush Script MT,cursive;font-size:2.5rem;margin-bottom:15px;min-height:60px;text-shadow:0 0 20px rgba(255,0,0,.8),2px 2px 8px rgba(0,0,0,.9)}.decorative-line[data-v-0c0ab893]{align-items:center;display:flex;font-size:1.5rem;gap:20px;justify-content:center;margin-top:10px}.moon-icon[data-v-0c0ab893],.star-icon[data-v-0c0ab893]{animation:rotate-0c0ab893 3s ease-in-out infinite}.moon-icon[data-v-0c0ab893]{animation-delay:.5s}@keyframes rotate-0c0ab893{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.letter-body[data-v-0c0ab893]{position:relative;z-index:2}.paragraph[data-v-0c0ab893]{color:#e0e0e0;font-size:1.2rem;line-height:1.8;margin-bottom:20px;opacity:0;text-align:justify;text-shadow:0 0 5px hsla(0,0%,78%,.3);transform:translateY(20px);transition:all .8s ease}.paragraph.fade-in.visible[data-v-0c0ab893]{opacity:1;transform:translateY(0)}.signature[data-v-0c0ab893]{margin-top:40px;opacity:0;text-align:right;transform:translateY(20px);transition:all .8s ease}.signature.fade-in.visible[data-v-0c0ab893]{opacity:1;transform:translateY(0)}.with-love[data-v-0c0ab893]{color:#f66;font-size:1.1rem;font-style:italic;text-shadow:0 0 10px rgba(255,0,0,.5)}.name[data-v-0c0ab893],.with-love[data-v-0c0ab893]{margin-bottom:10px}.name[data-v-0c0ab893]{color:#f44;font-family:Brush Script MT,cursive;font-size:1.5rem;text-shadow:0 0 15px rgba(255,0,0,.6)}.date[data-v-0c0ab893]{color:#999;font-size:.9rem;font-style:italic}.eternal-promise[data-v-0c0ab893]{color:#c66;font-size:1rem;font-style:italic;margin-top:15px;text-shadow:0 0 8px rgba(200,0,0,.4)}.floating-hearts[data-v-0c0ab893]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.heart[data-v-0c0ab893]{animation:floatUp-0c0ab893 4s ease-in infinite;bottom:-50px;font-size:1.5rem;opacity:.6;position:absolute}@keyframes floatUp-0c0ab893{0%{bottom:-50px;opacity:.6;transform:translate(0) rotate(0)}50%{transform:translate(20px) rotate(180deg)}to{bottom:110%;opacity:0;transform:translate(-20px) rotate(1turn)}}@media(max-width:768px){.container[data-v-0c0ab893]{padding:10px}.letter-content[data-v-0c0ab893]{max-height:85vh;overflow-y:auto;padding:20px}.title[data-v-0c0ab893]{font-size:1.8rem;min-height:50px}.paragraph[data-v-0c0ab893]{font-size:1rem;line-height:1.6;margin-bottom:15px}.envelope[data-v-0c0ab893]{height:250px;max-width:90vw}.envelope-flap[data-v-0c0ab893]{height:125px}.heart-seal[data-v-0c0ab893]{font-size:3rem}.click-text[data-v-0c0ab893]{font-size:1rem}.moon[data-v-0c0ab893]{font-size:4rem;right:20px;top:20px}.decorative-line[data-v-0c0ab893]{font-size:1.2rem;gap:10px}.with-love[data-v-0c0ab893]{font-size:1rem}.name[data-v-0c0ab893]{font-size:1.3rem}.eternal-promise[data-v-0c0ab893]{font-size:.9rem}.letter-card[data-v-0c0ab893]{max-width:95vw}}@media(max-width:480px){.letter-content[data-v-0c0ab893]{max-height:80vh;padding:15px}.title[data-v-0c0ab893]{font-size:1.5rem}.paragraph[data-v-0c0ab893]{font-size:.9rem}.envelope[data-v-0c0ab893]{height:200px}.heart-seal[data-v-0c0ab893]{font-size:2.5rem}.moon[data-v-0c0ab893]{font-size:3rem}.decorative-line[data-v-0c0ab893]{font-size:1rem;gap:8px}}.moon[data-v-0c0ab893]{filter:drop-shadow(0 0 50px rgba(255,255,200,.6));font-size:8rem;opacity:.3;right:100px;top:50px;z-index:1}.fog[data-v-0c0ab893],.moon[data-v-0c0ab893]{position:fixed}.fog[data-v-0c0ab893]{animation:fogMove-0c0ab893 15s ease-in-out infinite;background:linear-gradient(0deg,rgba(100,0,100,.3),transparent);bottom:0;height:200px;left:0;pointer-events:none;width:100vw}@keyframes fogMove-0c0ab893{0%,to{opacity:.3}50%{opacity:.6}}