:root{--bg: #f3efe4;--bg-deep: #e8e0d0;--ink: #1c1a14;--muted: #5c574c;--accent: #2f4f2f;--accent-2: #8b5a2b;--card: rgba(255, 252, 245, .92);--line: rgba(44, 40, 30, .12);--danger: #8b2e2e;--radius: 14px;--shadow: 0 10px 30px rgba(40, 30, 10, .08);--font-body: "Heebo", system-ui, sans-serif;--font-text: "Frank Ruhl Libre", "Times New Roman", serif;--text-size: 18px;--shell-pad: 12px;--nav-h: 64px;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9e4d2 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e8d7b8 0%,transparent 50%),linear-gradient(180deg,#f7f3ea 0%,var(--bg) 40%,#ebe4d6 100%);background-attachment:fixed;-webkit-text-size-adjust:100%}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1120px,100%);margin:0 auto;padding:var(--shell-pad);padding-bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3efe4e0;border-bottom:1px solid var(--line);margin:calc(var(--shell-pad) * -1) calc(var(--shell-pad) * -1) 14px;padding:10px var(--shell-pad) 12px}.brand{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand h1,.reader-title{margin:0;font-size:clamp(1.15rem,3.8vw,1.7rem);letter-spacing:-.02em;color:var(--accent);line-height:1.25;flex:1 1 auto;min-width:0}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.font-controls{display:inline-flex;gap:4px;align-items:center}.search-box{display:grid;gap:8px;margin-top:10px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-row input{width:100%;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:12px 16px;outline:none;min-height:44px}.search-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f4f2f1f}.search-row button,.chip,.toggle{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:10px 14px;cursor:pointer;min-height:40px;touch-action:manipulation}.search-row button.primary{background:var(--accent);color:#f7f3ea;border-color:transparent;min-width:72px}.chip.icon{min-width:40px;padding-inline:10px;font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters select,.chip,.toggle{font-size:.9rem}.filters select{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;min-height:40px;max-width:100%}.toggle.active{background:var(--accent);color:#f7f3ea;border-color:transparent}.layout{display:grid;gap:14px}@media(min-width:900px){.layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start}.toc-panel{position:sticky;top:88px;max-height:calc(100vh - 120px);overflow:auto}}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(10px,2vw,16px)}.panel h2{margin:0 0 8px;font-size:1rem;color:var(--accent)}.toc-volume{margin-bottom:10px}.toc-volume summary{cursor:pointer;font-weight:600;padding:8px 0}.toc-topic{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;text-align:right;background:transparent;border:0;border-radius:8px;padding:10px 8px;color:var(--ink);cursor:pointer;min-height:42px}.toc-topic-title{flex:1}.toc-topic:hover,.toc-topic.active{background:var(--bg-deep)}.meta{color:var(--muted);font-size:.85rem;margin-bottom:6px}.result{padding:14px 8px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:10px}.result:last-child{border-bottom:0}.result:hover{background:#2f4f2f0a}.result.active-seg{background:#2f4f2f1a;border:1px solid rgba(47,79,47,.18);cursor:default}.result .path{color:var(--accent-2);font-size:.82rem;margin-bottom:6px}.result .body,.reader .body{font-family:var(--font-text);font-size:var(--text-size);line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.result .body mark,.result .body .hl{background:#ffe08a;color:inherit;border-radius:3px;padding:0 2px}.reader-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.reader-nav .chip{flex:1 1 auto;text-align:center;min-width:88px}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#f3efe4f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.bottom-nav a{text-align:center;padding:12px 6px;border-radius:12px;color:var(--muted);font-size:.95rem;font-weight:600;min-height:44px;display:grid;place-items:center}.bottom-nav a.active{background:var(--accent);color:#f7f3ea}.empty,.error{padding:18px 8px;color:var(--muted);text-align:center}.error{color:var(--danger)}.hint{margin-top:8px;font-size:.85rem}.stats{font-size:.85rem;color:var(--muted);margin:4px 0 8px}@media(max-width:560px){:root{--shell-pad: 10px}.brand h1{font-size:1.2rem}.filters select{flex:1 1 calc(50% - 8px)}.search-row{grid-template-columns:1fr}.search-row button.primary{width:100%}}@media(min-width:1100px){.app-shell{width:min(1240px,100%)}}