:root{color-scheme:light dark;--bg:#f4f0e7;--panel:#fffdf8;--ink:#243329;--muted:#69756c;--line:#d5d8cc;--accent:#2d704d;--accent-soft:#dcebdd;--danger:#9f3b35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}button,select,input{font:inherit;color:inherit}main{min-height:100vh;padding:18px}.workspace-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 auto 14px;max-width:1600px}h1,h2,h3,p{margin-top:0}h1{font:600 28px/1.1 ui-serif,Georgia,serif;margin-bottom:0}h2{font:600 22px/1.2 ui-serif,Georgia,serif;margin:2px 0}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.book-picker{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.book-picker select{min-width:280px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 10px;text-transform:none}.status{max-width:1600px;margin:0 auto 12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.status.is-error{color:var(--danger)}.workspace{display:grid;grid-template-columns:250px minmax(380px,1fr) 330px;max-width:1600px;height:calc(100vh - 100px);margin:auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.outline,.analysis,.reader{min-width:0}.outline,.analysis{display:flex;flex-direction:column}.outline{border-right:1px solid var(--line)}.analysis{border-left:1px solid var(--line);padding-bottom:12px}.panel-heading,.reader-head{padding:13px 14px;border-bottom:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;font-weight:700}.panel-heading small{color:var(--muted);font-weight:400}.section-list{overflow:auto;padding:7px}.section-item{width:100%;display:grid;text-align:left;background:transparent;border:0;border-radius:8px;padding:9px;cursor:pointer}.section-item small{color:var(--muted);font-size:10px;text-transform:uppercase}.section-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-item:hover,.section-item.is-active{background:var(--accent-soft)}.reader{display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.reader-head{display:flex;align-items:center;justify-content:space-between;min-height:72px}.text-link{color:var(--accent);font-weight:700}.view-tabs{display:flex;gap:5px;padding:7px 12px;border-bottom:1px solid var(--line)}.tab{border:1px solid transparent;background:transparent;border-radius:999px;padding:5px 10px;cursor:pointer}.tab.is-active{background:var(--accent-soft);border-color:#b9d4bd}.reading-pane{overflow:auto;padding:28px;outline:none}.reading-pane iframe{width:100%;height:100%;border:1px solid var(--line);border-radius:8px}.prose{max-width:760px;margin:auto;font:17px/1.75 ui-serif,Georgia,serif}.prose li+li{margin-top:12px}.hint{color:var(--muted);padding:14px;margin:0}.analysis blockquote{margin:0 14px 12px;padding:10px;border-left:3px solid var(--accent);background:var(--accent-soft);max-height:130px;overflow:auto}.primary{margin:0 14px 12px;border:0;border-radius:9px;padding:9px 12px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.responses{overflow:auto;padding:0 14px;flex:1}.responses article{border-top:1px solid var(--line);padding:12px 0}.responses p{white-space:normal}form{padding:10px 14px 0;border-top:1px solid var(--line)}form label{display:grid;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase}form input{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px}@media(max-width:900px){main{padding:10px}.workspace-header{align-items:stretch;flex-direction:column}.book-picker select{width:100%;min-width:0}.workspace{height:auto;min-height:calc(100vh - 130px);grid-template-columns:1fr}.outline{border-right:0;border-bottom:1px solid var(--line);max-height:220px}.analysis{border-left:0;border-top:1px solid var(--line);min-height:350px}.reader{min-height:600px}}
@media(prefers-color-scheme:dark){:root{--bg:#151b17;--panel:#1d261f;--ink:#edf4ed;--muted:#a5b0a7;--line:#38433a;--accent:#71b98b;--accent-soft:#293d30;--danger:#ff9c94}}
.source-text{white-space:pre-wrap}