:root{color-scheme:dark;--bg:#020617;--fg:#e2e8f0;--muted:#64748b;--pill-bg:rgba(8,14,28,.78);--pill-border:rgba(148,163,184,.28);--card-bg:rgba(8,14,28,.86);--card-border:rgba(148,163,184,.24);--hairline:rgba(148,163,184,.14);--accent:#67e8b6;--warn:#fcd34d;--bad:#dc2626}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{position:relative;width:100vw;height:100vh;overflow:hidden}.page>canvas,.page>div:has(>canvas){position:absolute;inset:0}.hud{position:absolute;inset:0;pointer-events:none;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:12px}.hud-left,.hud-right{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.hud-right{align-items:flex-end}.hud-pill{background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:0;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.02em;color:var(--fg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot-open{background:var(--accent);box-shadow:0 0 6px var(--accent)}.dot-connecting{background:var(--warn);animation:pulse 1.2s ease-in-out infinite}.dot-closed,.dot-idle{background:var(--bad)}.hud-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:0;padding:10px 12px 9px;min-width:180px;font-family:ui-monospace,monospace;display:flex;flex-direction:column;gap:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-card-title{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--hairline);margin-bottom:1px}.hud-card-row{display:flex;justify-content:space-between;gap:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-card-row>span:first-child{color:var(--muted)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.agent-panel{width:320px;max-height:calc(100vh - 220px);overflow-y:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:0;padding:14px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:14px;font-family:ui-monospace,monospace;font-size:12px;pointer-events:auto;margin-top:8px}.agent-panel-header{display:flex;align-items:center;gap:12px}.agent-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:0;background:rgba(148,163,184,.12);color:var(--fg);text-decoration:none;font-size:14px;flex-shrink:0}.agent-panel-close:hover{background:rgba(148,163,184,.22)}.agent-panel-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.6);flex-shrink:0}.agent-panel-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.agent-panel-title{font-size:13px;letter-spacing:.04em;color:var(--fg)}.agent-panel-vault{font-size:11px;color:var(--muted)}.agent-panel-section{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(148,163,184,.1);padding-top:10px}.agent-panel-row{display:flex;justify-content:space-between;gap:8px}.agent-panel-label{color:var(--muted)}.agent-panel-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.agent-panel-empty{color:var(--muted);font-style:italic}.agent-panel-events{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.agent-panel-events li{display:flex;justify-content:space-between;gap:8px}.event-kind{color:var(--fg)}.event-tx{color:var(--muted)}.agent-panel-link{color:var(--accent);text-decoration:none}.agent-panel-link:hover{text-decoration:underline}.tx-panel{width:380px}.tx-panel-pre{font-size:11px;background:rgba(2,6,23,.6);border:1px solid rgba(148,163,184,.1);border-radius:0;padding:8px;margin:0;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all;color:var(--fg)}.tx-panel-btn,.tx-panel-pre{font-family:ui-monospace,monospace}.tx-panel-btn{background:rgba(103,232,182,.12);border:1px solid rgba(103,232,182,.3);color:var(--accent);padding:8px 12px;border-radius:0;font-size:12px;cursor:pointer}.tx-panel-btn:hover:not(:disabled){background:rgba(103,232,182,.2)}.tx-panel-btn:disabled{opacity:.4;cursor:not-allowed}.legend{position:absolute;bottom:96px;right:16px;width:240px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:0;padding:14px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:12px;font-family:ui-monospace,monospace;font-size:11px;pointer-events:auto;color:var(--fg)}.legend-header{display:flex;justify-content:space-between;align-items:center}.legend-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.legend-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.legend-close:hover{color:var(--fg)}.legend-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.legend-list li{display:flex;align-items:center;gap:8px}.legend-swatch{width:12px;height:12px;border-radius:0;flex-shrink:0}.legend-swatch-round{border-radius:50%}.legend-swatch-width{background:linear-gradient(90deg,rgba(244,112,150,.4) 0,rgba(244,112,150,.4) 30%,transparent 0,transparent 35%,rgba(244,112,150,.85) 0,rgba(244,112,150,.85));border-radius:0}.legend-footer{font-size:10px;color:var(--muted);line-height:1.45;border-top:1px solid rgba(148,163,184,.1);padding-top:8px}.legend-palette-toggle{display:inline-flex;border:1px solid rgba(148,163,184,.2);border-radius:0;overflow:hidden}.legend-palette-btn{background:transparent;border:none;color:var(--muted);padding:4px 10px;font-family:ui-monospace,monospace;font-size:10px;cursor:pointer}.legend-palette-btn:hover{color:var(--fg)}.legend-palette-btn.is-active{background:rgba(103,232,182,.16);color:var(--accent)}.legend-toggle{position:absolute;bottom:96px;right:16px;width:28px;height:28px;border-radius:0;background:var(--card-bg);border:1px solid var(--card-border);color:var(--muted);font-size:14px;font-family:ui-monospace,monospace;cursor:pointer;pointer-events:auto}.legend-toggle:hover{color:var(--fg);border-color:rgba(148,163,184,.4)}@media (prefers-reduced-motion:reduce){.dot-connecting{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}