:root{--red:#e21e2d;--ink:#111214;--paper:#f5f3ef;--line:#11121421;--muted:#6d6f72;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#e8e7e4;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.viewer{background:radial-gradient(circle at 50% 42%,#fffffff0,#eeedeae6 45%,#dbd9d4f0 100%),#e8e7e4;grid-template-rows:auto minmax(360px,1fr) auto auto;min-height:100svh;display:grid;overflow:hidden}.viewer:fullscreen{width:100vw;height:100vh}.toolbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#f9f8f5e0;justify-content:space-between;align-items:center;min-height:68px;padding:12px clamp(16px,3vw,40px);display:flex}.brand{white-space:nowrap;align-items:baseline;gap:14px;display:flex}.brand-wordmark{letter-spacing:.08em;font-size:clamp(17px,2vw,22px);font-weight:800}.brand-subtitle{color:#5f6062;letter-spacing:.2em;border-left:1px solid #b6b6b3;padding-left:14px;font-size:10px;font-weight:700}.toolbar-actions{align-items:center;gap:5px;display:flex}.toolbar-actions button,.toolbar-actions a{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;text-decoration:none;display:grid}.toolbar-actions button:hover,.toolbar-actions a:hover,.toolbar-actions button:focus-visible,.toolbar-actions a:focus-visible{color:var(--red);background:#e21e2d1a;outline:none}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.reader-stage{touch-action:pan-y;place-items:center;min-height:0;padding:clamp(20px,3vh,38px) clamp(22px,5vw,78px) 12px;display:grid;overflow:hidden}.book{--book-w:min(78vw, 1040px, calc((100vh - 184px) * 2));width:var(--book-w);height:calc(var(--book-w) / 2);perspective:2600px;transition:transform .6s;position:relative;transform:translate(0)}.book.at-start{transform:translate(-25%)}.book.at-end{transform:translate(25%)}.book-shadow{filter:blur(22px);background:#19191847;border-radius:2%;position:absolute;inset:2% 1% -3%;transform:translateZ(-8px)}.sheet{width:50%;height:100%;transform-style:preserve-3d;transform-origin:0;z-index:var(--front-z);transition:transform .85s cubic-bezier(.62,.04,.32,1);position:absolute;top:0;left:50%;transform:rotateY(0)}.sheet.turned{z-index:var(--back-z);transform:rotateY(-180deg)}.page{backface-visibility:hidden;background:#fff;border:0;padding:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px #0000000f}.page:after{content:"";pointer-events:none;position:absolute;inset:0}.page-front{cursor:e-resize;border-radius:0 3px 3px 0}.page-front:after{background:linear-gradient(90deg,#00000021,#0000 5% 87%,#0000000f)}.page-back{cursor:w-resize;border-radius:3px 0 0 3px;transform:rotateY(180deg)}.page-back:after{background:linear-gradient(270deg,#00000021,#0000 5% 87%,#0000000f)}.page img,.mobile-page img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.page-controls{justify-content:center;align-items:center;gap:16px;min-height:52px;display:flex}.round-control{width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fffc;border:1px solid #1112142e;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #0000000a}.round-control:not(:disabled):hover,.round-control:not(:disabled):focus-visible{border-color:var(--red);background:var(--red);color:#fff;outline:none}.round-control:disabled{opacity:.28;cursor:default}.page-indicator{color:#343537;letter-spacing:.12em;text-align:center;text-transform:uppercase;min-width:120px;font-size:12px;font-weight:700}.hint{min-height:26px;color:var(--muted);letter-spacing:.04em;text-align:center;margin:0 0 6px;font-size:11px}.mobile-page{aspect-ratio:1;cursor:pointer;transform-origin:0;background:#fff;border:0;border-radius:2px;width:min(88vw,100svh - 215px,680px);padding:0;animation-duration:.43s;animation-timing-function:cubic-bezier(.2,.75,.2,1);position:relative;overflow:hidden;box-shadow:0 18px 55px #0003}.mobile-next{animation-name:mobile-page-next}.mobile-back{animation-name:mobile-page-back}@keyframes mobile-page-next{0%{opacity:.35;transform:perspective(1100px)rotateY(11deg)translate(18px)}}@keyframes mobile-page-back{0%{opacity:.35;transform:perspective(1100px)rotateY(-11deg)translate(-18px)}}.thumbnail-modal{z-index:2000;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090a0bb8;border:0;position:absolute;inset:0}.thumbnail-panel{background:#f7f6f2;border-radius:6px;width:min(1040px,94vw);max-height:88vh;position:relative;overflow:auto;box-shadow:0 28px 80px #00000059}.thumbnail-heading{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6f2f0;justify-content:space-between;align-items:center;padding:22px 24px;display:flex;position:sticky;top:0}.eyebrow{color:var(--red);letter-spacing:.18em;font-size:10px;font-weight:800}.thumbnail-heading h1{margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,3vw,34px);font-weight:400}.close-button{color:#333;cursor:pointer;background:#e8e6e1;border:0;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;padding:24px;display:grid}.thumbnail-grid button{color:#4d4e50;cursor:pointer;text-align:center;background:0 0;border:0;padding:0}.thumbnail-grid img{aspect-ratio:1;object-fit:cover;background:#fff;width:100%;transition:transform .18s,box-shadow .18s;display:block;box-shadow:0 6px 18px #0000001f}.thumbnail-grid button:hover img,.thumbnail-grid button:focus-visible img{transform:translateY(-4px);box-shadow:0 10px 26px #0000002e}.thumbnail-grid button:focus-visible{outline:2px solid var(--red);outline-offset:6px}.thumbnail-grid span{margin-top:8px;font-size:11px;font-weight:700;display:block}@media (width<=700px){.viewer{grid-template-rows:auto minmax(300px,1fr) auto auto}.toolbar{min-height:58px;padding:8px 12px 8px 15px}.brand{gap:8px}.brand-wordmark{font-size:15px}.brand-subtitle{letter-spacing:.12em;padding-left:8px;font-size:8px}.toolbar-actions{gap:0}.toolbar-actions button,.toolbar-actions a{width:38px;height:38px}.reader-stage{padding:14px 12px 8px}.page-controls{min-height:48px}.hint{font-size:10px}.thumbnail-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:16px}}@media (width<=390px){.brand-subtitle{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}