:root{--bg:#07090a;--panel:#10171b;--panel2:#162127;--paper:#f5f1e7;--ink:#171713;--text:#f7f4ec;--muted:#b8c7cf;--border:#637986;--human:#78e7f3;--ai:#ffd166;--danger:#ff9aa8;--ok:#8ff0ae;font-size:17px;color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,input,textarea,select{border:1px solid var(--border);background:#22313a}button{min-height:42px;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}
#app{height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr) 360px;grid-template-rows:auto minmax(0,1fr)}
.topbar{grid-column:1/-1;display:flex;align-items:center;gap:.65rem;padding:calc(.48rem + env(safe-area-inset-top)) .7rem .48rem;border-bottom:1px solid var(--border);background:#090d0f}.brand{font:800 1rem Georgia,serif;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font:700 .59rem ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.topbar select{min-width:240px;max-width:42vw;border-radius:.55rem;padding:.48rem;background:#fff;color:#111}.top-status{margin-left:auto;color:var(--muted);font:700 .65rem ui-monospace,Consolas,monospace}.round{border-radius:999px;padding:.38rem .62rem;font:800 .65rem ui-monospace,Consolas,monospace;letter-spacing:.03em}.round.active{border-color:var(--ok);background:#123c21;color:#eaffef}
.rail,.pedagogy{min-height:0;overflow:auto;background:var(--panel);padding:.68rem}.rail{border-right:1px solid var(--border)}.pedagogy{border-left:1px solid var(--border)}.eyebrow{color:var(--ai);font:850 .62rem ui-monospace,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.rail h1{font:700 1.18rem/1.15 Georgia,serif;margin:.35rem 0}.rail p,.pedagogy p{color:var(--muted);font-size:.76rem;line-height:1.45}.chapter-meta{display:grid;gap:.35rem;padding:.55rem 0 .7rem;border-bottom:1px solid #3b4d56}.meta-chip{display:inline-flex;width:max-content;border:1px solid var(--border);border-radius:999px;padding:.2rem .42rem;color:var(--muted);font:750 .59rem ui-monospace,Consolas,monospace}.section-nav{display:grid;gap:.25rem;margin:.65rem 0}.section-nav button{text-align:left;border:0;border-left:3px solid transparent;background:transparent;padding:.38rem .45rem;color:var(--muted);font-size:.72rem}.section-nav button:hover,.section-nav button.current{border-left-color:var(--ai);color:#fff;background:#1b292f}.rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.7rem 0}.rail-actions button{border-radius:.48rem;font:800 .62rem ui-monospace,Consolas,monospace}.human-action{border-color:var(--human);background:#0c3e46;color:#eaffff}.danger-action{border-color:var(--danger);background:#4a1820}.annotation-list{display:grid;gap:.4rem}.annotation-card{border:1px solid var(--border);border-left:4px solid var(--human);border-radius:.45rem;background:#0b1114;padding:.48rem}.annotation-card.ai{border-left-color:var(--ai)}.annotation-card button{float:right;min-height:28px;border:0;background:transparent;color:var(--muted)}.annotation-card q{display:block;font-size:.69rem;line-height:1.35;color:#fff}.annotation-card p{margin:.28rem 0 0;font-size:.66rem}
.reader-shell{position:relative;min-width:0;min-height:0;overflow:auto;background:var(--paper);color:var(--ink);scroll-behavior:smooth}.reader{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:3.2rem clamp(1rem,5vw,4.4rem) 8rem}.reader header{padding-bottom:1.4rem;border-bottom:2px solid #c5bfae}.reader header h1{font:700 clamp(2rem,5vw,4.2rem)/.98 Georgia,serif;margin:.35rem 0}.reader header p{font-size:1rem;line-height:1.55;max-width:70ch}.reader section{scroll-margin-top:1rem;padding:1.35rem 0;border-bottom:1px solid #d7d1c2}.reader h2{font:700 1.65rem/1.12 Georgia,serif}.reader h3{font:700 1.08rem/1.2 Georgia,serif}.reader p,.reader li,.reader blockquote{font:500 .96rem/1.68 Georgia,serif}.reader code{font:700 .82em ui-monospace,Consolas,monospace;background:#e4dfd2;border:1px solid #b9b19e;border-radius:.22rem;padding:.04rem .18rem}.reader pre{overflow:auto;background:#171a1b;color:#f5f1e7;padding:.7rem;border-radius:.45rem;font-size:.76rem}.reader blockquote{margin-left:0;padding-left:.85rem;border-left:5px solid #947a3a}.reader table{border-collapse:collapse;width:100%;font-size:.78rem}.reader th,.reader td{border:1px solid #aaa18d;padding:.4rem;text-align:left}.reader ::selection{background:rgba(120,231,243,.55);color:#080a0b}.highlight-layer{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.selection-tray{position:sticky;z-index:8;left:0;right:0;bottom:0;display:none;gap:.45rem;align-items:center;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:#0b1114f4;color:#fff;border-top:1px solid var(--border);backdrop-filter:blur(12px)}.selection-tray.show{display:flex}.selection-copy{min-width:0;flex:1}.selection-copy strong{display:block;font:800 .61rem ui-monospace,Consolas,monospace;color:var(--human)}.selection-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.selection-tray button{border-radius:999px;padding:.3rem .52rem;font:800 .62rem ui-monospace,Consolas,monospace}.loading{display:grid;place-items:center;height:100%;font:800 .72rem ui-monospace,Consolas,monospace;color:#49555b}
.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:.38rem;margin:.55rem 0}.operation-grid button{border-radius:.52rem;padding:.58rem .35rem;background:#2b230d;border-color:#a9842d;color:#fff2bd;font:850 .64rem ui-monospace,Consolas,monospace}.operation-grid button:hover{background:#4b3500}.selection-panel{border:1px solid var(--border);border-radius:.55rem;padding:.55rem;background:#0b1114;margin:.5rem 0}.selection-panel q{display:block;font-size:.72rem;line-height:1.42;color:#fff}.selection-panel small{display:block;margin-top:.35rem;color:var(--muted)}.result{display:none;border:1px solid var(--ai);border-radius:.6rem;background:#251e0b;padding:.65rem;margin-top:.6rem}.result.show{display:block}.result-head{display:flex;align-items:center;gap:.4rem}.result-head strong{font:800 .7rem ui-monospace,Consolas,monospace;color:#fff2bd}.result-head button{margin-left:auto;min-height:32px;border-radius:999px;padding:.25rem .45rem;font-size:.6rem}.result-body{white-space:pre-wrap;font:500 .8rem/1.55 Georgia,serif;color:#fff}.anchor-row{display:flex;flex-wrap:wrap;gap:.3rem;margin:.55rem 0}.anchor-chip{border:1px solid #8d7438;border-radius:999px;padding:.18rem .38rem;font:750 .58rem ui-monospace,Consolas,monospace;color:#fff2bd}.quiz{display:none;margin-top:.55rem}.quiz.show{display:grid;gap:.4rem}.quiz textarea{min-height:96px;resize:vertical;border-radius:.45rem;background:#fff;color:#111;padding:.55rem}.quiz button{border-radius:.5rem;background:#123c21;border-color:var(--ok)}.setup{position:fixed;z-index:50;inset:0;display:none;place-items:center;padding:1rem;background:#060809e8;backdrop-filter:blur(12px)}.setup.open{display:grid}.setup-card{width:min(560px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:.8rem;background:var(--panel2);padding:1rem}.setup-card h2{font-family:Georgia,serif}.setup-card label{display:grid;gap:.3rem;margin:.65rem 0;color:var(--muted);font-size:.75rem}.setup-card input{width:100%;border-radius:.5rem;background:#fff;color:#111;padding:.55rem}.setup-actions{display:flex;justify-content:flex-end;gap:.4rem}.setup-actions button{border-radius:999px;padding:.4rem .65rem;font:800 .65rem ui-monospace,Consolas,monospace}.ethics{border-left:4px solid var(--human);padding-left:.6rem}.eula-note{margin-top:1rem;padding-top:.7rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--muted)}.toast{position:fixed;z-index:80;left:50%;bottom:1rem;transform:translateX(-50%);display:none;max-width:90vw;padding:.55rem .72rem;border:1px solid var(--human);border-radius:.55rem;background:#071215;color:#eaffff;font:800 .68rem ui-monospace,Consolas,monospace}.toast.show{display:block}
@media(max-width:1050px){#app{grid-template-columns:210px minmax(0,1fr) 310px}}
@media(max-width:820px){#app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.rail,.pedagogy{position:fixed;z-index:30;top:calc(58px + env(safe-area-inset-top));bottom:0;width:min(360px,92vw);transition:transform .2s}.rail{left:0;transform:translateX(-102%)}.pedagogy{right:0;transform:translateX(102%)}.rail.open,.pedagogy.open{transform:none}.topbar select{min-width:0;flex:1}.mobile-only{display:inline-flex}.reader{padding-top:2rem}.top-status{display:none}}
@media(min-width:821px){.mobile-only{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}