:root{color-scheme:light;--paper:#f6f3eb;--card:#fffdf7;--ink:#183b32;--muted:#777b70;--line:#dcded3;--gold:#aa7137;--soft:#e9ede2;--shadow:0 20px 55px #183b3214;--reader:#e8e6df}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.dark{color-scheme:dark;--paper:#151e1a;--card:#1d2922;--ink:#efeadd;--muted:#acb5a8;--line:#364239;--gold:#dbb47a;--soft:#26382d;--shadow:0 20px 55px #0003;--reader:#101713}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.site-header{height:90px;max-width:1320px;margin:auto;padding:0 54px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:bold;letter-spacing:-1px}.brand-dot{color:var(--gold)}.brand-mark{position:relative;width:37px;height:37px;border:1px solid var(--ink);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-style:italic;font-size:25px;letter-spacing:-6px;padding-right:6px}.brand-mark span{transform:translateY(4px);display:inline-block}.header-note{font-size:12px;color:var(--muted);margin-left:auto;letter-spacing:.2px}.icon-button{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:transparent;color:var(--ink);font-size:22px;display:inline-grid;place-items:center;flex-shrink:0}.icon-button:hover{background:var(--soft)}.shell{max-width:1212px;margin:auto;padding:48px 54px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';display:block;width:25px;height:1px;background:var(--gold)}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:33px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(36px,4vw,50px);letter-spacing:-1.6px;margin:13px 0 8px;line-height:1.06}.intro p{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.library-count{border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:11px;white-space:nowrap;margin-bottom:3px}.feature{display:grid;grid-template-columns:310px 1fr;min-height:430px;border:1px solid var(--line);background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.cover-stage{padding:28px 42px;background:#e4e8da;display:grid;place-items:center;background-image:radial-gradient(ellipse at 50% 80%,#a2ad8b33,transparent 70%)}.dark .cover-stage{background:#2e3d30}.book-cover{width:100%;max-width:225px;aspect-ratio:2/3;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:5px 12px 20px #142e3330;transform:rotate(-3deg);transition:transform .25s}.cover-stage:hover .book-cover{transform:rotate(0)}.feature-copy{padding:42px 44px;display:flex;align-items:start;flex-direction:column;justify-content:center}.book-tag{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);font-weight:bold}.feature h2{font:normal clamp(32px,4.3vw,49px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.4px;margin:16px 0 10px;max-width:440px}.author{font-size:12px;color:var(--muted);margin:0}.description{font-size:14px;color:var(--muted);line-height:1.8;max-width:410px;margin:22px 0}.book-stats{display:flex;gap:22px;font-size:11px;margin-bottom:25px}.book-stats span+span{border-left:1px solid var(--line);padding-left:22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;border:1px solid transparent;border-radius:8px;padding:12px 21px;font-size:12px;font-weight:bold}.primary{background:var(--ink);color:var(--paper)}.primary:hover{filter:brightness(1.18)}.secondary{border-color:var(--line);background:transparent;color:var(--ink)}.secondary:hover{background:var(--soft)}.button-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.text-link{font-size:12px;padding:12px 4px;border-bottom:1px solid var(--line)}.resume-note{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.5}.chapters-section{margin-top:46px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font:normal 26px Georgia,'Times New Roman',serif;letter-spacing:-.5px;margin:0 0 6px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.search-wrap{position:relative}.search-wrap span{position:absolute;left:14px;top:11px;font-size:18px;color:var(--muted);pointer-events:none}.search-wrap input{width:220px;max-width:100%;padding:12px 14px 12px 38px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:12px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.chapter{display:flex;align-items:center;gap:15px;padding:15px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px;min-height:75px;transition:background .15s,transform .15s}.chapter:hover{background:var(--soft);transform:translateY(-2px)}.chapter-number{font:normal 22px Georgia,serif;color:var(--gold);width:31px;flex-shrink:0}.chapter-title{font-size:13px;font-weight:600;line-height:1.4}.chapter-meta{font-size:10px;color:var(--muted);margin-top:5px}.chapter-arrow{margin-left:auto;color:var(--muted);font-size:20px}.chapter.current{border-color:var(--gold)}.current-label{color:var(--gold)}.empty{color:var(--muted);padding:25px 0;font-size:14px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:42px;padding:24px 0 30px;color:var(--muted);font-size:10px;line-height:1.7}.footer-word{font:bold 15px Georgia,serif;color:var(--ink)}.loading{padding:60px 24px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--ink);color:var(--paper);border-radius:10px;z-index:20;font-size:12px;box-shadow:var(--shadow);max-width:90vw}.reader-mode .site-header{display:none}.reader-mode{background:var(--reader)}.reader-header{height:70px;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 28px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.reader-heading{min-width:0;flex:1}.reader-heading strong{display:block;font:normal 17px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-heading small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.reader-actions{display:flex;gap:8px;align-items:center}.reader-actions .icon-button{width:36px;height:36px;font-size:18px}.reader-select{max-width:195px;font-size:11px;color:var(--ink);border:1px solid var(--line);border-radius:6px;background:var(--card);padding:9px 8px;min-height:36px}.reader-pages{max-width:960px;margin:20px auto 0;padding-bottom:115px}.comic-page{margin:0 0 14px;position:relative;min-width:0}.comic-page img{display:block;width:100%;height:auto;background:white;box-shadow:0 4px 22px #0001}.comic-page figcaption{text-align:center;font-size:10px;color:var(--muted);padding:8px}.single-mode .reader-pages{max-width:960px;margin-top:14px}.single-mode .comic-page img{max-height:calc(100svh - 180px);object-fit:contain;min-height:240px;background:transparent;box-shadow:none}.reader-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:6;background:var(--paper);border-top:1px solid var(--line);padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:20px}.reader-toolbar button{color:var(--ink);border:1px solid var(--line);background:transparent;border-radius:8px;min-width:46px;min-height:42px;font-size:21px}.reader-toolbar button:hover{background:var(--soft)}.reader-position{width:min(420px,45vw);text-align:center}.reader-position label{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.reader-position input{width:100%;height:12px;accent-color:var(--ink);cursor:pointer}.chapter-end{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;margin:16px 14px;padding:30px 20px}.chapter-end h2{font:normal 25px Georgia,serif;margin:0 0 20px}.chapter-end .button-row{justify-content:center}.reader-load-error{font-size:14px;line-height:1.6;padding:24px;text-align:center}.reader-load-error button{margin:12px}.focus-mode .reader-header,.focus-mode .reader-toolbar{display:none}.focus-mode .reader-pages{padding-bottom:20px;margin-top:0}.show-controls{display:none;position:fixed;right:14px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:10;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:12px 17px;box-shadow:var(--shadow);font-size:12px}.focus-mode .show-controls{display:block}.focus-mode.single-mode .comic-page img{max-height:100svh}.mobile-hide{display:inline}
@media(min-width:1500px){.reader-pages{max-width:1100px}}
@media(max-width:760px){.site-header{height:74px;padding:0 24px}.header-note{display:none}.site-header .icon-button{margin-left:auto}.shell{padding:32px 24px 0}.intro{margin-bottom:24px}.intro h1{font-size:39px}.intro p{font-size:12px}.library-count{display:none}.feature{grid-template-columns:210px 1fr;min-height:340px}.cover-stage{padding:25px}.feature-copy{padding:26px}.feature h2{font-size:34px}.description{font-size:12px;margin:17px 0}.book-stats{gap:12px}.book-stats span+span{padding-left:12px}.primary,.secondary{font-size:11px;min-height:44px;padding:12px 16px}.chapter-grid{gap:10px}.chapter{padding:13px 12px;gap:10px}.chapter-title{font-size:12px}.reader-header{padding:10px 14px;gap:14px}.reader-select{max-width:150px}.reader-actions{gap:6px}.reader-pages{margin-top:8px}.comic-page img{box-shadow:none}.reader-heading strong{font-size:15px}.mobile-hide{display:none}}
@media(max-width:520px){.site-header{padding:0 20px}.brand{font-size:26px}.shell{padding:30px 20px 0}.intro h1{font-size:38px}.intro p{max-width:280px;line-height:1.7}.feature{display:block;border-radius:17px}.cover-stage{padding:28px 30px;min-height:285px;position:relative}.book-cover{width:156px;max-height:240px}.feature-copy{padding:27px 26px 30px}.feature h2{font-size:38px;max-width:270px;margin:13px 0 10px}.book-tag{font-size:9px}.description{max-width:300px;font-size:13px;line-height:1.7}.book-stats{font-size:11px;margin-bottom:21px}.chapters-section{margin-top:34px}.section-heading{align-items:start;flex-direction:column;gap:16px}.search-wrap,.search-wrap input{width:100%}.section-heading h2{font-size:25px}.chapter-grid{grid-template-columns:1fr}.chapter{padding:16px;min-height:76px;gap:16px}.chapter-title{font-size:13px}.chapter-number{font-size:23px;width:32px}.site-footer{align-items:start;flex-direction:column;gap:8px;margin-top:30px}.reader-header{gap:10px;height:68px}.back-link{width:30px;height:40px;justify-content:center;font-size:22px}.back-link .back-text{display:none}.reader-heading strong{font-size:14px}.reader-heading small{font-size:9px}.reader-select{max-width:108px;font-size:10px;padding:8px 4px}.reader-actions .icon-button{width:33px;height:33px}.reader-actions .fullscreen{display:none}.reader-toolbar{gap:14px;padding-top:10px;padding-bottom:max(13px,env(safe-area-inset-bottom))}.reader-position{width:55vw}.reader-pages{padding-bottom:110px}.comic-page{margin-bottom:6px}.single-mode .reader-pages{margin-top:8px}.single-mode .comic-page img{max-height:calc(100svh - 170px)}.single-mode .comic-page figcaption{font-size:9px}.chapter-end h2{font-size:23px}.reader-toolbar button{min-width:44px}.show-controls{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.chapter-meta{display:block}

.book-cover{height:auto}
