.stage{position:relative}
#reading-ribbon{position:absolute;right:6%;top:0;z-index:30;width:30px;height:84px;background:#7b4534;color:#f0ddbc;border:0;padding:8px 0 20px;clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%);cursor:pointer;filter:drop-shadow(2px 4px 2px #39291830);transition:transform .2s}
#reading-ribbon:hover{transform:translateY(6px)}#reading-ribbon span{font:12px/1.6 var(--serif)}#reading-ribbon:focus-visible{outline:3px solid #382b20;outline-offset:-4px}
#resume-note{display:flex;align-items:center;gap:18px;font-size:12px;color:#69563c;padding:10px 0;border-bottom:1px solid #9f896230}#resume-note[hidden]{display:none}#resume-note>span{margin-right:auto}
#keepsake-tab{position:absolute;bottom:30px;right:6%;z-index:30;background:#c6cfb1;color:#3e4936;border:0;border-bottom:3px solid #9aa785;padding:14px 18px;box-shadow:2px 5px 8px #47381d24;transform:rotate(-3deg);cursor:pointer;text-align:left;transition:transform .2s}
#keepsake-tab:hover{transform:translateY(-8px) rotate(-2deg)}#keepsake-tab span{display:block;font-size:10px;margin-bottom:7px}#keepsake-tab strong{font:14px var(--serif)}
#keepsake-dialog{background:#e6d8ba;color:#493c2d;border:0;border-radius:2px;padding:24px;width:min(560px,92vw);max-height:94dvh;box-sizing:border-box;overflow:auto}#keepsake-dialog::backdrop{background:#272117a8;backdrop-filter:blur(5px)}
.keepsake-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.keepsake-heading h2{font:20px var(--serif);margin:0}#keepsake-dialog img{display:block;height:min(65dvh,580px);width:100%;object-fit:contain;transform:rotate(-2deg)}#keepsake-dialog[open] img{animation:slip-out .38s cubic-bezier(.2,.7,.2,1)}#keepsake-dialog>p{text-align:center;font:12px var(--serif);margin:22px 0 0}
@keyframes slip-out{from{opacity:0;transform:translateY(50px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
/* Preserve full images; alternate intimate margins with expansive pages. */
.art-page.rhythm-intimate .page-inner{padding:15% 13%!important}.art-page.rhythm-pause .page-inner{padding:23% 16%!important}.art-page.rhythm-intimate .art-image,.art-page.rhythm-pause .art-image{filter:drop-shadow(0 2px 3px #49381c20)}
.reading-focus #resume-note{max-width:1006px;margin:auto}
@media(max-width:700px){#resume-note{gap:9px;flex-wrap:wrap;font-size:11px}#resume-note>span{flex-basis:100%}#reading-ribbon{right:5px;width:25px;height:68px}#keepsake-tab{right:0;bottom:16px;padding:10px 12px}#keepsake-tab strong{font-size:12px}.keepsake-heading h2{font-size:17px}#keepsake-dialog{padding:18px}.reader-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#keepsake-dialog[open] img{animation:none}#keepsake-tab,#reading-ribbon{transition:none}}