.tabs a{font:13px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:4px 0;border-bottom:2px solid transparent}.tabs a.on{color:var(--fg);border-color:var(--acc)}
.bar2{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 24px;border-bottom:1px solid var(--line)}.bar2 .notice{margin:0}.actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.btn.sm{padding:6px 10px;font-size:13px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4vw,48px);margin:32px 0 8px}
.dim{color:var(--dim)}.small{font-size:13px}
textarea{width:100%;background:var(--panel);color:var(--fg);border:1px solid var(--line);padding:14px;font:14px/1.6 var(--mono);border-radius:2px}
.row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;align-items:center}
.split{display:grid;grid-template-columns:280px 1fr;gap:20px;margin:24px 0}
#tree{border:1px solid var(--line);max-height:70vh;overflow:auto}#tree h4{margin:0;padding:10px 12px;font:12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--acc);border-bottom:1px solid var(--line)}
#tree button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--fg);padding:8px 12px;font-size:14px}#tree button.on{background:#141a0b;color:var(--acc)}
.editor textarea{min-height:52vh}.edhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--mono)}
#intuition .split,[data-view=intuition] .split{grid-template-columns:1fr 320px}
.graphbox{border:1px solid var(--line);height:68vh;min-height:360px}#graph{width:100%;height:100%;display:block}
#why{border:1px solid var(--line);padding:14px;max-height:68vh;overflow:auto}#why h3{margin:0 0 4px;font-family:var(--serif);font-weight:400;font-size:22px}
#why li{margin:10px 0}#why li span{display:block;color:var(--dim);font-size:13px}#why button{background:none;border:0;color:var(--acc);padding:0;text-align:left}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:24px 0}
.slots div{border:1px solid var(--line);padding:18px}.slots b{display:block;font-size:20px}.slots p{margin:4px 0 12px}
@media (max-width:760px){.split,[data-view=intuition] .split{grid-template-columns:1fr}#tree{max-height:30vh}.graphbox{height:52vh}.top{flex-wrap:wrap}.top nav{margin-left:0;gap:14px}.actions{margin-left:0}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
textarea.drop{border-color:var(--acc);background:#11160a}
#status{margin:14px 0}#status p{margin:0 0 8px}#status.warn p{color:#ffb547}#status ul{list-style:none;padding:0;margin:0 0 12px;display:flex;gap:8px 16px;flex-wrap:wrap;font:13px var(--mono)}
#status i,.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.empty{padding:20px 14px}.empty p{margin:0 0 10px;color:var(--dim)}
.graphbox{position:relative}.graphbox.none{display:none}.legend{position:absolute;left:10px;bottom:8px;display:flex;gap:12px;flex-wrap:wrap;font:11px var(--mono);color:var(--dim);pointer-events:none}
#backlinks{font-family:var(--mono)}
.tabs a:hover{color:var(--fg)}
.top nav.aux{margin-left:28px;padding-left:20px;border-left:1px solid var(--line)}
@media (max-width:760px){.top nav.aux{display:none}}