:root{--bg:#0a0a0a;--surface:#141414;--border:#222;--text:#ccc;--text-muted:#666;--accent:#5b9bd5;--slack-pill-bg:#5b9bd524;--slack-pill-text:#7cc0ff;--danger:#c15a5c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.markdown-body{padding:.75rem 1rem;line-height:1.6}.markdown-body p{margin:.5rem 0}.markdown-body ul,.markdown-body ol{margin:.5rem 0;padding-left:1.5rem}.markdown-body ul{list-style:outside}.markdown-body ol{list-style:decimal}.markdown-body li{margin:.2rem 0}.markdown-body code{border:1px solid var(--border);color:#bbb;background:#0f0f0f;border-radius:3px;padding:.05rem .25rem}.markdown-body pre{border:1px solid var(--border);background:#0f0f0f;border-radius:3px;margin:.75rem 0;padding:.6rem .75rem;font-size:10px;line-height:1.5;overflow:auto}.markdown-body pre code{color:inherit;background:0 0;border:0;padding:0}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.5rem 1rem;font-size:11px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text);font-weight:600;text-decoration:none}.navbar-links-main{flex-grow:1;gap:.75rem;display:flex}.navbar-links a{color:var(--text-muted);padding:.2rem .4rem;font-size:11px;text-decoration:none}.navbar-links a:hover,.navbar-links a.active{color:var(--text)}.lockdown-banner{color:#e6c46a;text-align:center;background:#2a1f08;border-bottom:1px solid #6a4d12;padding:.5rem 1rem;line-height:1.5}.lockdown-banner a{color:#f0d98b;text-decoration:underline}.lockdown-banner a:hover{color:#fff1bf}.diagram-page{flex-direction:column;height:calc(100vh - 33px);display:flex}.diagram-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:.5rem 1rem}.diagram-header h1{font-size:11px;font-weight:600}.diagram-header p{color:var(--text-muted);margin-top:.15rem;font-size:10px}.diagram-container{background:var(--bg);flex:1}.react-flow__node{font-family:SF Mono,Menlo,Consolas,monospace!important;font-size:11px!important}.react-flow__handle{opacity:.6;background:var(--border)!important;border:1px solid #333!important;width:6px!important;height:6px!important}.react-flow__edge.animated .react-flow__edge-path{stroke:#555;stroke-width:1.5px;stroke-dasharray:5;animation:.8s linear infinite dashdraw}.react-flow__edge-textbg{fill:var(--surface)!important}.react-flow__edge-text{fill:var(--text-muted)!important;font-family:SF Mono,Menlo,Consolas,monospace!important;font-size:10px!important}.react-flow__background{background:var(--bg)!important}.react-flow__controls button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;font-size:11px!important}.react-flow__controls button:hover{background:var(--border)!important}.node-channel,.node-subscriber{border:1px solid var(--border);background:var(--surface);border-radius:3px;min-width:200px;overflow:hidden}.node-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.3rem .5rem;font-size:11px;font-weight:600;display:flex}.node-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node-link{color:#5b9bd5;white-space:nowrap;margin-left:.5rem;font-size:10px;font-weight:400;text-decoration:none}.node-link:hover{text-decoration:underline}.node-body{padding:.25rem .5rem}.node-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.6;overflow:hidden}.node-details{margin-top:.2rem}.node-details summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px}.node-details summary:hover{color:var(--text)}.node-code{background:var(--bg);border:1px solid var(--border);white-space:pre;border-radius:3px;max-height:120px;margin-top:.25rem;padding:.35rem .5rem;font-size:9px;line-height:1.4;overflow:auto}.node-code code{color:#999}.node-code .json-key{color:#888}.node-code .json-string{color:#7a9a6a}.node-code .json-number{color:#b5887a}.node-code .json-bool{color:#6b8aab}.node-feed{min-width:80px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface);border-radius:3px;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:10px;display:inline-flex}.node-subscription{min-width:100px;color:var(--text-muted);border:1px dashed var(--border);background:var(--surface);border-radius:3px;padding:.25rem .5rem;font-size:10px}.loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty-state{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.docs-page{height:calc(100vh - 33px)}@keyframes dashdraw{0%{stroke-dashoffset:10px}to{stroke-dashoffset:0}}.button{cursor:pointer;white-space:nowrap;color:#000;height:1.75rem;box-shadow:2;background:#fff;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;margin-left:8px;margin-right:8px;padding:0 .5rem;font-size:.75rem;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.bg-red{color:#fff;background-color:#983b3d}.red{color:#983b3d}.card,.input{color:#fff;background-color:#070707;border:1px solid;flex-direction:column;gap:12px;padding:.5rem;display:flex}.card{padding:1rem}.column{flex-direction:column;gap:12px;display:flex}.badge{color:#99a1af;border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.8em;font-weight:500;line-height:1rem;display:inline-flex;box-shadow:inset 0 0 0 1px #facc1533}@keyframes rapid-zoom{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rot-badge{transform-origin:50%;animation:1.8s ease-in-out infinite rapid-zoom;position:absolute;translate:-70px 20px;rotate:-6deg}.muted{color:var(--text-muted)}.keys-page{max-width:720px;padding:.75rem 1rem}.keys-toolbar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.keys-toolbar .button{margin:0}.keys-header h1{margin-bottom:.25rem;font-size:15px}.keys-header p{margin:0}.key-created-card{border-color:#3d6b3f;position:relative}.key-created-card .api-key-row{justify-content:space-between}.key-created-card h3{font-size:12px}.key-secret{-webkit-user-select:all;user-select:all;word-break:break-all;border:1px solid var(--border);background:#0f0f0f;border-radius:3px;padding:.35rem .5rem;display:block}.keys-list h2{margin-bottom:.5rem;font-size:12px}.keys-list{flex-direction:column;gap:.6rem;display:flex}.api-key-card{gap:.4rem}.api-key-card.revoked{opacity:.65}.api-key-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.api-key-row .button{margin:0}.api-key-title{overflow-wrap:anywhere}.key-prefix{border:1px solid var(--border);color:#999;background:#0f0f0f;border-radius:3px;padding:.05rem .3rem}.api-key-meta{font-size:10px}.api-key-channels{flex-flow:wrap;gap:.35rem;display:flex}.revoked-keys summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px}.revoked-keys>.column{margin-top:.5rem}.empty-state-card{text-align:center;align-items:center}.empty-state-card .button{margin:0}.button-outline{color:var(--text);border:1px solid var(--border);background:0 0}.button-outline:hover{background:#1a1a1a;border-color:#444}.button-outline-red{color:var(--danger);background:0 0;border:1px solid #4a2b2c}.button-outline-red:hover{border-color:var(--danger);background:#c15a5c1f}.button:disabled{opacity:.5;cursor:default}.slack-pill{background:var(--slack-pill-bg);color:var(--slack-pill-text);border-radius:3px;align-items:center;padding:.1rem .4rem;font-size:10px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.slack-pill:hover{background:#5b9bd538;text-decoration:underline}.channel-picker{flex-flow:wrap;gap:.35rem;display:flex}.channel-chip{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:.1rem .45rem;font-family:inherit;font-size:10px;font-weight:600}.channel-chip:hover{color:var(--text);border-color:#444}.channel-chip.selected{background:var(--slack-pill-bg);color:var(--slack-pill-text);border-color:#5b9bd566}.field{flex-direction:column;gap:.3rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:10px}.field-label .normal{text-transform:none;letter-spacing:normal}.checkbox-field{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.checkbox-field input{margin-top:.2rem}dialog.modal{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:5px;width:min(420px,100vw - 2rem);padding:0;box-shadow:0 8px 24px #00000080}dialog.modal::backdrop{background:#0009}.modal-body{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.modal-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:13px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:16px;line-height:1}.modal-close:hover{color:var(--text)}.modal-actions{flex-direction:row;justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.modal-actions .button{margin:0}