:root{--paper:#fff7ef;--paper-deep:#f8e5d8;--lavender:#b9a7ff;--purple:#6e4bd8;--pink:#ffd6e8;--gold:#d8b76a;--ink:#3f3446;--muted:#7f6f87;font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}body{min-height:100vh;color:var(--ink);background:linear-gradient(#fff7ef66,#f6efff61),url(/assets/sparkle-bg.png) 50%/cover fixed,radial-gradient(circle at 20% 18%,#ffd6e8b8,#0000 28rem),radial-gradient(circle at 78% 12%,#b9a7ffad,#0000 26rem),linear-gradient(145deg,#fff7ef 0%,#fffaf5 42%,#f6efff 100%);margin:0;overflow:auto}.music-player{z-index:30;color:#574268;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf6d1;border:1px solid #b9a7ff6b;border-radius:18px;grid-template-columns:42px auto 72px;align-items:center;gap:10px;padding:9px 12px 9px 9px;display:grid;position:fixed;top:20px;right:20px;box-shadow:0 14px 34px #53357621}.music-toggle{color:#fff;cursor:pointer;background:linear-gradient(145deg,#d69aca,#7959d7);border:0;border-radius:999px;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 7px 16px #6e4bd83d}.music-toggle span{margin-left:2px;font-size:.8rem;font-weight:900}.music-toggle.is-playing{animation:5s linear infinite recordSpin}.music-toggle.is-playing span{animation:5s linear infinite reverse recordSpin}.music-details{text-align:left;min-width:92px;display:grid}.music-label{color:var(--gold);letter-spacing:.12em;font-size:.52rem;font-weight:900}.music-details strong{font-size:.78rem;line-height:1.3}.music-details small{color:var(--muted);font-size:.65rem}.volume-control{display:flex}.volume-control input{width:72px;accent-color:var(--purple);cursor:pointer}.page-shell{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.page-shell:before{pointer-events:none;content:"";background-image:linear-gradient(#6e4bd80e 1px,#0000 1px),linear-gradient(90deg,#6e4bd80b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 82%,#0000)}.ambient{aspect-ratio:1;filter:blur(42px);opacity:.42;pointer-events:none;border-radius:999px;width:34vmax;position:absolute}.ambient-one{background:var(--pink);bottom:-8vmax;left:-12vmax}.ambient-two{background:var(--lavender);top:-10vmax;right:-8vmax}.sparkles span{left:var(--x);top:var(--y);width:7px;height:7px;animation:twinkle 4.8s ease-in-out var(--d) infinite;background:#d8b76ac7;border-radius:999px;position:absolute;box-shadow:0 0 18px #d8b76ab3}.letter-stage{z-index:1;text-align:center;place-items:center;width:min(100%,430px);min-height:calc(100vh - 56px);transition:transform .52s;display:grid;position:relative}.cover-card{background:linear-gradient(#fffaf6bd,#fff5fcd1),url(/assets/paper-texture.png) 50%/cover,radial-gradient(circle at 34% 28%,#fffffffa 0 1px,#0000 2px),radial-gradient(circle at 67% 31%,#fffffff2 0 1px,#0000 2px),radial-gradient(circle at 46% 68%,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle at 50% 42%,#b9a7ff75,#0000 170px),linear-gradient(145deg,#fff6efe6,#fae8f7db);border:1px solid #58407233;border-radius:24px;width:min(100%,390px);min-height:min(760px,100vh - 40px);padding:58px 26px 42px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #50357029,inset 0 0 50px #ffffff9e}.cover-card:before{pointer-events:none;content:"";opacity:.38;background-image:linear-gradient(#6e4bd80e 1px,#0000 1px),linear-gradient(90deg,#6e4bd80b 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.cover-card:after{pointer-events:none;content:"";border:1px solid #ffffff6b;border-radius:19px;position:absolute;inset:16px}.cover-glow{filter:blur(36px);background:#b9a7ff40;border-radius:999px;position:absolute;inset:26% 9% 12%}.cover-header{z-index:2;align-self:start;margin-bottom:38px;position:relative}.envelope-button{cursor:pointer;filter:drop-shadow(0 32px 44px #5839842e);perspective:1000px;background:0 0;border:0;align-self:center;width:min(100%,300px);height:324px;margin:0 auto;padding:0;display:grid;position:relative}.envelope-button:focus-visible{outline-offset:10px;border-radius:18px;outline:3px solid #6e4bd880}.envelope-art{z-index:5;pointer-events:none;place-items:center;height:230px;display:grid;position:absolute;inset:auto 0 22px}.envelope-img{object-fit:contain;filter:drop-shadow(0 24px 24px #452d5526);width:108%;max-width:none;height:auto;transition:opacity .56s,transform .8s cubic-bezier(.18,.92,.22,1);position:absolute}.envelope-closed-img{opacity:1;transform:translateY(0)scale(1)}.envelope-open-img{opacity:0;transform:translateY(16px)scale(.985)}.wax-seal-img{z-index:7;opacity:.98;filter:drop-shadow(0 10px 13px #462d4633);width:70px;height:auto;transition:opacity .36s,transform .52s;position:absolute;transform:translateY(30px)scale(1)}.letter-card{z-index:4;opacity:0;place-items:center;width:92%;min-height:118px;margin:auto;transition:opacity .52s,transform .9s cubic-bezier(.18,.92,.22,1);display:grid;position:absolute;inset:auto 0 108px;transform:translateY(58px)scale(.96)}.letter-note-img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.letter-note-content{align-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:22% 12% 18%}.letter-stamp{color:#6e4bd8c7;border:1px solid #6e4bd852;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.95rem;display:grid;position:absolute;top:-7%;right:2%}.letter-to{color:#574268;margin:0;font-family:Segoe Print,Comic Sans MS,Georgia,serif;font-size:clamp(1.55rem,7vw,2.25rem);font-style:italic;line-height:1.1}.letter-date{color:var(--gold);letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;margin:6px 0 0;font-size:.68rem;font-weight:800;display:inline-flex}.letter-date span{background:currentColor;width:16px;height:1px}.letter-line{max-width:15.5em;color:var(--muted);font-size:clamp(.9rem,3.4vw,1.02rem);line-height:1.62}.hint{z-index:4;min-height:44px;color:var(--purple);cursor:pointer;background:#ffffff8a;border:1px solid #b9a7ff70;border-radius:14px;justify-content:center;align-self:end;align-items:center;margin:32px auto 0;padding:0 24px;font-size:.92rem;font-weight:700;transition:opacity .36s,transform .36s;display:inline-flex;position:relative;box-shadow:0 14px 30px #53357614}.is-open .letter-card{opacity:1;transform:translateY(-154px)scale(1)}.is-open .envelope-closed-img{opacity:0;transform:translateY(24px)scale(.96)}.is-open .envelope-open-img{opacity:1;transform:translateY(8px)scale(1.02)}.is-open .wax-seal-img{opacity:0;transform:translateY(54px)scale(.72)}.is-open+.hint{color:var(--ink)}.memory-page{z-index:8;opacity:0;pointer-events:none;align-content:center;justify-items:center;transition:opacity .62s,transform .72s cubic-bezier(.18,.92,.22,1);display:grid;position:absolute;inset:28px 20px 30px;transform:translateY(28px)scale(.98)}.memory-envelope-bg{z-index:0;opacity:.44;filter:drop-shadow(0 28px 34px #4c305c2e);pointer-events:none;width:min(86%,520px);position:absolute;bottom:42px}.memory-card{z-index:2;background:linear-gradient(#fffaf6c2,#fff6fcd1),url(/assets/paper-texture.png) 50%/cover;border:1px solid #d8b76a4d;border-radius:22px;width:min(100%,360px);max-width:100%;margin:0;padding:24px 24px 28px;position:relative;box-shadow:0 28px 46px #4c305c29,inset 0 0 0 1px #ffffff70}.memory-card:before{content:"";pointer-events:none;border:1px solid #b9a7ff47;border-radius:17px;position:absolute;inset:13px}.memory-kicker{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.74rem;font-weight:800;position:relative}.photo-frame{aspect-ratio:16/9;background:#fffaf6cc;border:10px solid #b9a7ffb8;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 26px #54376e1f,inset 0 0 0 1px #ffffff7a}.photo-frame img{object-fit:contain;width:100%;height:100%;display:block}.memory-caption{color:var(--ink);text-align:center;margin:22px 4px 0;font-size:clamp(1rem,3.6vw,1.12rem);line-height:1.72;position:relative}.memory-count{color:#6e4bd8d1;letter-spacing:.08em;align-items:center;gap:12px;margin:0;font-size:.92rem;font-weight:800;display:inline-flex}.memory-count span{background:#d8b76ac2;width:18px;height:1px}.memory-controls{z-index:3;grid-template-columns:42px auto 42px;align-items:center;gap:14px;margin-top:16px;display:grid}.memory-nav{width:42px;height:42px;color:var(--purple);cursor:pointer;background:linear-gradient(#ffffffb8,#fff6fcbd),url(/assets/paper-texture.png) 50%/cover;border:1px solid #b9a7ff6b;border-radius:999px;place-items:center;font-size:1.55rem;font-weight:700;line-height:1;display:grid;box-shadow:0 12px 22px #5335761a}.memory-nav-placeholder{width:42px;height:42px}.memory-nav:disabled{opacity:.36;cursor:default}.memory-nav-next{color:#fffaf5;background:linear-gradient(145deg, #8967e2eb, #6e4bd8f2), var(--purple)}.show-memory .cover-header,.show-memory .envelope-button,.show-memory .hint,.show-memory .lavender{opacity:0;pointer-events:none;transform:translateY(-18px)scale(.97)}.show-memory .memory-page{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.final-letter-page{z-index:10;opacity:0;pointer-events:none;align-content:center;justify-items:center;transition:opacity .64s,transform .76s cubic-bezier(.18,.92,.22,1);display:grid;position:absolute;inset:24px 18px 26px;transform:translateY(30px)scale(.98)}.final-letter{text-align:left;background:linear-gradient(#fffcf6cc,#fff7f1d6),url(/assets/paper-texture.png) 50%/cover;border:1px solid #d8b76a6b;border-radius:8px;width:min(100%,350px);padding:34px 28px 32px;position:relative;overflow:hidden;box-shadow:0 30px 54px #4c305c2e,inset 0 0 42px #ffffff8a}.final-letter:before{content:"";pointer-events:none;border:1px solid #d8b76a3d;position:absolute;inset:12px}.final-eyebrow{color:var(--gold);letter-spacing:.14em;text-align:center;text-transform:uppercase;margin:0 0 8px;font-size:.66rem;font-weight:800;position:relative}.final-letter h1{color:#574268;text-align:center;margin:0;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:clamp(1.42rem,6vw,1.78rem);font-weight:700;line-height:1.35;position:relative}.final-divider{color:var(--purple);align-items:center;gap:10px;margin:16px 34px 18px;display:flex;position:relative}.final-divider:before,.final-divider:after{content:"";background:#d8b76a8c;width:100%;height:1px}.final-divider span{font-size:.88rem}.final-copy{color:#574b5d;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:.94rem;line-height:1.82;position:relative}.final-copy p{margin:0 0 12px}.final-copy .final-promise{color:#4f3d5c;margin:18px 0 0}.final-promise strong{color:var(--purple);font-size:1.03rem}.final-signature{color:var(--muted);justify-items:end;gap:4px;margin-top:22px;padding-right:50px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:.82rem;display:grid;position:relative}.final-signature b{color:var(--gold);letter-spacing:.05em;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:.62rem}.final-seal{filter:drop-shadow(0 8px 10px #4c305c2e);width:54px;position:absolute;bottom:21px;right:24px}.back-to-memories{min-height:42px;color:var(--purple);font:inherit;cursor:pointer;background:#ffffffad;border:1px solid #b9a7ff70;border-radius:14px;margin-top:18px;padding:0 20px;font-size:.84rem;font-weight:700;box-shadow:0 12px 24px #53357617}.show-final-letter .memory-page{opacity:0;pointer-events:none;transform:translateY(-24px)scale(.98)}.show-final-letter .final-letter-page{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.floating-hearts span{z-index:2;left:var(--x);top:var(--y);color:#ffffffe6;text-shadow:0 0 10px #ffd6e8f2,0 0 18px #fff4b4b8;animation:heartFloat 5.2s ease-in-out var(--d) infinite;font-size:1.35rem;position:absolute}.lavender{z-index:7;pointer-events:none;opacity:.92;filter:drop-shadow(0 12px 10px #42305421);width:94px;height:auto;position:absolute;bottom:146px}.lavender-left{left:26px;transform:rotate(-8deg)}.lavender-right{right:26px;transform:rotate(8deg)}@keyframes twinkle{0%,to{opacity:.3;transform:translateY(0)scale(.82)}50%{opacity:1;transform:translateY(-10px)scale(1.2)}}@keyframes heartFloat{0%,to{opacity:.42;transform:translateY(0)scale(.86)}50%{opacity:1;transform:translateY(-12px)scale(1.08)}}@keyframes recordSpin{to{transform:rotate(360deg)}}@media (width>=760px){.page-shell{padding:38px}.letter-stage{width:min(100%,940px)}.cover-card{background:linear-gradient(#fffaf6b8,#fff5fcd6),url(/assets/paper-texture.png) 50%/cover,radial-gradient(circle at 31% 30%,#fffffffa 0 1px,#0000 2px),radial-gradient(circle at 68% 28%,#fffffff2 0 1px,#0000 2px),radial-gradient(circle at 50% 68%,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle at 50% 44%,#b9a7ff61,#0000 230px),linear-gradient(145deg,#fff6efe6,#fae8f7db);border-radius:34px;width:min(100%,1040px);min-height:min(800px,100vh - 76px);padding:82px 100px 64px}.memory-page{inset:48px 86px 52px}.memory-envelope-bg{opacity:.38;width:min(64%,620px);bottom:34px}.memory-card{border-radius:26px;width:min(58vw,560px);padding:30px 30px 34px}.final-letter-page{inset:46px 80px 48px}.final-letter{width:min(58vw,560px);padding:44px 56px 40px}.final-copy{font-size:1.02rem;line-height:1.9}.final-signature{padding-right:62px}.final-seal{width:64px;bottom:27px;right:34px}.cover-card:before{opacity:.3;background-size:42px 42px}.cover-header{margin-bottom:50px}.letter-to{font-size:2.55rem}.envelope-button{width:520px;height:430px}.envelope-art{height:322px;bottom:0}.letter-card{width:86%;min-height:204px;inset:auto 0 134px}.letter-note-content{gap:12px;inset:22% 13% 20%}.letter-stamp{width:38px;height:38px;font-size:1.08rem}.letter-line{max-width:18em;font-size:1.08rem}.is-open .letter-card{transform:translateY(-204px)scale(1)}.lavender{width:170px;bottom:82px}.lavender-left{left:calc(50% - 350px)}.lavender-right{right:calc(50% - 350px)}.hint{margin-top:14px}}@media (width<=759px){.memory-page{inset:22px 18px 28px}.memory-card{width:min(100%,350px)}.memory-envelope-bg{opacity:.28;width:min(70%,300px)}}@media (width<=420px){.music-player{border-radius:16px;grid-template-columns:38px auto;padding:7px 11px 7px 7px;top:12px;right:12px}.music-toggle{width:38px;height:38px}.volume-control{display:none}.page-shell{padding:14px}.cover-card{min-height:calc(100vh - 28px);padding:50px 22px 34px}.memory-page{align-content:center;inset:18px 14px 24px}.memory-card{border-radius:20px;width:min(100%,330px);padding:18px 16px 22px}.memory-card:before{border-radius:15px;inset:10px}.photo-frame{border-width:8px;border-radius:14px}.memory-caption{margin-top:18px;font-size:.96rem;line-height:1.65}.memory-controls{grid-template-columns:38px auto 38px;gap:10px;margin-top:14px}.memory-nav{width:38px;height:38px;font-size:1.35rem}.memory-nav-placeholder{width:38px;height:38px}.memory-envelope-bg{opacity:.26;width:min(72%,260px);bottom:46px}.final-letter-page{inset:14px 12px 18px}.final-letter{width:min(100%,330px);padding:28px 22px 25px}.final-copy{font-size:.86rem;line-height:1.7}.final-copy p{margin-bottom:9px}.final-copy .final-promise{margin-top:13px}.final-signature{margin-top:16px;padding-right:44px}.final-seal{width:48px;bottom:17px;right:19px}.back-to-memories{min-height:38px;margin-top:12px}.letter-card{width:95%;inset:auto 0 96px}.is-open .letter-card{transform:translateY(-136px)scale(1)}.lavender-left{left:22px}.lavender-right{right:22px}}