:root{--bg:#ece7d8;--paper:#f6f3e9;--line:#d8d0bb;--ink:#2b2620;--muted:#716958;--accent:#5a5345;--focus:#236b9b;--reader-font-size:18px;--serif:Georgia,"Iowan Old Style",serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}[data-theme=dark]{--bg:#121212;--paper:#1c1c1c;--line:#3b3b3b;--ink:#e2e2e2;--muted:#aaa;--accent:#d0c6aa;--focus:#78b9e6}[data-theme=sepia]{--bg:#f1e7d0;--paper:#f8f0dd;--line:#d9c99f;--ink:#3a2f1f;--muted:#806f50;--accent:#6b5734}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--serif)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}header{height:54px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--bg);border-bottom:1px solid var(--line)}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-weight:700}.page-title{flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px var(--mono);color:var(--muted)}#sidebarOverlay{display:none;position:fixed;inset:0;z-index:90;background:#0008}#sidebarOverlay.open{display:block}#sidebar{position:fixed;top:0;left:-330px;width:min(320px,90vw);height:100%;z-index:100;overflow-y:auto;padding:18px 14px;background:var(--paper);border-right:1px solid var(--line);transition:left .25s ease}#sidebar.open{left:0}.sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-title,.group-label{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar-title{margin:6px 0 18px}.group-label{margin:18px 0 6px;color:var(--accent)}.book-link{display:block;width:100%;padding:10px;border:0;border-radius:7px;text-align:left;background:transparent;color:var(--ink);font-size:14px}.book-link:hover,.book-link.active{background:var(--bg)}.book-link.active{font-weight:700;color:var(--accent)}.saved-state{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.saved-state summary{cursor:pointer;font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.saved-item{display:flex;align-items:center;gap:6px;margin-top:8px;font:12px/1.35 var(--mono)}.saved-item button{border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);padding:4px 6px}.saved-item button:first-child{flex:1;text-align:left}#settingsPanel,#searchPanel{display:none;position:fixed;top:62px;z-index:95;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 4px 18px #0003}#settingsPanel{right:16px;width:280px}#searchPanel{left:16px;right:16px;gap:8px}#settingsPanel.open,#searchPanel.open{display:flex}#settingsPanel.open{display:block}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font:12px var(--mono);color:var(--muted)}.small-btn,.theme-btn{min-width:32px;min-height:30px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.theme-group{display:flex;gap:6px}#search{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}#readerViewport{height:calc(100vh - 54px);overflow:hidden;position:relative}#readerContent{height:100%;column-width:calc(100vw - 80px);column-gap:80px;column-fill:auto;padding:34px 40px 60px;font-size:var(--reader-font-size);line-height:1.72;transition:transform .35s ease;will-change:transform}#readerContent h1{font-size:1.65em;color:var(--accent);margin:0 0 .9em}#readerContent h2{font-size:1.25em;color:var(--accent);margin:1.4em 0 .6em}#readerContent p{margin:0 0 1em;text-indent:1.4em}#readerContent p:first-of-type{text-indent:0}.metadata,.plain-note{margin:0 0 1.5rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);font:13px/1.5 var(--mono);column-span:all}.metadata strong{display:block;margin-bottom:.35rem;color:var(--accent)}.metadata a{color:var(--focus)}.metadata dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem .75rem;margin:.85rem 0 0}.metadata dt{color:var(--muted)}.metadata dd{margin:0;overflow-wrap:anywhere}.review-badge{display:inline-block;margin-left:.4rem;padding:.15rem .35rem;border-radius:4px;background:#f1d08a;color:#4a3519;font:700 10px var(--mono)}.study-block{break-inside:avoid;margin:1.1rem 0;padding:.85rem 1rem;border-left:4px solid #9a6a3a;border-radius:0 7px 7px 0;background:#faf1e6}.study-block.contrary{border-color:#527a68;background:#edf5ef}.study-block.answer{border-color:#236b9b;background:#eaf3f8}.study-block.reply{border-color:#8069a0;background:#f3eff8}.study-label{display:block;margin-bottom:.4rem;font:700 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#49321f}.answer .study-label{color:#205879}.contrary .study-label{color:#315b4a}.reply .study-label{color:#5c4878}.study-block p{margin:.55rem 0;text-indent:0}.record{break-inside:avoid}.record-ref{font:700 .76em var(--mono);color:var(--accent)}.tap-zone{position:absolute;top:54px;bottom:36px;width:15%;z-index:10;border:0;background:transparent}.tap-zone.left{left:0}.tap-zone.right{right:0}footer{position:fixed;bottom:0;left:0;right:0;height:38px;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);border-top:1px solid var(--line);font:11px var(--mono);color:var(--muted)}footer button{border:0;background:transparent;color:var(--muted);font-size:15px}.progress-bar{width:140px;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .25s}.loading,.empty{padding:2rem;text-align:center;color:var(--muted);font:14px var(--mono);column-span:all}.error{padding:1rem;border:1px solid #b55342;border-radius:8px;background:#fae7e1;color:#6d2519;font:14px/1.5 var(--mono);column-span:all}dialog{max-width:min(32rem,calc(100vw - 2rem));border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 12px 36px #0005}dialog::backdrop{background:#0008}dialog textarea{display:block;width:100%;min-height:9rem;margin:.8rem 0;padding:.7rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{border:1px solid var(--line);border-radius:6px;padding:.45rem .7rem;background:var(--bg);color:var(--ink)}@media(max-width:680px){#readerContent{column-width:calc(100vw - 32px);column-gap:32px;padding:24px 16px 58px;font-size:var(--reader-font-size)}.metadata{font-size:11px}.study-block{padding:.7rem .75rem}.tap-zone{width:20%}.progress-bar{width:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}