@font-face{font-family:Bree;src:url(../draft-02/assets/bree-serif-400.ttf);font-display:swap}@font-face{font-family:Andika;src:url(../draft-02/assets/andika-400.ttf);font-display:swap}@font-face{font-family:Noto;src:url(../draft-02/assets/noto-devanagari.ttf);font-display:swap}
:root{color-scheme:light;--ink:#294535;--muted:#65715e;--cream:#fffbed;--accent:#9b5a35}*{box-sizing:border-box}body{margin:0;background:#eee9db;color:var(--ink);font:14px/1.5 Andika,Noto,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0;background:none}a{color:inherit}button:hover:not(:disabled){background:#2945350c}button:active:not(:disabled){background:#29453518}[hidden]{display:none!important}.reader{height:100vh;height:100dvh;min-height:400px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#faf5e9,#e9e3d3)}.topbar{flex-shrink:0;display:flex;align-items:center;gap:24px;padding:14px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));border-bottom:1px solid #29453512}.wordmark{font-size:11px;letter-spacing:.15em;text-decoration:none;white-space:nowrap}.book-title{flex:1;text-align:center}.book-title h1{font:26px/1.2 Bree,serif;margin:0}.book-title p{font-size:12px;color:var(--muted);margin:3px 0 0}.download{font-size:12px;text-decoration:none;border-bottom:1px solid #29453544;padding:6px 0;white-space:nowrap}.download span{margin-left:8px}.reading-area{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;padding:16px}.book{position:relative;flex-shrink:0;aspect-ratio:1;perspective:1800px;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;isolation:isolate;filter:none}.book.spread{aspect-ratio:2}.book.spread.solo{aspect-ratio:2}.paper{position:absolute;top:0;width:100%;height:100%;background:#fffae9;overflow:hidden;box-shadow:0 10px 20px #352b2726,inset 0 0 0 1px #4832220b}.paper img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.spread .paper{width:50%}.paper.left{left:0}.paper.right{right:0}.paper.center{left:0}.spread.solo .paper.center{left:25%}.spread:not(.solo)::after{content:"";position:absolute;left:calc(50% - 12px);top:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,#34291818 49%,#fff5dd20 51%,transparent);z-index:3;pointer-events:none}.paper-error{position:absolute;inset:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--cream);padding:16px}.paper-error button{border-bottom:1px solid;padding:8px}.edge-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;border-radius:24px;background:#fffbedc9;font:38px/1 Bree,serif;box-shadow:0 2px 12px #35352512;z-index:8}.edge-prev{left:14px}.edge-next{right:14px}.edge-button:disabled{visibility:hidden}.loading{font:24px Bree,serif;text-align:center;padding:28px}.loading a,.loading button{display:block;font:15px Andika,sans-serif;margin-top:18px}.controls{flex-shrink:0;padding:8px max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border-top:1px solid #29453512;background:#f5f0e6}.progress-row{display:flex;align-items:center;gap:18px;max-width:740px;margin:auto}.icon-button{width:44px;height:44px;flex-shrink:0;border-radius:50%;font-size:24px}.progress{flex:1;text-align:center;min-width:0}.progress label{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=range]{display:block;width:100%;height:25px;margin:0;accent-color:#355c42;cursor:pointer;touch-action:pan-y}.tools{display:flex;align-items:center;justify-content:center;gap:8px;max-width:1040px;margin:1px auto 0}.tools button{padding:8px 12px;min-height:42px;border-radius:10px;white-space:nowrap;font-size:12px}.tools button span{font-size:18px;vertical-align:-1px;margin-right:3px}.gesture-hint{margin-left:14px;font-size:11px;color:var(--muted)}.edition{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-script{position:fixed;inset:30% 12%;background:var(--cream);padding:30px;z-index:100}
/* The active leaf turns over the next spread. Pages remain sharp image layers. */
.turn-underlay,.turn-leaf{position:absolute;top:0;height:100%;width:50%;pointer-events:none}.turn-underlay{z-index:4}.turn-underlay img,.turn-face img{width:100%;height:100%;display:block}.turn-leaf{z-index:5;transform-style:preserve-3d;will-change:transform}.turn-leaf.forward{right:0;transform-origin:left center}.turn-leaf.backward{left:0;transform-origin:right center}.turn-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffae9;overflow:hidden}.turn-face.back{transform:rotateY(180deg)}.turn-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#37281112,transparent 25%,transparent 75%,#37281116);pointer-events:none}.book:not(.spread) .turn-leaf{width:100%;box-shadow:6px 0 14px #33281922}.book:not(.spread) .turn-underlay{display:none}
dialog{border:1px solid #2945351a;border-radius:20px;background:#fffbed;color:var(--ink);padding:24px;box-shadow:0 20px 80px #11271955;max-height:90dvh;max-width:calc(100vw - 24px)}dialog::backdrop{background:#17291dbb;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font:27px/1.25 Bree,serif;margin:0}.eyebrow{font-size:10px;letter-spacing:.13em;margin:0 0 6px;color:var(--muted)}.close-button{width:44px;height:44px;flex-shrink:0;border-radius:50%;font:30px/1 Andika,sans-serif}.contents-dialog{width:900px}.thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px}.thumbnail{padding:6px;border-radius:10px;text-align:left;border:2px solid transparent}.thumbnail[aria-current=true]{border-color:var(--accent);background:#f2e4d2}.thumbnail img{width:100%;aspect-ratio:1;display:block;background:#ece4cf;border-radius:4px}.thumbnail span{display:block;font-size:12px;margin-top:7px}.thumbnail small{display:block;font-size:10px;color:var(--muted);line-height:1.4}.zoom-dialog{width:min(1200px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:none;padding:0;overflow:hidden}.zoom-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px 8px 22px;gap:12px;border-bottom:1px solid #29453518}.zoom-toolbar strong{font-weight:400;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zoom-actions{display:flex;align-items:center;gap:5px}.zoom-actions button{width:44px;height:44px;border-radius:50%;font-size:24px}.zoom-actions output{min-width:48px;text-align:center;font-size:12px}.zoom-viewport{height:calc(100% - 98px);overflow:auto;overscroll-behavior:contain;touch-action:none;cursor:grab;background:#e8e2d5;position:relative}.zoom-viewport:active{cursor:grabbing}.zoom-content{margin:12px auto;flex-shrink:0;box-shadow:0 3px 18px #392d2022}.zoom-content img{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;pointer-events:none}.zoom-help{font-size:11px;text-align:center;margin:0;height:34px;padding:8px}.text-dialog{width:650px}.text-dialog article+article{border-top:1px solid #29453522;padding-top:20px;margin-top:20px}.text-dialog h3{font-size:13px;color:var(--muted);font-weight:400}.transcript{white-space:pre-wrap;font-size:20px;line-height:1.65}
@media(max-width:700px){.topbar{padding:12px 16px;gap:8px}.wordmark{display:none}.book-title{text-align:left}.book-title h1{font-size:23px}.book-title p{font-size:10px}.download{font-size:11px}.reading-area{padding:12px}.edge-button{display:none}.controls{padding-left:12px;padding-right:12px}.progress-row{gap:8px}.tools{gap:1px;justify-content:space-between}.tools button{padding:6px 9px}.gesture-hint{display:none}.edition{margin-left:2px;font-size:9px}dialog{padding:18px}.dialog-heading h2{font-size:23px}.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.thumbnail{padding:3px}.zoom-dialog{padding:0}.zoom-toolbar{padding-left:12px}.zoom-toolbar strong{font-size:12px}.zoom-actions{gap:0}.zoom-actions button{width:40px}.zoom-actions output{min-width:42px}}
@media(max-height:520px){.reader{min-height:320px}.topbar{padding-top:5px;padding-bottom:5px}.book-title h1{font-size:20px}.book-title p{display:none}.controls{padding-top:2px;padding-bottom:2px}.tools button{min-height:32px;padding-top:3px;padding-bottom:3px}.progress-row .icon-button{height:32px}.reading-area{padding:8px}.zoom-toolbar{height:50px}.zoom-viewport{height:calc(100% - 78px)}.zoom-help{height:28px;padding:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.turn-leaf{will-change:auto}}
.turn-leaf.single-turn{backface-visibility:hidden;-webkit-backface-visibility:hidden}
@media(max-width:400px){.tools button{font-size:11px;padding-left:6px;padding-right:6px}.edition{display:none}.tools{gap:0}}