:root{color-scheme:dark;--bg:#111820;--panel:#18212b;--border:#2a3542;--text:#e7edf3;--muted:#91a1b3;--mint:#72d4bd;--purple:#b69ff0;--gold:#e4bd75;--blue:#7ba8df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{color:var(--text);background:#22303e;border:1px solid var(--border);border-radius:7px;padding:7px 11px;cursor:pointer}button:hover{border-color:#5c7a89;background:#2a3a49}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:2px}a{color:var(--mint);text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:#17212b}.brand{display:flex;gap:13px;align-items:center}.brand-icon{width:37px;height:37px;border:1px solid #69897d;color:var(--mint);border-radius:11px;display:grid;place-items:center;font:25px Georgia}.brand b{font-size:18px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.8px;margin-top:4px}.muted{color:#53687b}.header-actions{display:flex;align-items:center;gap:20px}.header-actions>span{color:var(--muted);font-size:12px}.app{display:grid;grid-template-columns:248px minmax(300px,1fr) 318px;height:calc(100dvh - 76px)}aside{background:var(--panel);min-height:0}.left{border-right:1px solid var(--border);position:relative;display:flex;flex-direction:column}.search{display:flex;align-items:center;margin:18px 15px 8px;border:1px solid #3a4c5c;border-radius:8px;padding:8px;gap:6px;background:#111b25}.search span{font-size:19px;color:var(--muted)}input[type=text],input:not([type]){width:100%;border:0;background:transparent;outline:0;color:var(--text);min-width:0;font-size:12px}.search kbd{font-size:10px;border:1px solid var(--border);padding:0 4px;border-radius:3px;color:var(--muted)}.left-body{overflow:auto;padding:14px 15px 24px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:2px;margin-bottom:11px}#competencies{display:grid;grid-template-columns:1fr 1fr;gap:8px}#competencies button{font-size:12px;padding:9px 4px;border-color:#3a4247;background:#222b30;text-align:left;color:#d6c39e}#competencies button span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin:0 7px 1px}#competencies button.active{background:#3c3630;border-color:var(--gold)}.section-title{display:flex;justify-content:space-between;margin:29px 0 12px}.section-title>span{font-size:12px;font-weight:600}.section-title small{font-size:10px;color:var(--muted)}.book{margin:3px 0}.book button{border:0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;font-size:12px;padding:9px 6px;color:#c3d3e4}.book button.active{background:#25374a;color:#9fc2ef}.book small{color:#6f859a;font-size:10px}.chapter-list{padding:0 0 6px 13px}.chapter-list button{font-size:11px;color:var(--muted);padding:6px 8px;border-left:1px solid #364659;border-radius:0}.chapter-list button:hover{color:white}.sidebar-note{border-top:1px solid var(--border);margin-top:24px;padding-top:15px;color:#7c8c9d;font-size:11px;line-height:1.9}.right{border-left:1px solid var(--border);display:flex;flex-direction:column}.detail-top{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:1px}.detail-top button{padding:2px 7px;font-size:10px;background:none}#detail{overflow:auto;padding:22px 19px 40px}#detail h2{font-size:23px;line-height:1.5;margin:12px 0 8px;letter-spacing:.4px;font-weight:550}#detail h3{font-size:12px;margin:23px 0 10px;color:#bfcddd;display:flex;justify-content:space-between}#detail p{color:#aab9c8;font-size:12px;line-height:1.85;margin:12px 0}.type-badge{display:inline-block;padding:3px 8px;border:1px solid #4b4b44;color:var(--gold);border-radius:4px;font-size:10px;letter-spacing:1px}.id{font:10px ui-monospace,monospace;color:#71879a;margin:8px 0 18px}.detail-actions{display:flex;gap:7px;margin:17px 0}.detail-actions button{flex:1;padding:7px 3px;font-size:11px}.tag{display:inline-block;font-size:10px;padding:3px 7px;margin:0 4px 5px 0;border-radius:4px;background:#273644;color:#adc1d2}.warning{border-left:2px solid var(--gold);padding:9px 11px;background:#302e29;color:#d1bd9c;font-size:11px;line-height:1.8}.relation{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid var(--border);border-radius:6px;margin:6px 0;gap:8px;cursor:pointer}.relation:hover{background:#263544}.relation span{font-size:12px}.relation small{font-size:9px;white-space:nowrap;color:#8197ac}.relation em{font-style:normal;display:block;font-size:9px;color:#8f829d}.relation.pending{border-style:dashed}.evidence{background:#131e28;border:1px solid #2a3d4b;border-radius:7px;padding:10px;font-size:10px;color:#a8b7c6;word-break:break-word;margin:8px 0}.evidence p{font-size:10px!important;margin:6px 0!important;line-height:1.8!important;color:#90a5b8!important}.evidence summary{cursor:pointer;color:#b2c8d9}.evidence pre{white-space:pre-wrap;font:10px/1.75 inherit}.step{display:flex;gap:10px;margin:10px 0;font-size:12px;line-height:1.75;color:#c2ced8}.step b{flex:none;font:10px/21px ui-monospace,monospace;width:21px;height:21px;text-align:center;border-radius:50%;background:#352f48;color:var(--purple)}.kv{font-size:11px;line-height:1.8;padding:8px 0;border-bottom:1px solid var(--border);word-break:break-word}.kv strong{display:block;color:#7e95aa;font-size:10px;font-weight:400;margin-bottom:3px}main{position:relative;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#172530,#111820 70%)}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;height:59px;border-bottom:1px solid #253440}.view-tabs{display:flex;gap:3px;background:#101a24;border:1px solid #2a3847;border-radius:7px;padding:3px}.view-tabs button{border:0;background:none;font-size:11px;padding:5px 11px;color:var(--muted)}.view-tabs button.active{background:#304253;color:#f0f5fa}#reset{font-size:10px;background:none;border:0;color:var(--muted)}.scope{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 8px;gap:10px;z-index:1;pointer-events:none}.scope span{color:#849bae;font-size:10px}.scope h1{font-size:17px;font-weight:450;margin:5px 0;letter-spacing:.7px}#view-count{font:10px/1.8 ui-monospace,monospace;white-space:nowrap}#graph-wrap{position:relative;min-height:100px;flex:1;overflow:hidden}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.graph-help{position:absolute;bottom:17px;left:22px;color:#6b8394;font-size:10px;pointer-events:none}.zoom{position:absolute;bottom:13px;right:18px;display:flex;gap:5px}.zoom button{width:29px;height:29px;padding:0;color:#a6c0d2;background:#1c2c37;border-color:#3a4e5c}.filters{display:flex;gap:12px;align-items:center;padding:12px 18px;border-top:1px solid var(--border);font-size:10px;flex-wrap:wrap;background:#14212b}.filters label{white-space:nowrap;color:#91a6b9;cursor:pointer}.filters input{accent-color:var(--mint);vertical-align:middle}.legend{margin-left:auto;display:flex;align-items:center;gap:5px;color:#7e94a6}.legend i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-left:6px}.gold{background:var(--gold)}.mint{background:var(--mint)}.blue{background:var(--blue)}.purple{background:var(--purple)}.status{display:flex;justify-content:space-between;gap:10px;color:#6e8598;padding:7px 18px;font-size:9px;background:#111c25;border-top:1px solid #22323e}.status span:last-child{white-space:nowrap}#results{position:absolute;top:66px;left:14px;right:14px;max-height:60vh;overflow:auto;background:#223241;border:1px solid #50697b;box-shadow:0 10px 35px #0008;border-radius:8px;z-index:5}#results button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #324657;border-radius:0;padding:10px;font-size:12px}#results small{display:block;color:#8da8bd;font-size:10px}#tooltip{position:absolute;background:#2b3e4e;border:1px solid #718b9d;padding:7px 10px;pointer-events:none;max-width:280px;font-size:11px;box-shadow:0 3px 10px #0005;border-radius:5px;z-index:10}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.stats-grid div{padding:15px 10px;border:1px solid #304454;border-radius:7px}.stats-grid b{font:23px ui-monospace,monospace;color:var(--mint);display:block}.stats-grid small{color:#8ca5b9;font-size:10px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#3d5060;border-radius:10px} @media(max-width:1150px){.app{grid-template-columns:214px minmax(300px,1fr) 282px}.header-actions>span{display:none}.legend{margin-left:0}.status span:last-child{display:none}}@media(max-width:900px){.app{grid-template-columns:185px 1fr}.right{position:absolute;right:12px;top:151px;width:280px;max-height:60vh;z-index:8;box-shadow:0 10px 30px #0006;border:1px solid var(--border);border-radius:9px;display:none}.right.open{display:flex}.brand b{font-size:15px}.header-actions a{display:none}.header-actions{gap:8px}.header-actions button{font-size:11px}.left-body{padding:12px 9px}.search{margin:14px 9px 7px}#competencies{gap:5px}#competencies button{font-size:10px}.scope h1{font-size:14px}}@media(max-width:600px){.app{grid-template-columns:1fr}.left{display:none}header{padding:0 13px;height:66px}.app{height:calc(100dvh - 66px)}.brand small{font-size:9px}.toolbar{padding:10px}.scope{padding:12px}.status{font-size:8px;padding:6px}.filters{gap:5px 10px;padding:7px 10px}.legend{display:none}.header-actions button{padding:6px}.right{top:124px;right:8px}.graph-help{font-size:8px;left:10px}}
.competency-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.competency-tags button{font-size:10px;padding:6px 2px;background:#15232e;border-color:#344654;color:#7f94a8}.competency-tags button.selected{border-color:#9d895f;background:#39372d;color:#ead09d}.annotation-note{font-size:10px!important;color:#8196aa!important;margin:8px 0!important}.text-button{border:0;background:none!important;padding:0;color:#afd3c4;font-size:10px}.add-tag{display:flex;gap:6px;margin-top:10px}.add-tag input{min-width:0;flex:1;background:#111e29;border:1px solid #344755;border-radius:5px;padding:6px;color:var(--text);font-size:10px}.add-tag button{padding:3px 8px}.editable-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.editable-tags button{padding:3px 7px;font-size:10px;background:#283d3d;color:#b1d4ca;border-color:#3a5752}.custom-tag{background:#2e4942;color:#acd8c6}.competency-tags button:hover{border-color:var(--gold)}