.love-epilogue { position:fixed; inset:0; z-index:1000; background:#100f19; color:#fff7e9; overflow:hidden; font-family:Georgia,serif; }
.love-epilogue[hidden] { display:none; }
.letter-image,.letter-shade { position:absolute; inset:0; }
.letter-image { background-position:center; background-size:cover; animation:letter-drift 48s linear both; }
.letter-shade { background:linear-gradient(180deg,rgba(9,8,20,.6),transparent 25%,rgba(9,8,20,.08) 40%,rgba(9,8,20,.94)); }
.love-epilogue header,.love-epilogue footer { position:absolute; left:5vw; right:5vw; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.love-epilogue header { top:26px; font:10px/1.5 system-ui; letter-spacing:2px; }
.love-epilogue footer { bottom:24px; font:12px system-ui; }
.love-epilogue footer div { display:flex; gap:8px; }
.love-epilogue button { color:#fff7e9; background:#15132188; border:1px solid #fff5; border-radius:30px; padding:10px 18px; cursor:pointer; font:12px system-ui; }
.love-epilogue button:focus-visible { outline:3px solid #ffd595; outline-offset:3px; }
.love-epilogue button:disabled { opacity:.3; cursor:default; }
.letter-caption { position:absolute; bottom:100px; width:min(830px,88vw); left:50%; transform:translateX(-50%); text-align:center; }
.letter-caption small { font:11px system-ui; text-transform:uppercase; letter-spacing:3px; color:#f6cc9c; }
.letter-caption p { font-size:clamp(18px,2.2vw,30px); line-height:1.5; text-shadow:0 2px 12px #000; margin:18px 0 0; }
@keyframes letter-drift { from { transform:scale(1.03) translate(-.7%,.3%); opacity:0; } 3% { opacity:1; } to { transform:scale(1.12) translate(.7%,-.5%); opacity:1; } }
@keyframes letter-drift-back { from { transform:scale(1.12) translate(.7%,-.5%); opacity:0; } 3% { opacity:1; } to { transform:scale(1.03) translate(-.7%,.3%); opacity:1; } }
@media(prefers-reduced-motion:reduce) { .letter-image { animation:none!important; } }
@media(max-height:500px) { .letter-caption { bottom:66px; } .letter-caption p { font-size:17px; line-height:1.3; margin-top:8px; } .love-epilogue footer { bottom:12px; } .love-epilogue header { top:10px; } }