@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17221b;--paper:#f4f5f0;--line:#dce1d7;--green:#228b55;--blue:#0e3d8a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.top{height:74px;background:#111912;color:#edf5ed;display:flex;align-items:center;padding:0 28px;gap:25px;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;letter-spacing:.08em}.brand small{display:block;font:9px 'DM Mono',monospace;color:#a5b9aa;margin-top:4px}.mark{border:2px solid #b4cbbb;width:34px;height:34px;display:grid;place-items:center;font-size:23px;position:relative}.mark span{position:absolute;right:0;bottom:0;font-size:8px;color:#63c18d}.header-note{font:10px 'DM Mono',monospace;color:#92a897}.top>.primary{margin-left:auto}.primary{padding:12px 18px;background:#228b55;color:white;font-size:11px;font-weight:800}.primary:hover{background:#176e40}.outline{padding:11px 14px;border:1px solid #cbd5c7;background:transparent;color:#304937;font-size:11px;font-weight:700}.outline:hover{background:#e6ede3}.workspace{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 74px)}.sidebar{border-right:1px solid var(--line);padding:28px 16px;background:#ebefe7;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}.nav-label,.categories summary{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#70806f;padding:0 12px 13px}.main-nav{display:grid;gap:4px}.main-nav button{padding:12px;text-align:left;background:none;display:flex;align-items:center;gap:9px;color:#5f705d;font-size:12px}.main-nav button b{font:10px 'DM Mono',monospace;margin-left:auto;color:#718671}.main-nav button.selected{background:#d4e4d3;color:#174e2c;font-weight:800;border-left:2px solid #228b55}.categories{margin-top:32px}.categories summary{cursor:pointer}.categories #chips{display:grid;gap:2px}#chips button{background:none;color:#667762;text-align:left;padding:9px 12px;font-size:11px}#chips button.selected{color:#164e2d;background:#dde8d8;font-weight:800}.sidebar-foot{padding:25px 12px 0;color:#7c8d79;font:9px/1.8 'DM Mono',monospace}.sidebar-foot small{display:block;font-size:8px}main{padding:38px 36px;min-width:0;max-width:1700px;width:100%}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font:9px 'DM Mono',monospace;letter-spacing:.13em;color:#648267}h1{font-size:30px;letter-spacing:-.05em;margin:9px 0 0;font-weight:800}.page-head small{font-size:10px;color:#7f8c7c}.toolbar{display:flex;gap:8px;align-items:stretch}.search{flex:1;display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);padding:0 12px;min-width:180px}.search>span{font-size:24px;color:#668168}.search input{width:100%;border:0;outline:0;font-size:11px;padding:14px 0;background:none}.search kbd{border:1px solid #ddd;padding:2px 5px;color:#888}.toolbar select{max-width:175px;border:1px solid var(--line);padding:0 10px;background:white;font-size:10px;color:#50634d}.resultbar{display:flex;justify-content:space-between;margin:22px 0 14px;color:#7e8b79;font:9px 'DM Mono',monospace;letter-spacing:.06em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{min-height:208px;border:1px solid var(--line);background:#fff;padding:18px;display:flex;flex-direction:column;transition:border .2s}.card:hover{border-color:#87ae8c}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.tag{padding:5px 7px;background:#edf3ea;color:#377c4e;font:8px 'DM Mono',monospace;letter-spacing:.03em}.heart{background:none;color:#8c9d87;font-size:21px;padding:0}.heart.on{color:#228b55}.card h3{font-size:14px;line-height:1.5;letter-spacing:-.025em;margin:17px 0 8px;overflow-wrap:anywhere}.card p{font-size:10px;color:#87907f;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.card-bottom{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font:8px 'DM Mono',monospace;color:#889783}.card-bottom button{background:none;font:800 9px Manrope;color:#31603c}.pagination{text-align:center;margin:30px 0}.empty{grid-column:1/-1;padding:60px 10px;text-align:center;color:#82917b}.tool-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.tool-tabs button{padding:12px 15px;background:#e4eade;color:#62735a;font-size:11px}.tool-tabs button.selected{background:#173c26;color:white}.tool-panel{background:#fff;border:1px solid var(--line);padding:25px}.tool-intro{margin-bottom:25px}.tool-intro h2{font-size:20px;letter-spacing:-.04em;margin:0 0 8px}.tool-intro p{font-size:11px;color:#7d8a75;margin:0}.tool-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font:9px 'DM Mono',monospace;letter-spacing:.05em;margin-bottom:17px}textarea,label>input,label>select{display:block;width:100%;border:1px solid #d6dfd0;background:#fcfdf9;padding:12px;margin-top:8px;resize:vertical;font:12px/1.8 Manrope;color:#233b26}textarea:focus,input:focus,select:focus{outline:2px solid #9bc9aa;outline-offset:1px}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.diff{margin-top:20px;font:11px/1.8 'DM Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.diff .added{background:#e3f2e3;color:#26623d}.diff .removed{background:#fae3df;color:#914b3f}.diff div{padding:3px 10px}.hint{font-size:10px;color:#7e8d77;line-height:1.7}.source-link{font-size:11px;color:#246f40;display:inline-block;margin-top:14px;font-weight:800}dialog{border:1px solid #d1ddca;padding:28px;max-width:710px;width:calc(100% - 28px);background:#f6f8f1;color:#203923}dialog::backdrop{background:#0d180fd9}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{background:none;font-size:27px;color:#506b4b}dialog h2{font-size:25px;letter-spacing:-.04em;overflow-wrap:anywhere}.detail-label{margin-top:18px}#toast{position:fixed;bottom:24px;right:24px;background:#142f1d;color:#fff;padding:13px 20px;opacity:0;pointer-events:none;font-size:11px;z-index:5}#toast.show{opacity:1}footer{display:flex;gap:20px;margin-top:38px;font:8px 'DM Mono',monospace;color:#809177}footer span{color:#a0ac98}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:200px 1fr}main{padding:30px 22px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1;max-width:none}}@media(max-width:700px){.top{padding:0 16px;height:64px}.header-note{display:none}.workspace{display:block}.sidebar{position:static;height:auto;padding:12px 15px;border-bottom:1px solid var(--line)}.nav-label,.sidebar-foot{display:none}.main-nav{display:flex;overflow:auto}.main-nav button{white-space:nowrap;padding:10px;font-size:10px}.main-nav button b{display:none}.categories{margin:12px 0 0}.categories summary{padding:5px}.categories #chips{display:flex;overflow:auto}#chips button{white-space:nowrap}.page-head{align-items:start}.page-head .outline{font-size:9px;padding:9px}main{padding:25px 16px}.tool-columns{grid-template-columns:1fr}.tool-panel{padding:20px}.tool-tabs button{font-size:10px}.grid{gap:9px}.card{padding:13px}.card .tag{font-size:7px}.card h3{font-size:13px}.page-head h1{font-size:26px}}@media(max-width:430px){.grid{grid-template-columns:1fr}.card{min-height:180px}.brand{font-size:11px}.top>.primary{font-size:10px;padding:10px}.page-head{gap:10px}.head-actions{max-width:125px}}
.head-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.secondary-toolbar{display:flex;align-items:center;gap:10px;margin-top:12px}.secondary-toolbar select{padding:9px;background:white;border:1px solid var(--line);font-size:11px}.muted{font-size:10px;color:#81917b}.filter-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.filter-pills button{padding:7px 10px;background:#dcebd9;color:#2a6540;font-size:10px}.categories #chips{display:block}.category-group summary{padding:7px 2px;font:11px Manrope;letter-spacing:0;color:#4b6548}.category-group label{display:flex;align-items:center;gap:6px;font:10px Manrope;letter-spacing:0;margin:0;padding:5px 0;cursor:pointer}.category-group summary label{display:inline-flex;width:calc(100% - 18px)}.category-group input{width:12px;height:12px;accent-color:#228b55;margin:0}.category-group b{margin-left:auto;font:8px 'DM Mono';color:#879880}.category-group>div{padding-left:20px}.category-tags{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.category-tags span{font-size:8px;color:#597350;background:#f1f5ed;padding:3px 6px}.list-view{grid-template-columns:1fr!important}.list-view .card{min-height:0;display:grid;grid-template-columns:100px 1.3fr 2fr 1fr;align-items:center;gap:14px;padding:14px}.list-view .card h3,.list-view .card p,.list-view .category-tags{margin:0}.list-view .card-bottom{grid-column:2/-1;padding:0}.custom-category{display:flex;gap:8px;margin-top:12px}.custom-category input{flex:1;min-width:0;border:1px solid var(--line);padding:10px}.record-categories{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.record-categories summary{cursor:pointer;color:#397543;font-size:11px}.record-categories select{font-size:11px}body{font-size:14px}.card p{font-size:11px;color:#667660}.card h3{font-size:15px}.sidebar{width:250px}.workspace{grid-template-columns:250px 1fr}.grid .heart.on{color:#228b55}.card{min-height:235px}@media(max-width:1100px){.workspace{grid-template-columns:220px 1fr}.sidebar{width:220px}}@media(max-width:700px){.sidebar{width:auto}.categories #chips{display:block;max-height:280px;overflow:auto}.category-group>div{padding-left:22px}.head-actions{max-width:180px}.head-actions .outline{font-size:9px}.head-actions #export{display:none}.list-view .card{display:flex;align-items:stretch;gap:8px}.secondary-toolbar{flex-wrap:wrap}.muted{display:none}.category-group label{font-size:12px}}

.archive-intro{margin:0 0 18px;color:#626c5a;font-size:14px;line-height:1.7}.archive-intro span{display:block;font-size:12px}.quick-collections{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.quick-collections button{padding:10px 13px;border:1px solid #cdd3c5;background:transparent;border-radius:5px;color:inherit;font:inherit;font-size:12px;cursor:pointer}.quick-collections button:hover,.quick-collections button.selected{border-color:#228b55;background:#e6efdf}.secondary-toolbar{flex-wrap:wrap}.secondary-toolbar select{max-width:100%}@media(max-width:600px){.quick-collections{gap:6px}.quick-collections button{flex:1 1 44%;font-size:11px;text-align:left}.secondary-toolbar .muted{width:100%}}

.reading-references{display:grid;gap:8px;margin:14px 0 20px}.reading-references .hint{margin:0}.reading-references a{overflow-wrap:anywhere}

.category-count-note{font-size:11px;line-height:1.5;color:var(--muted,#657062);padding:0 8px;margin:0 0 12px}.book-collection{border:1px solid #bdc5b7;border-left:4px solid #228B55;background:#f0f2eb;padding:22px;margin:0 0 22px}.book-collection h2{margin:8px 0;font-size:26px}.book-collection p{line-height:1.6}.book-collection .quick-collections{margin-top:18px}.book-collection button[aria-pressed="true"]{background:#0E3D8A;color:white}.book-collection b{margin-left:6px;font-size:11px}@media(max-width:650px){.book-collection{padding:16px}.book-collection h2{font-size:22px}}