:root{--bg: #fbf5e9;--surface: #f3e9d6;--ink: #3a322b;--ink-faded: #5a4a3f;--accent: #c98986;--accent-soft: #c9898633;--font-body: "Fraunces", Georgia, "Times New Roman", serif;--font-hand: "Caveat", "Ma Shan Zheng", "Segoe Print", cursive;--measure: 64ch;--content-width: 680px;--chapter-gap: clamp(6rem, 14vh, 11rem);--ease-soft: cubic-bezier(.22, 1, .36, 1);--reveal-duration: .85s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:clamp(18px,1.1vw + 16px,20px);line-height:1.7;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:var( --paper-texture, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E") )}#app{position:relative;z-index:1}.cover{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;position:relative}.cover__inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.cover__eyebrow{font-family:var(--font-body);font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faded);opacity:.85}.cover__name{font-family:var(--font-hand);font-weight:700;font-size:clamp(4rem,18vw,9rem);line-height:.95;color:var(--ink);text-shadow:0 1px 0 rgba(201,137,134,.08)}.cover__tagline{font-family:var(--font-hand);font-size:clamp(1.6rem,5vw,2.4rem);color:var(--accent);font-weight:600}.cover__date{font-size:.95rem;letter-spacing:.08em;color:var(--ink-faded);margin-top:.25rem}.cover__rule{width:64px;height:1.5px;margin-top:1.5rem;background:linear-gradient(to right,transparent,var(--accent),transparent);opacity:.7}.cover__cue{position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--ink-faded);text-decoration:none;font-family:var(--font-hand);font-size:1.3rem;opacity:.8;animation:cue-pulse 2.6s var(--ease-soft) infinite}.cover__cue svg{width:22px;height:22px;stroke:var(--accent)}@keyframes cue-pulse{0%,to{transform:translate(-50%);opacity:.55}50%{transform:translate(-50%,6px);opacity:.95}}.chapters{display:flex;flex-direction:column;gap:var(--chapter-gap);padding:var(--chapter-gap) 1.5rem}.chapter{width:100%;max-width:var(--content-width);margin:0 auto}.chapter__title{font-family:var(--font-hand);font-weight:700;font-size:clamp(2.4rem,7vw,3.4rem);color:var(--ink);margin-bottom:1.5rem;line-height:1.05}.chapter__title:after{content:"";display:block;width:48px;height:2px;margin-top:.6rem;background:var(--accent);opacity:.6;border-radius:2px}.chapter__body p{max-width:var(--measure);margin-bottom:1.1rem}.chapter__body p:last-child{margin-bottom:0}.chapter--closing{text-align:center}.chapter--closing .chapter__title:after{margin-left:auto;margin-right:auto}.closing__line{max-width:34ch;margin:0 auto 1rem;font-size:1.18em;min-height:1.7em}.closing__line:last-of-type{margin-bottom:0}.closing__line .caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;background:var(--accent);vertical-align:text-bottom;animation:caret-blink 1.05s steps(1,end) infinite}@keyframes caret-blink{50%{opacity:0}}.closing__heart{width:22px;height:22px;margin:1.75rem auto 0;color:var(--accent);opacity:.7}.closing__heart svg{width:100%;height:100%;display:block}.closing__date{margin-top:2.5rem;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faded)}.closing__signature{font-family:var(--font-hand);font-size:clamp(2.2rem,6vw,3rem);color:var(--accent);margin-top:.75rem}.photos{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.75rem 2rem;margin-top:2.5rem}.photos .photo:nth-child(2n){margin-top:1.6rem}.photos .photo:nth-child(3n){margin-top:.7rem}.photo{--rot: 0deg;position:relative;background:#fffdf8;padding:12px 12px 44px;border-radius:2px;box-shadow:0 10px 24px -8px #3a322b47,0 2px 6px -2px #3a322b2e;transform:rotate(var(--rot));max-width:280px}.photo:before{content:"";position:absolute;z-index:2;top:-11px;left:var(--tape-x, 50%);width:84px;height:25px;transform:translate(-50%) rotate(var(--tape-rot, -4deg));background:var(--tape-color, rgba(255, 250, 240, .6));box-shadow:0 1px 2px #3a322b1f;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}.photo[data-tape="1"]{--tape-color: rgba(201, 137, 134, .34)}.photo[data-tape="2"]{--tape-color: rgba(201, 162, 75, .3)}.photo[data-tape="3"]{--tape-color: rgba(243, 233, 214, .72)}.photo__frame{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;background:var(--surface);border-radius:1px}.photo__frame--placeholder{display:flex;align-items:center;justify-content:center;color:var(--ink-faded);font-family:var(--font-hand);font-size:1.15rem;text-align:center;padding:1rem;background-image:repeating-linear-gradient(45deg,rgba(201,137,134,.06) 0,rgba(201,137,134,.06) 12px,transparent 12px,transparent 24px)}.photo__caption{font-family:var(--font-hand);font-size:1.25rem;color:var(--ink-faded);text-align:center;margin-top:10px;line-height:1.2}.divider{width:120px;height:24px;margin:0 auto;color:var(--accent);opacity:.5}.divider svg{width:100%;height:100%;display:block}.audio-toggle{position:fixed;right:clamp(1rem,4vw,1.75rem);bottom:clamp(1rem,4vw,1.75rem);z-index:50;display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:var(--surface);color:var(--ink-faded);border:1px solid var(--accent-soft);border-radius:999px;box-shadow:0 6px 18px -6px #3a322b4d;font-family:var(--font-hand);font-size:1.05rem;cursor:pointer}.audio-toggle svg{width:18px;height:18px;stroke:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--reveal-duration) var(--ease-soft),transform var(--reveal-duration) var(--ease-soft);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.photo.reveal{transform:translateY(28px) rotate(0)}.photo.reveal.is-visible{transform:translateY(0) rotate(var(--rot))}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.photo.reveal{transform:rotate(var(--rot))!important}}