#letter-open{pointer-events:auto;margin-top:22px;padding:12px 22px;min-height:44px;border:1px solid #e5eac980;border-radius:30px;background:#e5eac9;color:#173b2e;font:18px/1.3 var(--serif);cursor:pointer}
#letter-open:hover{background:#fff5dc}
#love-letter{box-sizing:border-box;width:min(720px,calc(100% - 28px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:1px solid #d8d4bc;border-radius:12px;background:#faf5e8;color:#244535;box-shadow:0 24px 100px #0006;text-align:left}
#love-letter::backdrop{background:#061e16d9;backdrop-filter:blur(8px)}
.letter-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;background:#faf5e8;z-index:1;border-bottom:1px solid #24453524}
.letter-toolbar span{font:italic 16px var(--serif);color:#647561}
#letter-close{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #24453530;border-radius:24px;background:transparent;color:#244535;font:16px var(--serif);cursor:pointer}
#love-letter #letter-title{font:400 clamp(32px,6vw,44px)/1.2 var(--serif);margin:30px 0 24px}
#love-letter p{font:20px/1.75 var(--serif);margin:0 0 23px;overflow-wrap:break-word}
#love-letter strong{font-weight:700}
#love-letter .letter-love{font-size:23px;line-height:1.5;margin-top:32px}
#love-letter .letter-signature{font-style:italic;margin:32px 0 0}
#letter-open:focus-visible,#letter-close:focus-visible{outline:3px solid #9a8550;outline-offset:4px}
@media(max-width:700px){#letter-scroll{padding:0 22px 30px}#love-letter p{font-size:18px;line-height:1.7}#letter-open{margin-top:16px;font-size:17px}.ending #ending-final{bottom:0}.ending #ending-final h2{font-size:clamp(26px,7vw,33px)}}

/* The rounded shell clips the native scrollbar, including its end caps. */
#letter-scroll{box-sizing:border-box;max-height:calc(100vh - 34px);max-height:calc(100dvh - 34px);padding:0 42px 42px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#78927b transparent;outline-offset:-4px}
@media(max-width:700px){#letter-scroll{padding:0 22px 30px}}