#letter-scene{min-height:100dvh;padding:54px 24px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:letter-scene-in .5s ease-out}
.letter-chapter{font:italic 17px Georgia;color:var(--muted);letter-spacing:3px;margin:0 0 20px}
.birthday-paper{position:relative;width:min(760px,100%);padding:45px 64px 34px;background:var(--paper);border:1px solid var(--line);box-shadow:10px 12px 0 color-mix(in srgb,var(--pink) 45%,transparent)}
.birthday-paper:before{content:'୨୧';display:block;text-align:center;font:40px Georgia;color:var(--muted);margin-bottom:20px}
.birthday-paper h1{font:400 29px 'SimSun',serif;margin:0 0 20px;color:var(--ink)}
.birthday-paper .letter-copy{font:16px/2.25 'SimSun',serif;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);background:repeating-linear-gradient(transparent 0 35px,color-mix(in srgb,var(--line) 24%,transparent) 35px 36px)}
.birthday-paper .letter-sign{text-align:right;font:14px/2 'SimSun',serif;margin-top:24px;color:var(--muted);overflow-wrap:anywhere}
.letter-bottom{margin-top:30px;text-align:center}.letter-bottom p{font-size:11px;color:var(--muted);letter-spacing:2px}.letter-back{position:absolute;top:18px;left:24px;background:none;border:0;color:var(--muted);font-size:12px;padding:10px}
@keyframes letter-scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){#letter-scene{padding:64px 20px 30px;justify-content:flex-start}.birthday-paper{padding:26px 24px}.birthday-paper h1{font-size:23px}.birthday-paper .letter-copy{font-size:15px;line-height:2.4}.letter-chapter{font-size:14px}.birthday-paper:before{font-size:32px}}
@media(prefers-reduced-motion:reduce){#letter-scene{animation:none}}