:root{--ink:#292722;--muted:#7b7971;--line:#dad7ce;--bg:#f8f6f0;--off:#f0ede5;--accent:#907752;--card:#fffdfa;--paper:#fffdf7;--paper-ink:#28251f;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aa8b5b;outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}a{color:inherit}.site-header{height:92px;padding:0 clamp(24px,5.4vw,104px);display:flex;align-items:center;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:21px;font-weight:850;text-decoration:none;letter-spacing:-1.35px;white-space:nowrap;line-height:1}.brand span:first-child{font-weight:350}.brand-mark{font-size:8px;vertical-align:top;margin-left:3px;letter-spacing:0}.header-divider{height:23px;border-left:1px solid #cac6bd}.header-label{letter-spacing:2.4px;font-size:10px;font-weight:750;white-space:nowrap}.header-spacer{flex:1}.test-badge{font-size:9px;letter-spacing:1.6px;font-weight:800;border:1px solid #d7d0c3;color:#6f634f;padding:10px 13px;white-space:nowrap}.test-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#aa8d63;vertical-align:1px;margin-right:6px}.welcome{max-width:1740px;margin:auto}.welcome-grid{min-height:665px;display:grid;grid-template-columns:1.05fr .95fr}.welcome-copy{padding:clamp(65px,7vw,124px) clamp(30px,6.5vw,116px) 72px clamp(30px,8.1vw,145px);display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.65px;font-weight:780;color:#766b5b}.eyebrow-line{width:29px;height:1px;background:#9e8867}.welcome h1{margin:28px 0 24px;max-width:800px;font-family:var(--serif);font-weight:400;font-size:clamp(50px,4.6vw,84px);line-height:1.095;letter-spacing:-2.65px}.welcome h1 em{color:#9f825b;font-weight:400}.hero-description{font-size:15px;line-height:1.85;color:#77736a;max-width:490px;margin:0 0 42px}.upload-panel{background:#fffefb;border:1px solid #d9d4c9;width:100%;display:flex;align-items:center;gap:17px;padding:18px;max-width:640px;box-shadow:0 18px 32px -34px #1c1913;position:relative}.upload-panel.is-drag{border:2px dashed #9b7950;background:#f4eddf;padding:17px}.upload-icon{height:46px;width:46px;display:grid;place-items:center;background:#f1eee7;color:#665b4e}.upload-content{display:flex;flex-direction:column;min-width:0;flex:1;gap:7px}.upload-content strong{font-size:13px;font-weight:750}.upload-content span{font-size:11px;color:#89857b;line-height:1.5}.upload-button{background:#262622;color:#fff;min-height:46px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;border:0;font-size:11px;font-weight:750;transition:background .2s}.upload-button:hover{background:#68573f}.upload-button svg{width:15px;height:15px}.upload-footnote{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:640px;margin-top:16px;color:#908b80;font-size:10px}.format-tags{display:flex;gap:7px}.format-tags span{border:1px solid #ded9cf;color:#7d7568;padding:6px 8px;font-size:9px;font-weight:760;letter-spacing:1px}.demo-link{display:flex;gap:6px;flex-wrap:wrap;margin-top:35px;padding:0;border:0;background:none;color:#817b72;font-size:12px;text-align:left}.demo-link strong{color:#39352d;border-bottom:1px solid #c0ab8a;padding-bottom:4px}.demo-link svg{width:14px;height:14px;vertical-align:-3px}.showcase{position:relative;overflow:hidden;min-height:650px;background:#e8e2d6;display:flex;align-items:center;justify-content:center;isolation:isolate}.showcase:before{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(255,255,255,.55);border-radius:50%;top:-395px;left:-270px}.showcase:after{content:"";position:absolute;width:710px;height:710px;border:1px solid rgba(167,156,137,.22);border-radius:50%;bottom:-530px;right:-300px}.showcase-corner{position:absolute;width:25px;height:25px;border-color:rgba(80,71,58,.35);z-index:3}.corner-top{top:34px;right:34px;border-right:1px solid;border-top:1px solid}.corner-bottom{bottom:34px;left:34px;border-left:1px solid;border-bottom:1px solid}.showcase-side-note{position:absolute;left:35px;top:42px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2.1px;font-weight:720;color:#82796a}.showcase-side-note span{margin-top:38px;color:#a9a295}.book-stack{position:relative;perspective:1000px;transform:rotate(-7deg) translate(5px,18px);filter:drop-shadow(24px 28px 25px rgba(50,40,25,.23))}.book-shadow{position:absolute;left:12px;right:-14px;top:13px;bottom:-14px;background:#b9ad93;border:1px solid #9c9079}.cover-book{height:clamp(380px,35vw,530px);width:clamp(270px,24.5vw,370px);background:#584d3f;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:31px 32px;box-shadow:inset 7px 0 8px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.12);color:#e8dec5}.cover-sheen{position:absolute;inset:0;background:linear-gradient(103deg,rgba(255,255,255,.13),transparent 30%,rgba(0,0,0,.2));pointer-events:none}.cover-orbit{position:absolute;border:1px solid rgba(215,198,162,.32);height:520px;width:520px;border-radius:50%;left:80px;top:80px}.orbit-two{height:390px;width:390px;left:157px;top:165px}.cover-top{font-size:11px;letter-spacing:3px;font-weight:700;display:flex;justify-content:space-between;gap:8px}.cover-top span{font-weight:400;font-size:8px;letter-spacing:1px;text-align:right}.cover-title{margin:auto 0;position:relative;z-index:2;font:400 clamp(40px,4.7vw,69px)/1.1 var(--serif);letter-spacing:-1.6px}.cover-title em{font-style:italic;color:#f6e7c5}.cover-bottom{font-size:10px;line-height:1.7;letter-spacing:2px;font-weight:500}.cover-number{position:absolute;bottom:23px;right:32px;font-size:20px;font-family:var(--serif)}.showcase-label{position:absolute;right:38px;bottom:47px;display:flex;align-items:center;gap:13px;font-size:9px;font-weight:760;letter-spacing:2px;color:#877b67}.label-line{width:35px;height:1px;background:#a59a88}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px clamp(30px,8.1vw,145px);gap:28px}.feature{display:flex;align-items:flex-start;gap:20px}.feature-number{font:italic 23px var(--serif);color:#aa9373;line-height:1.4}.feature strong{font-size:12px;letter-spacing:.1px}.feature p{font-size:11px;color:#88837b;line-height:1.6;margin:7px 0 0}.welcome-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;font-weight:750;color:#8a8378;padding:26px clamp(30px,8.1vw,145px) 40px}
/* reader */
.reader-screen{display:flex;flex-direction:column;height:calc(100dvh - 92px);min-height:530px;background:#e9e5dc}.reader-screen[hidden],.welcome[hidden],[hidden]{display:none!important}.reader-topbar{height:82px;flex:0 0 82px;display:flex;align-items:center;gap:15px;padding:0 clamp(16px,5vw,70px);border-bottom:1px solid #dad5cb;background:#f8f6f0}.icon-btn{border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:42px;min-height:42px;padding:6px}.icon-btn:hover{background:rgba(110,99,81,.09)}.icon-btn svg{width:20px;height:20px}.back-home{font-size:12px;font-weight:680;color:#5c5750}.reader-book-meta{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.reader-book-meta strong{font:400 19px var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.reader-kicker{font-size:8px;letter-spacing:2px;color:#948b7d;font-weight:750}.reader-book-meta>span:last-child{font-size:10px;color:#8c867c}.reader-actions{display:flex;gap:6px}.reader-stage{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:clamp(8px,2vw,40px);padding:16px clamp(8px,4vw,46px)}.reader-paper{background:var(--paper);color:var(--paper-ink);box-shadow:0 10px 45px rgba(77,64,47,.09);width:100%;max-width:970px;min-width:0;display:flex;flex-direction:column;padding:19px clamp(18px,4.1vw,65px) 13px;min-height:0;transition:background .2s}.reader-paper-header,.reader-paper-footer{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;font-size:9px;letter-spacing:1.7px;font-weight:740;color:var(--paper-muted,#8f877a);min-height:24px}.reader-paper-header{border-bottom:1px solid var(--paper-line,#e5e0d6);padding-bottom:12px}.reader-paper-footer{border-top:1px solid var(--paper-line,#e5e0d6);padding-top:10px;min-height:28px}.foliate-mount{flex:1;min-height:0;position:relative;padding:12px 0}.foliate-mount foliate-view{display:block;width:100%;height:100%;--link-color:#886a46}.page-tap-zone{flex:0 0 44px;border:0;background:transparent;color:#9f978a;display:flex;align-items:center;justify-content:center;transition:color .2s}.page-tap-zone:hover{color:#252420}.page-tap-zone svg{width:27px;height:27px;stroke-width:1.2}.reader-bottom{flex:0 0 auto;min-height:91px;display:grid;grid-template-columns: minmax(100px,1fr) minmax(220px,2.2fr) minmax(175px,1fr);gap:30px;align-items:center;padding:14px clamp(15px,5vw,70px);background:#f8f6f0;border-top:1px solid #dad5cb}.reader-chapter{font-size:11px;color:#767064;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-wrap{display:flex;align-items:center;gap:13px;font-size:10px;color:#877f72;min-width:0;font-weight:740}.progress-wrap input{appearance:none;-webkit-appearance:none;flex:1;height:3px;background:#cec6b7;cursor:pointer;min-width:0;outline-offset:9px}.progress-wrap input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;border:3px solid #f8f6f0;background:#786447;box-shadow:0 0 0 1px #786447}.progress-wrap input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:2px solid #f8f6f0;background:#786447}.pager-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px}.pager-controls>span{font-size:9px;letter-spacing:1.25px;font-weight:750;color:#7c766b}.page-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d3cabe;background:transparent;color:#4a4338}.page-button:hover{background:#e9e3d8}.page-button.dark{background:#2e2d28;color:#fff;border-color:#2e2d28}.page-button.dark:hover{background:#645643}.page-button svg{width:19px;height:19px}.overlay{position:fixed;inset:0;background:rgba(31,29,26,.38);z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(410px,100%);z-index:21;background:#faf8f3;color:#2c2922;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.13);animation:slideIn .23s ease}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:31px 31px 27px;border-bottom:1px solid #e1ddd3}.drawer-overline{font-size:9px;letter-spacing:2px;color:#958a7b;font-weight:800}.drawer h2{font:400 39px var(--serif);margin:9px 0 0}.toc-list{padding:17px 18px;overflow:auto;flex:1}.toc-entry{display:block;width:100%;padding:14px 14px;text-align:left;border:0;border-bottom:1px solid #e9e4d9;background:transparent;color:#4f473b;font:400 15px/1.4 var(--serif)}.toc-entry:hover{background:#efe9df}.toc-entry.nested{padding-left:31px;font-size:14px;color:#796e60}.toc-entry.active{color:#9a7445;background:#f2ecdf}.toc-empty{padding:12px;font-size:13px;color:#82796d;line-height:1.7}.drawer-foot{border-top:1px solid #e1ddd3;padding:23px 31px;color:#9d9281;font-size:11px}.settings-content{padding:31px;overflow:auto}.setting-block{margin-bottom:37px}.setting-block>strong,.setting-header strong{display:block;font-size:13px;font-weight:740}.setting-header{display:flex;justify-content:space-between;align-items:center}.setting-header span{font-size:12px;color:#908676}.font-adjust{display:flex;align-items:center;gap:14px;margin-top:18px}.font-adjust button{width:45px;height:42px;border:1px solid #e0dacc;background:#fffaf0;font:22px var(--serif)}.font-adjust button span{font:11px var(--sans);vertical-align:top;margin-left:2px}.font-gauge{height:3px;background:#e1d9cb;flex:1}.font-gauge span{display:block;background:#78654b;height:3px;width:40%}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:17px}.theme-tile{background:transparent;border:1px solid #e7e1d4;padding:7px 7px 10px;font-size:11px;color:#696052}.theme-tile.active{border-color:#7f6749;box-shadow:inset 0 0 0 1px #7f6749}.theme-preview{height:70px;display:grid;place-items:center;margin-bottom:9px;font:italic 28px var(--serif)}.cream-preview{background:#fbf8ef;color:#51473b}.white-preview{background:white;color:#292929}.dark-preview{background:#232321;color:#efe8da}.setting-explainer{font-size:12px;color:#897e70;line-height:1.85;margin-top:12px}.loading-overlay{position:fixed;inset:0;background:rgba(248,246,240,.97);z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center}.loading-overlay strong{font:400 28px var(--serif)}.loading-overlay span{font-size:12px;color:#857b6b}.spinner{width:34px;height:34px;border:2px solid #ded8cb;border-top-color:#6c5d48;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(550px,calc(100vw - 30px));background:#292722;color:#fff;padding:15px 20px;font-size:12px;line-height:1.6;z-index:40;box-shadow:0 8px 35px rgba(0,0,0,.2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{from{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}html[data-theme=white]{--paper:#fff;--paper-ink:#222;--paper-muted:#888;--paper-line:#eaeaea}html[data-theme=cream]{--paper:#fffdf7;--paper-ink:#2d2924;--paper-muted:#9b9181;--paper-line:#e9e4d8}html[data-theme=dark]{--paper:#282826;--paper-ink:#ebe8df;--paper-muted:#a5a195;--paper-line:#484741}.reader-screen:has(.reader-paper){transition:background .2s}html[data-theme=dark] .reader-screen{background:#222321}html[data-theme=dark] .reader-paper{box-shadow:0 9px 35px rgba(0,0,0,.15)}
@media(max-width:1100px){.welcome-grid{grid-template-columns:1fr 0.85fr}.welcome-copy{padding:78px 35px 58px 6vw}.welcome h1{font-size:clamp(45px,5.1vw,62px)}.upload-panel{flex-wrap:wrap}.upload-button{width:100%}.book-stack{transform:rotate(-7deg) scale(.87)}.page-tap-zone{flex-basis:22px}.reader-bottom{gap:16px;grid-template-columns:100px 1fr 140px}.pager-controls>span{display:none}}
@media(max-width:760px){.site-header{height:70px;padding:0 22px;gap:16px}.brand{font-size:19px}.header-label{font-size:9px;letter-spacing:1.6px}.header-divider{height:18px}.test-badge{display:none}.welcome-grid{display:flex;flex-direction:column}.welcome-copy{padding:61px 25px 51px}.welcome h1{font-size:clamp(49px,10.5vw,68px);letter-spacing:-2px;margin:23px 0 20px}.hero-description{font-size:14px;margin-bottom:30px}.upload-panel{padding:13px;gap:12px}.upload-panel.is-drag{padding:12px}.upload-icon{height:43px;width:43px}.upload-content strong{font-size:12px}.upload-content span{font-size:10px}.upload-button{min-height:49px}.showcase{min-height:430px}.book-stack{transform:rotate(-7deg) scale(.79)}.showcase-side-note{top:25px;left:19px;font-size:8px}.showcase-label{right:18px;bottom:24px}.feature-strip{grid-template-columns:1fr;gap:24px;padding:32px 25px}.feature{gap:20px}.welcome-footer{padding:24px 25px 30px;gap:30px;align-items:flex-start;font-size:8px}.welcome-footer span:last-child{text-align:right}.reader-screen{height:calc(100dvh - 70px);min-height:350px}.reader-topbar{height:64px;flex-basis:64px;padding:0 12px;gap:4px}.reader-kicker{font-size:7px}.reader-book-meta strong{font-size:16px}.reader-book-meta>span:last-child{display:none}.reader-actions{gap:0}.back-home span{display:none}.reader-stage{padding:0;gap:0}.page-tap-zone{display:none}.reader-paper{max-width:none;padding:7px 18px;box-shadow:none}.reader-paper-header{font-size:8px;min-height:30px;padding-bottom:4px}.reader-paper-footer{font-size:8px;min-height:26px;padding-top:5px}.foliate-mount{padding:4px 0}.reader-bottom{padding:12px 15px calc(13px + env(safe-area-inset-bottom,0px));min-height:95px;grid-template-columns:1fr auto;gap:12px}.reader-chapter{display:none}.progress-wrap{grid-column:1 / -1;order:-1}.pager-controls{grid-column:1 / -1;justify-content:center;gap:14px}.pager-controls>span{display:block;flex:1;text-align:center}.page-button{width:44px;height:38px}.drawer-head{padding:25px 23px}.settings-content{padding:24px}.drawer h2{font-size:34px}}
@media(max-width:380px){.brand{font-size:16px}.header-label{font-size:8px}.welcome-copy{padding-left:18px;padding-right:18px}.welcome h1{font-size:47px}.upload-content span{font-size:9px}.reader-book-meta strong{font-size:13px}.reader-paper{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}