@import "https://fonts.googleapis.com/css2?family=VT323&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
.brain-page{--bg:#f6f3ee;--bg-2:#efeae3;--bg-3:#e8e2d9;--bg-elev:#fff;--line:#d8d0c4;--line-2:#c0b6a8;--fg:#1a1612;--fg-2:#3d3730;--fg-3:#6e665c;--fg-4:#989086;--accent:#ff5a1f;--accent-2:#ff7a3f;--accent-dim:#ff5a1f1a;--accent-line:#ff5a1f66;--warn:#ffb84d;--good:#6fcf97;--bad:#ef5a5a;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--pixel:"VT323", "JetBrains Mono", monospace;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px}.brain-page[data-theme=dark]{--bg:#0a0908;--bg-2:#100e0c;--bg-3:#161310;--bg-elev:#1c1815;--line:#2a2420;--line-2:#3a322c;--fg:#f5efe8;--fg-2:#c9c1b8;--fg-3:#8a8278;--fg-4:#5c554d;--accent-dim:#ff5a1f24;--accent-line:#ff5a1f52}.brain-page .text-fg{color:var(--fg)}.brain-page .text-fg-3{color:var(--fg-3)}.brain-page .text-fg-4{color:var(--fg-4)}.brain-page .text-accent{color:var(--accent)}.brain-page .border-line{border-color:var(--line)}.brain-page .font-mono{font-family:var(--mono)}.brain-page .ml-2{margin-left:8px}.brain-page .btn{font-family:var(--mono);letter-spacing:.3px;cursor:pointer;white-space:nowrap;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:transform 80ms,background .15s;display:inline-flex}.brain-page .btn:active{transform:translateY(1px)}.brain-page .btn-ghost{color:var(--fg-2);border:1px solid var(--line);background:0 0}.brain-page .btn-ghost:hover{color:var(--fg);border-color:var(--line-2);background:var(--bg-2)}.brain-page .btn-ghost.brain-btn-compact{padding:4px 8px;font-size:11px}.brain-page .btn-ghost.brain-btn-on{color:var(--accent);border-color:var(--accent-line)}.brain-page .icon-btn{border:1px solid var(--line);width:28px;height:28px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:2px;place-items:center;display:grid}.brain-page .icon-btn:hover{color:var(--accent);border-color:var(--accent-line)}.brain-page .empty{text-align:center;color:var(--fg-3);padding:48px 24px}.brain-page .empty .pixel-icon{font-family:var(--pixel);color:var(--fg-4);margin-bottom:8px;font-size:56px}.brain-page .mono{font-family:var(--mono)}.brain-page .brain-wrap{flex-direction:column;gap:12px;padding:14px;display:flex}.brain-page .know-pane-brain .brain-wrap{flex:1;min-height:0;overflow:hidden}.brain-page .know-pane-brain .brain-blurb{flex-shrink:0}.brain-page .brain-graph-shell{flex:1;min-height:0}.brain-page .brain-blurb{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:12px;line-height:1.6;display:flex}.brain-page .brain-header{background:var(--bg);border-color:var(--line)!important}.brain-page .brain-workspace-controls{grid-template-columns:minmax(0,1fr);gap:10px;max-width:720px;margin-top:16px;display:grid}@media (min-width:640px){.brain-page .brain-workspace-controls{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}}.brain-page .brain-workspace-field{flex-direction:column;gap:4px;display:flex}.brain-page .brain-workspace-field>span{color:var(--fg-3);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.brain-page .brain-workspace-field input{border:1px solid var(--line);background:var(--bg-elev);width:100%;font-family:var(--mono);color:var(--fg);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #1a1c1c0a}.brain-page .brain-workspace-field input::placeholder{color:var(--fg-4)}.brain-page .brain-workspace-field input:focus{border-color:var(--line-2);box-shadow:inset 0 1px 2px #1a1c1c0f,0 0 0 2px #ff5a1f1a}.brain-page .brain-workspace-badge{background:var(--bg-3);color:var(--fg-4);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.brain-page .brain-load-button{border:1px solid var(--accent-line);background:var(--accent);min-height:36px;font-family:var(--mono);color:var(--bg);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s,opacity .15s,transform 80ms}.brain-page .brain-load-button:hover{background:var(--accent-2)}.brain-page .brain-load-button:active{transform:translateY(1px)}.brain-page .brain-load-button:disabled{cursor:not-allowed;opacity:.48;transform:none}