:root{--bg:#f6f3ed;--paper:#fffdf8;--ink:#25231f;--muted:#777168;--line:#ddd7cd;--accent:#8b3a2e;--shadow:0 18px 55px rgba(38,31,22,.11);--reader-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-head,.reader-top{height:68px;display:flex;align-items:center;max-width:1180px;margin:auto;padding:0 24px}.brand{font-weight:800;letter-spacing:.18em;font-size:20px}.head-note{margin-left:22px;color:var(--muted);font-size:13px}.settings-open{margin-left:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:99px;padding:7px 13px;cursor:pointer}.home{max-width:1180px;margin:auto;padding:58px 24px 90px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:58px}.intro h1{font-size:clamp(46px,7vw,88px);line-height:1.08;margin:8px 0;letter-spacing:-.05em}.intro>p:last-child{max-width:430px;color:var(--muted);line-height:1.9;margin:0 0 8px auto}.eyebrow{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.18em;color:var(--accent)!important;text-transform:uppercase}.books{display:grid;grid-template-columns:1fr 1fr;gap:34px}.book-card{background:var(--paper);display:grid;grid-template-columns:minmax(150px,42%) 1fr;min-height:410px;box-shadow:var(--shadow);overflow:hidden;border-radius:3px}.book-card img{width:100%;height:100%;object-fit:cover}.book-card div{padding:44px 34px;display:flex;flex-direction:column}.book-card p{font-family:system-ui,sans-serif;color:var(--muted);font-size:13px}.book-card h2{font-size:clamp(27px,3vw,42px);margin:8px 0 20px}.book-card span{color:var(--muted);line-height:1.85}.book-card b{margin-top:auto;color:var(--accent);font-family:system-ui,sans-serif;font-size:14px}footer{text-align:center;color:var(--muted);padding:34px;font-size:13px;border-top:1px solid var(--line)}.book-page{max-width:1000px;margin:auto;padding:42px 24px 100px}.book-hero{display:grid;grid-template-columns:280px 1fr;gap:58px;align-items:center}.book-hero img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:var(--shadow)}.book-hero h1{font-size:clamp(38px,6vw,68px);margin:10px 0 20px}.book-hero div>p:not(.eyebrow){color:var(--muted);line-height:1.9}.primary{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 24px;margin-top:18px;border-radius:2px}.catalog{margin-top:80px}.section-title{display:flex;align-items:end;border-bottom:1px solid var(--line);padding-bottom:16px}.section-title h2{font-size:28px;margin:0}.section-title span{margin-left:auto;color:var(--muted);font-size:13px}.chapter-list{display:grid;grid-template-columns:1fr 1fr}.chapter-list a{padding:18px 10px;border-bottom:1px solid var(--line);line-height:1.5}.chapter-list a:hover{color:var(--accent)}.chapter-list span{display:inline-block;width:42px;color:var(--muted);font-family:system-ui,sans-serif;font-size:12px}.reader-top{position:sticky;top:0;z-index:4;max-width:none;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.reader-top .brand{position:absolute;left:50%;transform:translateX(-50%)}.back{font-size:14px;color:var(--muted)}.reader{max-width:760px;margin:0 auto;padding:70px 28px 110px}.reader-meta{color:var(--muted);font-size:13px;text-align:center}.reader h1{text-align:center;font-size:clamp(28px,5vw,42px);margin:18px 0 60px;line-height:1.35}.reader article{font-size:var(--reader-size);line-height:2.05;letter-spacing:.035em}.reader article p{margin:0 0 1.35em;text-align:justify}.chapter-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;border-top:1px solid var(--line);margin-top:70px;padding-top:30px}.chapter-nav a{text-align:center;background:var(--paper);padding:13px 8px;border:1px solid var(--line)}.settings{position:fixed;right:0;top:0;height:100%;width:min(380px,90vw);z-index:20;background:var(--paper);padding:72px 30px;transform:translateX(105%);transition:transform .25s;box-shadow:var(--shadow)}.settings.open{transform:none}.settings-close{position:absolute;right:20px;top:16px;border:0;background:none;color:var(--ink);font-size:32px}.settings h2{margin:0 0 34px}.settings label{display:grid;gap:13px;color:var(--muted)}.settings input{width:100%;accent-color:var(--accent)}.theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.theme-row button,.reset-settings{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px;cursor:pointer}.theme-row button.active{outline:2px solid var(--accent)}.reset-settings{width:100%;margin-top:14px}.scrim{position:fixed;inset:0;background:#0008;z-index:19;opacity:0;visibility:hidden;transition:.25s}.settings.open+.scrim{opacity:1;visibility:visible}body[data-theme=sepia]{--bg:#e9e2cd;--paper:#f2ecd9;--ink:#332f25;--muted:#756d5d;--line:#cfc4aa;--accent:#7c4b32}body[data-theme=dark]{--bg:#171816;--paper:#20211e;--ink:#d8d5ca;--muted:#99978e;--line:#393a35;--accent:#d58c72;--shadow:0 18px 55px #0005}.not-found{text-align:center;padding:20vh 20px}.not-found a{color:var(--accent)}
@media(max-width:760px){.site-head,.reader-top{height:58px;padding:0 17px}.head-note{display:none}.home{padding:38px 16px 70px}.intro{display:block;margin-bottom:34px}.intro h1{font-size:48px}.intro>p:last-child{margin:25px 0 0}.books{grid-template-columns:1fr;gap:22px}.book-card{grid-template-columns:43% 1fr;min-height:300px}.book-card div{padding:25px 18px}.book-card h2{font-size:26px}.book-card span{font-size:14px;line-height:1.65}.book-page{padding:24px 18px 80px}.book-hero{grid-template-columns:125px 1fr;gap:22px;align-items:start}.book-hero h1{font-size:30px;margin:7px 0 12px}.book-hero div>p:not(.eyebrow){font-size:14px;line-height:1.65}.primary{margin-top:5px;padding:10px 16px}.catalog{margin-top:52px}.chapter-list{grid-template-columns:1fr}.reader{padding:48px 20px 85px}.reader h1{margin-bottom:42px}.reader article{line-height:1.95}.chapter-nav{margin-top:52px}.settings{padding:64px 24px}.book-card p{margin:0}.book-card b{margin-top:16px}}
.settings label{display:block}.settings label output{margin-left:8px}.settings label input{display:block;margin-top:18px}