:root{--bg:#0a0a0b;--panel:#131316;--panel-2:#1a1a1f;--border:#26262c;--text:#e9e9ec;--muted:#8a8a93;--accent:#7c6cff;--accent-dim:#5a4fd6;--ok:#3fb950;--warn:#d29922;--bad:#f85149;--radius:8px;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--mono);cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:12px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{border-color:var(--bad);color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--mono);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.infodot{border:1px solid var(--muted);width:14px;height:14px;color:var(--muted);cursor:help;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:9px;line-height:1;display:inline-flex;position:relative}.infodot .tip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);white-space:normal;text-align:left;opacity:0;pointer-events:none;z-index:60;border-radius:6px;width:max-content;max-width:220px;padding:6px 8px;font-size:11px;transition:opacity 50ms;position:absolute;bottom:150%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.infodot:hover .tip,.infodot:focus .tip{opacity:1}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.dot-pulse{animation:1s ease-in-out infinite dotPulse}input.no-spin{appearance:textfield}input.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shell{grid-template-columns:210px 1fr;height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;padding:16px 0;display:flex;overflow-y:auto}.brand{letter-spacing:.5px;padding:0 18px 16px;font-weight:700}.brand .dot{color:var(--accent)}.nav a{color:var(--muted);border-left:2px solid #0000;padding:8px 18px;display:block}.nav a:hover{color:var(--text);background:var(--panel-2);text-decoration:none}.nav a.active{color:var(--text);border-left-color:var(--accent);background:var(--panel-2)}.nav .section{text-transform:uppercase;letter-spacing:1px;color:#55555c;padding:14px 18px 4px;font-size:10px}.sidebar .who{color:var(--muted);border-top:1px solid var(--border);margin-top:auto;padding:14px 18px 0;font-size:11px}.sidebar .who .role{color:var(--accent)}.main{padding:24px 32px;overflow-y:auto}.main h1{margin:0 0 4px;font-size:18px}.main .sub{color:var(--muted);margin:0 0 20px}.topbar{display:none}@media (width<=820px){.shell{grid-template-columns:1fr}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:40;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.sidebar{z-index:60;width:240px;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:50;background:#00000080;position:fixed;inset:0}.main{padding:16px 14px;overflow-x:hidden}html,body,#root,.shell{max-width:100vw;overflow-x:hidden}.card{overflow-x:auto}h1{font-size:17px}.chat-grid{grid-template-columns:1fr!important;height:calc(100dvh - 120px)!important}.chat-grid>.chat-list,.chat-grid>.chat-convo{display:none!important}.chat-grid.show-list>.chat-list,.chat-grid.show-convo>.chat-convo{display:flex!important}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.pill{border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:1px 8px;font-size:11px;display:inline-block}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.bad{color:var(--bad);border-color:var(--bad)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.muted{color:var(--muted)}.center{place-items:center;height:100vh;display:grid}.stub{color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:40px}.md{color:var(--text);font-size:13px;line-height:1.6}.md .md-p{margin:0 0 10px}.md .md-h{margin:16px 0 8px;line-height:1.3}.md h2.md-h{font-size:17px}.md h3.md-h{font-size:15px}.md h4.md-h,.md h5.md-h,.md h6.md-h{font-size:13px}.md .md-list{margin:0 0 10px;padding-left:22px}.md .md-list li{margin:2px 0}.md .md-quote{border-left:3px solid var(--border);color:var(--muted);margin:0 0 10px;padding:4px 12px}.md .md-hr{border:0;border-top:1px solid var(--border);margin:14px 0}.md .md-code{background:var(--panel-2);border:1px solid var(--border);font-family:var(--mono);border-radius:4px;padding:1px 5px;font-size:12px}.md .md-pre{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;margin:0 0 10px;padding:10px 12px;overflow-x:auto}.md .md-pre code{font-family:var(--mono);white-space:pre;font-size:12px}.md a{text-decoration:underline}
