:root{--bg: #000000;--accent: #00f0ff;--text: #ffffff;--muted: #888888;--warn: #ffb74d;--border: rgba(0, 240, 255, .35);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", Monaco, Inconsolata, "Fira Code", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:48px 24px 96px}.section{padding:48px 0;border-top:1px solid var(--border)}.section:first-of-type{border-top:none}.section-title{margin:0 0 24px;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-family:var(--font-mono)}.section-heading{margin:0 0 32px;font-size:28px;font-weight:500;color:var(--text)}.muted{color:var(--muted)}.accent{color:var(--accent)}.mono{font-family:var(--font-mono)}.card{border:1px solid var(--border);padding:24px;background-color:transparent}.card-title{margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app{padding:32px 16px 64px}.section{padding:32px 0}.grid-3,.grid-2{grid-template-columns:1fr}.section-heading{font-size:22px}}.indicator{width:100%;height:4px;background-color:#ffffff1a;margin-top:12px;overflow:hidden}.indicator-bar{height:100%;background-color:var(--accent)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--accent);margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading{color:var(--muted);font-family:var(--font-mono);font-size:14px}.error{color:#f55;font-family:var(--font-mono);font-size:14px}.empty{color:var(--muted);font-size:14px}.flow-step{display:inline-block;border:1px solid var(--border);padding:10px 16px;margin:4px 0;font-family:var(--font-mono);font-size:13px}.flow-arrow{color:var(--accent);margin:0 12px;font-family:var(--font-mono)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}