:root{--bg: #0a0a0f;--fg: #e6e6ec;--muted: #9999a8;--accent: #4ad6a7;--code-bg: #14141c;--border: #2a2a3a;--max: 920px;--max-app: 1280px;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--line-height-prose: 1.55;--line-height-code: 1.4;--fs-0: .85rem;--fs-1: 1rem;--fs-2: 1.15em;--fs-3: 1.7em;--fs-4: clamp(1.8em, 4vw, 2.6em);--r-sm: 4px;--r-md: 8px;--r-lg: 12px}[data-theme=light]{--bg: #ffffff;--fg: #1a1a25;--muted: #5a5a6a;--accent: #1a8b6c;--code-bg: #f5f5fa;--border: #e0e0e8}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #ffffff;--fg: #1a1a25;--muted: #5a5a6a;--accent: #1a8b6c;--code-bg: #f5f5fa;--border: #e0e0e8}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);height:100vh;overflow:hidden}#chrome{display:flex;justify-content:space-between;align-items:center;padding:.7em 1.2em;border-bottom:1px solid var(--border);font-size:.95em}#chrome.embed{display:none}.brand{color:var(--fg);font-weight:700;text-decoration:none}#status{color:var(--muted);font-family:var(--font-mono);font-size:.85em}#status:before{content:"●";margin-right:.4em;color:var(--muted)}#status.connected:before{color:var(--accent)}#status.disconnected:before{color:#ff6b6b}main{width:100vw;height:calc(100vh - 3em)}#chrome.embed+main{height:100vh}#viz,#viz-canvas{width:100%;height:100%;display:block}.node circle{fill:var(--code-bg);stroke:var(--accent);stroke-width:2}.node.allow circle{fill:var(--accent)}.node.deny circle{fill:#ff6b6b}.node text{fill:var(--fg);font-size:11px;font-family:var(--font-mono);user-select:none}.edge{stroke:var(--border);stroke-width:1.5;fill:none;cursor:pointer}.edge.signed{stroke:var(--accent)}.edge:hover{stroke-width:3}.node{cursor:grab}.node:active{cursor:grabbing}.node:focus{outline:none}.node:focus circle,.node:hover circle{stroke-width:3}.node.allow circle,.node.deny circle{animation:pulse .8s ease-out}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.node.allow circle,.node.deny circle{animation:none}}.viz-tooltip{position:absolute;top:0;left:0;pointer-events:none;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--r-md);padding:.6em .9em;font-size:.85em;color:var(--fg);max-width:280px;opacity:0;transition:opacity .12s ease-out;box-shadow:0 4px 16px #0006;z-index:10;font-family:var(--font-sans)}.viz-tooltip.visible{opacity:1}.viz-tooltip code{font-size:.85em}.viz-tooltip .muted{color:var(--muted)}.viz-tooltip .fail{color:#ff6b6b}main{position:relative}@media (max-width: 640px){#chrome{padding:.5em .8em;font-size:.85em}.node text{font-size:9px}.viz-tooltip{max-width:240px;font-size:.78em}}