body.reader{background:#120f0c;color:var(--ink)}.reader-stage{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at top,#4f3b2699,#100c09f2);color:var(--ink)}.reader-header{padding:1rem 1.5rem 0}.reader-header .top-nav{padding-top:0}.reader-main{display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:0}.book-frame{position:relative;width:min(1200px,94vw);aspect-ratio:1536 / 1024;max-height:calc(100dvh - clamp(200px,18vh,260px));background:url(/assets/journal_background/journal_open_background.png) center no-repeat;background-position:calc(50% - 20px) center;background-size:calc(105% + 200px) 105%;box-shadow:0 22px 45px #00000073}.book-frame:after{content:"";position:absolute;top:2%;right:3%;bottom:2%;left:3%;background:linear-gradient(120deg,#0000000d,#00000026);opacity:.3;pointer-events:none}.reader-stage{--book-width: 100%;--book-height: 100%;--left-page-x: 10%;--left-page-y: 14%;--left-page-w: 38%;--left-page-h: 72%;--right-page-x: 50%;--right-page-y: 14%;--right-page-w: 38%;--right-page-h: 72%}.page-spread{position:absolute;top:0;right:0;bottom:0;left:0}.page{position:absolute;top:var(--left-page-y);width:var(--left-page-w);height:var(--left-page-h)}.page.left{left:var(--left-page-x)}.page.right{left:var(--right-page-x);top:var(--right-page-y);width:var(--right-page-w);height:var(--right-page-h)}.page .paper-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);overflow:hidden;border-radius:6px;box-shadow:0 10px 25px #0000002e}.page.left .paper-surface{background:transparent;transform:perspective(1400px) rotateY(2deg) rotate(-.2deg);transform-origin:right center;clip-path:polygon(2% 3%,96% 2%,98% 50%,95% 98%,3% 96%)}.page.right .paper-surface{transform:perspective(1400px) rotateY(-2deg) rotate(.2deg);transform-origin:left center;clip-path:polygon(4% 2%,98% 3%,97% 97%,6% 98%,2% 52%)}.reader-stage.mask-ready .page.left .paper-surface{-webkit-mask-image:url(/assets/journal_background/page_mask_left.png);mask-image:url(/assets/journal_background/page_mask_left.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;clip-path:none}.reader-stage.mask-ready .page.right .paper-surface{-webkit-mask-image:url(/assets/journal_background/page_mask_right.png);mask-image:url(/assets/journal_background/page_mask_right.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;clip-path:none}.paper-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.pdf-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}#pdfCanvas{max-width:100%;max-height:100%;filter:contrast(1.05) brightness(.98);transition:transform .2s ease;transform-origin:center;display:block}.pdf-magnifier{position:absolute;width:100%;height:200px;border-radius:12px;border:2px solid rgba(245,236,221,.9);box-shadow:0 18px 30px #00000059;overflow:hidden;pointer-events:none;display:none;background:#f6efe6cc;z-index:7}.pdf-magnifier canvas{width:100%;height:100%;display:block}.page.left.zoomed #pdfCanvas{transform:scale(1.08)}@media (prefers-reduced-motion: reduce){#pdfCanvas{transition:none}.page.left.zoomed #pdfCanvas{transform:none}}.pdf-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:#6d5642;background:#f6efe68c}.transcription{width:100%;height:100%;overflow-y:auto;font-size:1.05rem;line-height:1.5;color:var(--ink-soft);white-space:pre-wrap}.transcription.wrap-lines{white-space:normal}.transcription-note{margin:0 0 1rem}.transcription-jump{margin:0;font-size:1.1rem}.transcription .jump-link{color:var(--accent-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.transcription .jump-link:hover,.transcription .jump-link:focus-visible{color:var(--accent);outline:none}.transcription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:#6d5642;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.font-controls{display:flex;gap:.35rem}.font-btn{border:1px solid rgba(98,76,55,.6);background:#ffffff8c;color:#4a3a2c;border-radius:999px;padding:.1rem .6rem;cursor:pointer;font-size:.9rem}.font-btn:focus-visible{outline:2px solid rgba(92,59,34,.6);outline-offset:2px}.transcription p{margin:0 0 .75rem}.paper-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff73,#0000001a 70%),radial-gradient(circle at 90% 50%,#0000001f,#0000 60%),linear-gradient(90deg,#0000001f,#0000 35%,#00000014),repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.25}.page.left .paper-overlay{box-shadow:inset -12px 0 18px #00000026}.page.right .paper-overlay{box-shadow:inset 12px 0 18px #00000026}.flip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:5}.flip-overlay img{width:100%;height:100%;object-fit:contain}.flip-overlay.visible{opacity:1}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:120px;border:none;background:#100c0973;color:#f7efe2;font-size:2rem;border-radius:999px;cursor:pointer;z-index:6;transition:transform .2s ease,background .2s ease}.nav-arrow:hover,.nav-arrow:focus-visible{background:#100c09b3;transform:translateY(-50%) scale(1.05);outline:none}.nav-arrow.prev{left:-20px}.nav-arrow.next{right:-20px}.reader-footer{padding:1rem 1.5rem 2rem;color:#f5eadb}.page-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.page-controls form{display:flex;gap:.75rem;align-items:center}.page-controls input{width:90px;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.45);background:#0f0c0a99;color:#f6efe2}.page-controls button{padding:.45rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:#875a3ae6;color:#fff7ec;cursor:pointer}.page-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);gap:.5rem;overflow-x:auto;max-width:min(820px,90vw);padding:.5rem .25rem}.page-grid button{border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#14100c80;color:#f7efe2;padding:.4rem .2rem;cursor:pointer}.page-grid button.active{background:#8d603de6;border-color:#fffc}.reader-stage.debug .page{outline:2px solid rgba(255,0,0,.6)}.reader-stage.debug .debug-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:4}@media (max-width: 900px){.reader-main{padding:1rem .5rem}.book-frame{width:min(1000px,96vw)}.page-spread{display:flex;flex-direction:column;gap:1rem;position:static;padding:1rem}.page{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:45vh}.page .paper-surface{transform:none;clip-path:none}.nav-arrow{display:none}.book-frame{background:none;box-shadow:none}}@media (max-height: 820px){.reader-main{align-items:flex-start;padding-top:.5rem}.book-frame{max-height:calc(100vh - 220px);width:min(1100px,92vw)}}@media (prefers-reduced-motion: reduce){.page .paper-surface{transform:none}.flip-overlay{transition:none}}