:root{--paper:#f4f1e8;--paper-2:#ebe5d8;--ink:#173f35;--muted:#69746e;--accent:#9c7a34;--line:#d6d0c2;--shadow:0 22px 60px #132a2026}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 0,#fffaf0 0,var(--paper) 42%,var(--paper-2) 100%);padding-bottom:calc(92px + env(safe-area-inset-bottom))}button,a{font:inherit;color:inherit}.reader-header{position:sticky;top:0;z-index:20;min-height:68px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f8f5edeb;border-bottom:1px solid #d9d3c5;backdrop-filter:blur(16px)}.reader-title{display:grid;text-align:center;line-height:1.25}.reader-title strong{font-size:17px}.reader-title span{font-size:11px;color:var(--muted)}.back-link,.pdf-link{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;text-decoration:none;border-radius:16px}.back-link{justify-self:start;gap:6px;font-size:13px}.back-link span{font-size:27px;line-height:0}.pdf-link{justify-self:end;border:1px solid var(--line);font:700 11px Arial}.back-link:focus-visible,.pdf-link:focus-visible,button:focus-visible,.book:focus-visible{outline:3px solid #b99a57;outline-offset:3px}.reader{width:min(100% - 30px,900px);margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:30px 4px 22px}.intro h1{margin:4px 0 0;font-size:clamp(24px,4vw,38px);font-weight:700}.intro>p{margin:0;color:var(--muted);font-size:13px}.eyebrow{margin:0;color:var(--accent);font-size:11px}.book-wrap{display:grid;justify-items:center}.book{position:relative;width:min(100%,675px);aspect-ratio:3/4;border-radius:5px 17px 17px 5px;background:#fff;box-shadow:var(--shadow);perspective:1600px;overflow:hidden;isolation:isolate;touch-action:pan-y;user-select:none}.book img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;transform-origin:right center;backface-visibility:hidden;will-change:transform,opacity;pointer-events:none}.book.turn-next img{animation:turnNext .44s ease-in-out}.book.turn-previous img{animation:turnPrevious .44s ease-in-out}.binding{position:absolute;inset-block:0;right:0;width:3.4%;background:linear-gradient(90deg,#0000,#18221d19 52%,#fff8);mix-blend-mode:multiply;pointer-events:none}.page-edge{position:absolute;z-index:-1;inset:7px -8px -7px 7px;border-radius:4px 14px 14px 4px;background:repeating-linear-gradient(180deg,#fff 0 2px,#d7d2c8 3px 4px);box-shadow:8px 8px 18px #24302720}.swipe-hint{margin:15px 0 0;color:var(--muted);font-size:11px}.swipe-hint span{display:inline-block;margin-inline-start:5px}.reader-controls{position:fixed;z-index:30;right:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(calc(100% - 26px),540px);min-height:64px;padding:7px;background:#173f35ed;color:#fff;border:1px solid #ffffff24;border-radius:23px;box-shadow:0 14px 34px #10292142;backdrop-filter:blur(16px)}.reader-controls button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:0;border-radius:16px;background:transparent;color:#fff;cursor:pointer}.reader-controls button:active{background:#ffffff18}.reader-controls button:disabled{opacity:.32;cursor:default}.reader-controls button>span:first-child:last-child,.reader-controls button span[aria-hidden]{font-size:20px}.page-number{display:flex;align-items:baseline;gap:5px;min-width:86px;justify-content:center;font-family:Arial,sans-serif;color:#cbd7d0}.page-number strong{font-size:20px;color:#fff}.page-number span{font-size:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes turnNext{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(66deg);opacity:.45}52%{transform:rotateY(-66deg);opacity:.45}100%{transform:rotateY(0);opacity:1}}@keyframes turnPrevious{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(-66deg);opacity:.45}52%{transform:rotateY(66deg);opacity:.45}100%{transform:rotateY(0);opacity:1}}@media(max-width:650px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.reader-header{min-height:62px}.reader{width:100%}.intro{padding:18px 18px 14px}.intro>p{display:none}.intro h1{font-size:23px}.book{width:100%;border-radius:0;box-shadow:0 12px 32px #132a201d}.binding{width:2.8%}.swipe-hint{margin-top:10px}.reader-controls{width:calc(100% - 20px);min-height:60px;bottom:max(8px,env(safe-area-inset-bottom));border-radius:20px}.reader-controls button{min-height:48px}.reader-controls button span:not([aria-hidden]){font-size:12px}.page-number{min-width:68px}}@media(orientation:landscape) and (max-height:600px){.intro{display:none}.reader{width:min(72vh,540px);padding-top:10px}.reader-header{min-height:54px}.reader-controls{right:14px;bottom:14px;transform:none;width:250px;min-height:54px}.reader-controls button{min-height:42px}.swipe-hint{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.book.turn-next img,.book.turn-previous img{animation:none}}