:root{--bg:#fff7ed;--paper:#fffaf3;--ink:#2b1d12;--muted:#7c5d3f;--accent:#0f766e;--accent2:#b45309;--line:#ead8c2;--highlight:#fff3a3;--shadow:0 18px 50px rgba(84,45,11,.16);--fontSize:19px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#fff7ed,#ecfdf5);color:var(--ink);font-family:Georgia,'Times New Roman',serif}.app-shell{display:grid;grid-template-columns:315px 1fr;min-height:100vh}.sidebar{background:#0f3d36;color:#fff;padding:20px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand img{width:58px;height:78px;object-fit:cover;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.brand span{display:block;color:#c9f4e9;font-size:13px;margin-top:4px}.search{width:100%;padding:12px;border-radius:12px;border:1px solid #2b7a70;margin:10px 0 16px;background:#0b2f2a;color:#fff}.search::placeholder{color:#b7d9d2}.toc{display:flex;flex-direction:column;gap:8px}.toc a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:12px;line-height:1.25;border:1px solid rgba(255,255,255,.08)}.toc a:hover,.toc a.active{background:#f59e0b;color:#24160a}.toc .meta{display:block;font-size:12px;opacity:.82;margin-top:4px}.side-note{font-size:12px;color:#c9f4e9;margin-top:18px;line-height:1.5}.main{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:rgba(255,250,243,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}button,.iconbtn,select{font-family:system-ui,-apple-system,Segoe UI,sans-serif;border:1px solid var(--line);background:#fffaf3;color:var(--ink);border-radius:999px;padding:9px 13px;cursor:pointer}button:hover{border-color:var(--accent);box-shadow:0 4px 15px rgba(15,118,110,.12)}.primary{background:var(--accent);color:white;border-color:var(--accent)}.tools{display:flex;gap:6px}.progress{height:4px;background:#f4dfc9}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#f59e0b)}.hero{display:grid;grid-template-columns:minmax(230px,340px) minmax(0,650px);gap:36px;align-items:center;max-width:1060px;margin:35px auto;padding:0 24px}.cover{width:100%;border-radius:22px;box-shadow:var(--shadow)}.hero-copy,.front,.chapter{background:rgba(255,250,243,.88);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-copy{padding:34px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--accent2);font-family:system-ui,sans-serif}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:0 0 8px;color:#9a3412}.hero h2{font-size:clamp(20px,3vw,32px);font-weight:normal;margin:0 0 18px;color:#0f766e}.hero p{font-size:21px;line-height:1.55}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.front-card,.reader-card,.dashboard{max-width:980px;margin:0 auto 34px;padding:0 24px}.front{padding:28px 42px;font-size:18px;line-height:1.7}.front h1,.front h2{color:#9a3412}.chapter-toolbar{position:sticky;top:57px;z-index:4;display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-bottom:14px;background:rgba(255,250,243,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(84,45,11,.08)}.rating-label{font-family:system-ui,sans-serif;font-size:14px;display:flex;gap:6px;align-items:center}.chapter{padding:clamp(24px,5vw,58px);font-size:var(--fontSize);line-height:1.85}.chapter h1{font-size:clamp(34px,5vw,58px);line-height:1.1;color:#9a3412;margin-top:0}.chapter h2{font-size:clamp(25px,4vw,38px);color:#0f766e;margin-top:1.4em}.chapter h3{font-size:1.35em;color:#92400e;margin-top:1.8em}.chapter p{margin:1em 0}.chapter blockquote{font-size:1.15em;line-height:1.6;border-left:5px solid #f59e0b;padding:14px 20px;background:#fff3d6;border-radius:0 16px 16px 0;margin:1.2em 0}.chapter .bullet{padding-left:1.4em;position:relative}.chapter .bullet:before{content:'•';position:absolute;left:0;color:#0f766e;font-weight:bold}.hl{background:var(--highlight);border-radius:4px;padding:1px 2px}.dashboard h2{color:#0f766e}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.board-card{background:#fffaf3;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 7px 18px rgba(84,45,11,.07);font-family:system-ui,sans-serif}.board-card strong{display:block;margin-bottom:8px}.footer{text-align:center;color:var(--muted);padding:30px;font-family:system-ui,sans-serif}.footer img{max-width:280px;border-radius:18px;display:block;margin:0 auto 18px;box-shadow:var(--shadow)}.toc-toggle{display:none}.dark{--bg:#111827;--paper:#17212b;--ink:#f8efe2;--muted:#d5b88d;--line:#3b2f24;--highlight:#665c1e;background:#111827}.dark body,.dark .topbar{background:#111827}.dark .hero-copy,.dark .front,.dark button,.dark select,.dark .chapter-toolbar,.dark .board-card,.dark .chapter{background:#17212b;color:var(--ink)}.dark .chapter blockquote{background:#251f13}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-340px;width:315px;z-index:10;transition:left .2s}.sidebar.open{left:0}.toc-toggle{display:block;margin-bottom:10px}.hero{grid-template-columns:1fr}.cover{max-width:280px;margin:auto}.top-title{font-size:14px}.chapter-toolbar{top:54px;overflow:auto}.chapter-toolbar button,.chapter-toolbar select{font-size:13px;padding:8px 10px}}@media print{.sidebar,.topbar,.chapter-toolbar,.hero,.dashboard,.footer,.progress{display:none}.app-shell{display:block}.reader-card{max-width:none}.chapter{box-shadow:none;border:none}}