:root,:root[data-theme=light]{--ink: #1e2126;--ink-soft: #4a4f57;--paper: #fdfcfa;--surface: #ffffff;--wash: #f4f1ec;--rule: #e3ded6;--rule-soft: #efeae2;--accent: #8a4b2d;--accent-soft: #b06a44;--accent-wash: #fbf6ef;--muted: #6b6f76;--good: #5f8a5c;--good-wash: #eef3ed;--warn: #a4620f;--warn-wash: #fdf3e6;--bad: #8a2d2d;--bad-wash: #f7ecec;--info: #2d4a8a;--info-wash: #ecf0f7;--shadow: 0 1px 2px rgba(30, 33, 38, .05);--hl: rgba(212, 165, 90, .35);--hl-strong: rgba(212, 165, 90, .62);--jump: rgba(138, 75, 45, .28);--jump-strong: rgba(138, 75, 45, .55)}:root[data-theme=dark]{--ink: #e6e1d8;--ink-soft: #a8a196;--paper: #16181b;--surface: #1d2024;--wash: #23262b;--rule: #32363c;--rule-soft: #292d32;--accent: #cf8a5c;--accent-soft: #e0a377;--accent-wash: #2a211b;--muted: #918a80;--good: #7fae7b;--good-wash: #1e2620;--warn: #d09b4e;--warn-wash: #2a2318;--bad: #d08080;--bad-wash: #2b1e1e;--info: #8aa6d8;--info-wash: #1e2430;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--hl: rgba(212, 165, 90, .3);--hl-strong: rgba(212, 165, 90, .52);--jump: rgba(207, 138, 92, .3);--jump-strong: rgba(207, 138, 92, .55)}*{box-sizing:border-box}html{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);transition:background .12s ease,color .12s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--rule);background:var(--surface);border-radius:6px;padding:6px 12px;box-shadow:var(--shadow)}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}button.small{padding:2px 8px;font-size:12px}button.ghost{background:transparent;border-color:transparent;box-shadow:none;padding:4px 8px}button.ghost:hover{background:var(--wash);border-color:transparent}textarea,input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:8px;width:100%}textarea:focus,input:focus{outline:2px solid var(--accent);outline-offset:-1px}::placeholder{color:var(--muted)}.topbar{display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid var(--rule);background:var(--surface);position:sticky;top:0;z-index:50}.topbar .brand{font-weight:700;letter-spacing:.5px;color:var(--accent);display:flex;align-items:center;gap:8px}.topbar .brand .mark{width:13px;height:13px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%)}.topbar nav{display:flex;gap:14px}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}.page{max-width:1100px;margin:0 auto;padding:24px 20px}.lede{color:var(--muted);font-size:13px;margin:0 0 18px}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{border:1px solid var(--rule);border-radius:10px;padding:16px;background:var(--surface);box-shadow:var(--shadow)}.card h3{margin:0 0 6px;font-family:Charter,Georgia,Times New Roman,serif;font-size:18px}.card .meta{color:var(--muted);font-size:13px}.readerwrap{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;height:calc(100vh - 49px)}.chapnav{border-right:1px solid var(--rule);overflow-y:auto;padding:12px;font-size:13px;background:var(--surface)}.chapnav a{display:block;padding:5px 8px;border-radius:6px;color:var(--ink)}.chapnav a:hover{background:var(--wash);text-decoration:none}.chapnav a.active{background:var(--accent-wash);color:var(--accent);font-weight:600}.chapnav a .cnt{color:var(--muted);font-size:11px;margin-left:4px}.bookhost{overflow-y:auto;background:var(--paper)}.annrail{border-left:1px solid var(--rule);overflow-y:auto;padding:12px;background:var(--surface)}.annrail h4{margin:4px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.ann{border:1px solid var(--rule);border-radius:8px;padding:10px;margin-bottom:10px;font-size:13px;background:var(--surface)}.ann.orphaned{border-style:dashed;border-color:var(--warn)}.ann .who{color:var(--muted);font-size:11px;margin-bottom:4px}.ann .quote{color:var(--muted);font-style:italic;border-left:3px solid var(--rule);padding-left:8px;margin:6px 0;overflow-wrap:anywhere}.ann .actions{display:flex;gap:6px;margin-top:8px}.chips{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.chip{border:1px solid var(--rule);border-radius:999px;padding:4px 12px;font-size:13px;background:var(--surface);cursor:pointer;color:var(--ink)}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.queue{display:flex;flex-direction:column;gap:12px}.item{border:1px solid var(--rule);border-radius:10px;padding:14px 16px;background:var(--surface);box-shadow:var(--shadow)}.item.mine{border-left:4px solid var(--accent)}.item .keys{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.item h3{margin:6px 0;font-size:17px;font-family:Charter,Georgia,Times New Roman,serif}.item .body{font-size:14px;white-space:pre-wrap;color:var(--ink-soft)}.item .draft{background:var(--wash);border-radius:8px;padding:10px;font-size:13px;margin-top:8px}.item .draft b{color:var(--accent)}.item .actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}.ask{background:var(--accent-wash);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:9px 12px;margin:8px 0;font-size:14px}.ask b{color:var(--accent)}.badge{display:inline-block;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:600}.badge.matt{background:var(--good-wash);color:var(--good)}.badge.cto{background:var(--warn-wash);color:var(--warn)}.badge.agent{background:var(--info-wash);color:var(--info)}.badge.external,.badge.live-discussion,.badge.nobody{background:var(--wash);color:var(--muted)}.badge.both{background:var(--bad-wash);color:var(--bad)}.badge.state{background:var(--wash);color:var(--muted)}.badge.target{background:var(--accent);color:#fff}.badge.target:hover{text-decoration:none;background:var(--accent-soft)}.badge.stale{background:var(--bad-wash);color:var(--bad)}.badge.nosection{background:var(--warn-wash);color:var(--warn)}.grouphead{margin:20px 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.note{color:var(--muted);font-size:13px}.login{max-width:380px;margin:12vh auto;padding:0 20px}.login h2{font-family:Charter,Georgia,Times New Roman,serif}.error{color:var(--bad);background:var(--bad-wash);border-radius:8px;padding:10px 14px}@media (max-width: 900px){.readerwrap{grid-template-columns:1fr;height:auto}.chapnav,.annrail{border:0;border-top:1px solid var(--rule)}}