/* Every presentation rule is confined to the approved Final Red addition. */
.rf-root{--writing-size:.85;max-width:1160px;margin:64px auto 70px;padding:0 12px;position:relative;isolation:isolate}
.rf-tabs{position:sticky;top:0;z-index:29;display:flex;justify-content:flex-end;min-height:49px;padding:8px 10px 0;background:linear-gradient(#29171ff5,#29171ee8);border-bottom:1px solid #85614844}
.rf-tabs nav{display:flex;justify-content:center;gap:9px;width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9c7848 #27171e;padding:0 1px 2px}
.rf-tabs .tab-slot{width:96px;flex:0 0 96px;height:39px;position:relative}
.rf-tabs .chapter-tab{position:absolute;left:0;bottom:0;transform:scale(.7);transform-origin:left bottom;font:400 16px/1.4 Georgia,serif;min-width:137px;width:137px;height:44px;min-height:44px;padding:11px 4px;white-space:nowrap;border-radius:9px 9px 0 0;border:1px solid #b88955;border-bottom:0;letter-spacing:.05em;color:#e7c98a;background:linear-gradient(115deg,#601321,#ab3042 35%,#bc4751 48%,#831d2b 80%,#551321);box-shadow:inset 0 1px 0 #ffe3e455,0 -3px 12px #931e3422;text-shadow:0 1px 2px #fff9}
.rf-tabs .entry-tab{font-weight:700}.rf-tabs .chapter-tab span{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s;letter-spacing:.05em}.rf-tabs .over{opacity:0}.rf-tabs .entry-tab:hover .base,.rf-tabs .entry-tab:focus-visible .base{opacity:0}.rf-tabs .entry-tab:hover .over,.rf-tabs .entry-tab:focus-visible .over{opacity:1}
.rf-tabs .chapter-tab:hover,.rf-tabs .chapter-tab:focus-visible{background:linear-gradient(115deg,#601321,#ba4050,#7b192a);font-weight:700;color:#f5d8a3}.rf-tabs .chapter-tab[aria-current=true]{background:linear-gradient(110deg,#842738,#bd5361,#6d182a);color:#ffe5ac;box-shadow:inset 0 1px 0 #ffe1bd99,0 0 16px #a7733933}.rf-tabs button:active{transform:scale(.7)}
.rf-root .book-stack{perspective:1700px}.rf-root .spread{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#651726;padding:12px;box-shadow:0 18px 44px #0005;transform-origin:50% 0;scroll-margin-top:65px}.rf-root .spread::after{content:'';position:absolute;left:50%;top:12px;bottom:19px;width:28px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#40221724 38%,#220e1640 50%,#fff5 61%,transparent);pointer-events:none;z-index:8}.rf-root .spread::before{content:'';position:absolute;top:0;left:13px;right:13px;height:14px;background:linear-gradient(#0b050614,transparent);z-index:10;pointer-events:none}.rf-root .page{position:relative;min-width:0;color:#342721;background:#f5f0e1;background-image:radial-gradient(ellipse at 80% 10%,#fff9 0,transparent 65%),repeating-linear-gradient(113deg,#d3c3a119 0,#d3c3a119 1px,transparent 1px,transparent 7px),repeating-linear-gradient(0deg,#d4c4a10c 0,#d4c4a10c 1px,transparent 1px,transparent 4px);border-bottom:1px solid #c5b087;box-shadow:inset 0 -22px 24px -24px #80694c;overflow:hidden}.rf-root .spread:nth-child(even) .page{background-color:#eee8d8}.rf-root .page:nth-child(even){border-radius:1px 4px 4px 1px}.rf-root .page:nth-child(odd){border-radius:4px 1px 1px 4px}
.rf-root .fold-preview{opacity:.16;transform:rotateX(18deg);transition:opacity .9s,transform 1.2s}.rf-root .fold-preview.unfolded{opacity:1;transform:rotateX(0)}
.rf-root .paper-svg{width:100%;height:auto;display:block;overflow:hidden;isolation:isolate}.rf-root .ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.rf-root .day-divider{fill:none;stroke:#b9945c;stroke-width:.72;opacity:.47}.rf-root .reaction-wrap{opacity:0}.rf-root .reaction-wrap text,.rf-root .message-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}.rf-root .page-mark{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:8.5px Georgia,serif;color:#9b8770;letter-spacing:3px}
.rf-root .media-pair{position:absolute;left:0;right:0;top:13.414634%;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.rf-root .memory-circle{position:relative;width:40.5%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 25%,#e9d9bb,#d8c8ac);box-shadow:0 0 0 1px #b18d5766,0 0 0 5px #d8c5a023,0 11px 24px #50351b24;opacity:0;transform:translateY(8px) scale(.96);transition:opacity 1.4s,transform 1.4s}.rf-root .memory-circle.visible{opacity:1;transform:translateY(0) scale(1)}.rf-root .memory-circle video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.rf-root .final-portrait{position:absolute;left:29.75%;top:52%;width:40.5%;aspect-ratio:1;pointer-events:none}.rf-root .portrait-art{display:block;width:100%;height:100%;overflow:visible}.rf-root .signature{position:absolute;right:12%;bottom:54px;text-align:right;color:#28221e;font:italic 11.05px Georgia,serif;letter-spacing:.03em}.rf-root .signature span{opacity:0;display:inline-block}.rf-root .signature .year{margin-left:12px}.rf-root .downloads{display:inline-block;margin-left:18px;position:relative;opacity:0;pointer-events:none;transition:opacity .8s}.rf-root .downloads.visible{opacity:1;pointer-events:auto}.rf-root .download-icon{border:0;padding:3px;background:none;color:#6d5946;vertical-align:middle}.rf-root .download-icon:hover{background:none;color:#9b2034}.rf-root .download-menu{position:absolute;bottom:35px;right:0;width:min(250px,65vw);background:#fbf7ee;color:#49382c;border:1px solid #c9b593;box-shadow:0 12px 32px #29131730;border-radius:5px;text-align:left;padding:8px;z-index:18}.rf-root .download-menu a{color:#653e38;display:block;font:12px/1.5 system-ui;padding:7px;text-decoration:none;border-radius:3px}.rf-root .download-menu a:hover{background:#eee4d4}
.rf-cue{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:34px;height:45px;z-index:25;pointer-events:none;opacity:0;transition:opacity .4s}.rf-cue.visible{opacity:1}.rf-cue svg{filter:drop-shadow(0 1px 1px #17110980);animation:rf-float-cue 2s ease-in-out infinite}
.rf-pen{position:fixed;z-index:24;pointer-events:none;width:70px;height:195px;transform-origin:35px 185px;display:none;filter:drop-shadow(8px 7px 5px #2c171733);transition:opacity .08s;will-change:left,top}.rf-pen svg{width:100%;height:100%;overflow:visible}.rf-pen .red-body,.rf-pen .blue-body{display:none}.rf-pen.her .red-body{display:block}.rf-pen.him .blue-body{display:block}
.rf-notice{position:fixed;right:25px;bottom:25px;z-index:40;padding:17px 23px;border:1px solid #b9666666;border-radius:8px;background:linear-gradient(115deg,#4d1824,#8b2a39);box-shadow:0 8px 28px #0006;color:#f4dfbc;font:13px Georgia,serif;opacity:0;pointer-events:none}.rf-notice strong{font-weight:700}
@keyframes rf-float-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:720px){.rf-root{padding:0;margin-top:35px}.rf-root .spread{display:block;padding:8px 8px 0}.rf-root .spread::after{display:none}.rf-root .page{margin-bottom:6px}.rf-tabs{padding-left:0;padding-right:0}.rf-tabs nav{justify-content:flex-start}.rf-pen{width:58px;height:162px;transform-origin:29px 154px}.rf-notice{right:14px;left:14px;bottom:14px;text-align:center}}
@media(prefers-reduced-motion:reduce){.rf-root .fold-preview{opacity:1;transform:none;transition:none}.rf-root .memory-circle{transform:none;transition:none}.rf-cue svg{animation:none}.rf-tabs .chapter-tab span{transition:none}}
