*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--main-font:"Cormorant Garamond", serif;--paper:#fdf6e3;--paper-dark:#f5e6c8;--ink:#3b2f1e;--ink-soft:#7a6248;--ink-light:#a8906e;--envelope-front:#e8d5b0;--envelope-flap:#d4b896;--envelope-shadow:#c4a07a;--red:#8b2e2e;--red-soft:#c04040}body{min-height:100vh;font-family:var(--main-font);color:var(--ink);background-color:#2c1f0f;background-image:radial-gradient(at 20% 10%,#3d2a10 0%,#0000 50%),radial-gradient(at 80% 90%,#1a0f05 0%,#0000 50%);padding:0 0 60px}.header{text-align:center;padding:48px 24px 32px;position:relative}.header-ornament{color:var(--red);letter-spacing:12px;opacity:.8;margin-bottom:16px;font-size:28px}.header h1{color:var(--paper-dark);text-shadow:0 2px 8px #00000080;margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:28px;font-style:italic;font-weight:400;line-height:1.3}.header-line{background:linear-gradient(to right, transparent, var(--red), transparent);width:80px;height:1px;margin:16px auto 0}.header-sub{color:#a08060;letter-spacing:.35px;text-align:center;max-width:560px;margin:12px auto 0;padding:0 12px;font-size:14px;line-height:1.75}.love-note{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;color:#d9b892;letter-spacing:.2px;padding:12px 56px 8px 28px;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic;line-height:1.85;position:relative}.love-note:before{content:"“";color:#dbae7df2;opacity:.95;pointer-events:none;font-family:Playfair Display,Georgia,serif;font-size:34px;line-height:1;position:absolute;top:-10px;left:12px}.love-note:after{content:"”";color:#dbae7df2;opacity:.95;pointer-events:none;font-family:Playfair Display,Georgia,serif;font-size:28px;line-height:1;position:absolute;bottom:4px;right:18px}.letter-list{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;padding:8px 20px;display:flex}.envelope-link{text-decoration:none;display:block}.envelope-wrap{cursor:pointer;transition:transform .3s;position:relative;transform:rotate(-.5deg)}.envelope-wrap:nth-child(2n){transform:rotate(.5deg)}.envelope-wrap:active{transform:scale(.97)rotate(0)}.envelope-shadow{opacity:.4;z-index:0;background:#1a0f05;border-radius:4px;height:100%;position:absolute;bottom:-6px;left:6px;right:-6px}.envelope{z-index:1;background:var(--envelope-front);border-radius:4px;width:100%;height:30vh;position:relative;overflow:visible}.envelope:before{content:"";background:linear-gradient(135deg, var(--envelope-shadow) 50%, transparent 50%), linear-gradient(225deg, var(--envelope-shadow) 50%, transparent 50%);background-position:0 100%,100% 100%;background-repeat:no-repeat;background-size:50% 100%;height:55%;position:absolute;bottom:0;left:0;right:0}.env-body-svg{z-index:1;pointer-events:none;position:absolute;inset:0}.env-body-svg svg{width:100%;height:100%;display:block}.env-flap{z-index:4;pointer-events:none;width:100%;height:17vh;position:relative;overflow:visible}.env-flap svg{width:100%;height:100%;display:block}.env-seal{z-index:5;background:var(--red);color:#f5c6c6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;display:flex;position:absolute;bottom:-24px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006,inset 0 1px 3px #ffffff26}.envelope-center{z-index:2;flex-direction:column;gap:2px;padding:12px 16px 16px;display:flex;position:relative}.envelope-date{letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);font-family:Lora,serif;font-size:10px;font-style:italic}.envelope-title{color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:600;line-height:1.2}.envelope-hint{color:var(--ink-soft);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.envelope-hint:before{content:"✦";color:var(--red);font-size:8px}.envelope-corner{border-color:var(--envelope-shadow);opacity:.5;border-style:solid;width:20px;height:20px;position:absolute}.envelope-corner.tl{border-width:1px 0 0 1px;top:6px;left:6px}.envelope-corner.tr{border-width:1px 1px 0 0;top:6px;right:6px}.envelope-corner.bl{border-width:0 0 1px 1px;bottom:6px;left:6px}.envelope-corner.br{border-width:0 1px 1px 0;bottom:6px;right:6px}@media (hover:hover){.envelope-wrap:hover,.envelope-wrap:nth-child(2n):hover{transform:rotate(0)translateY(-3px)}}.bottom-text{text-align:center;max-width:480px;margin-top:40px;margin-left:auto;margin-right:auto;padding:0 20px}.bottom-text-line{background:linear-gradient(90deg,#0000,#6b4c2a,#0000);width:60px;height:1px;margin:0 auto 16px}.bottom-text p{color:#6b4c2a;letter-spacing:.5px;text-align:justify;font-size:12px;font-style:italic;line-height:1.8}.footer{justify-content:center;padding-top:11vh;display:flex}.footer-link{color:#b0351092;text-decoration:none}