@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;1,400&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overscroll-behavior:none}html{height:100dvh}:root{--bg-base: #07090e;--bg-surface: #0b0f18;--bg-raised: #101622;--bg-overlay: #141c2c;--bg-hover: #1b2538;--border-dim: #111e2e;--border: #1a2c40;--border-hi: #26405c;--text-primary: #d8e4f0;--text-secondary: #526e8a;--text-muted: #2b3d52;--accent: #3d8ef5;--accent-hi: #5da4ff;--accent-dim: rgba(61, 142, 245, .1);--accent-glow: rgba(61, 142, 245, .22);--success: #1fcc6e;--success-dim: rgba(31, 204, 110, .1);--warning: #f4a12a;--warning-dim: rgba(244, 161, 42, .1);--danger: #f04f4f;--danger-dim: rgba(240, 79, 79, .1);--pi-color: #00c8e0;--pi-glow: rgba(0, 200, 224, .28);--font-mono: "JetBrains Mono", "SF Mono", Monaco, Inconsolata, monospace;--font-ui: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--r-xs: 3px;--r-sm: 5px;--r: 8px;--r-lg: 12px;--r-xl: 16px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-primary);padding:6px 14px;border-radius:var(--r-sm);font-size:13px;font-family:var(--font-ui);font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hi)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hi);border-color:var(--accent-hi)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-dim)}input,textarea{background:var(--bg-base);border:1px solid var(--border);color:var(--text-primary);padding:9px 13px;border-radius:var(--r-sm);font-size:14px;font-family:var(--font-ui);transition:border-color .15s,box-shadow .15s;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.connected{background:var(--success);box-shadow:0 0 5px var(--success)}.status-dot.disconnected{background:var(--text-muted)}.status-dot.running{background:var(--warning);box-shadow:0 0 5px var(--warning);animation:pulse 1.5s ease-in-out infinite}.status-dot.error{background:var(--danger);box-shadow:0 0 5px var(--danger)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{font-size:15px;-webkit-overflow-scrolling:touch}button{padding:10px 16px;font-size:14px;min-height:44px}input,textarea{padding:11px 14px;font-size:16px}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.md-content{font-size:14px;line-height:1.75;word-break:break-word}.md-content p{margin:0 0 10px}.md-content p:last-child{margin-bottom:0}.md-content h1,.md-content h2,.md-content h3{margin:14px 0 6px;font-weight:600;line-height:1.3}.md-content h1{font-size:18px}.md-content h2{font-size:16px}.md-content h3{font-size:14px;color:var(--text-secondary)}.md-content ul,.md-content ol{margin:6px 0 10px;padding-left:22px}.md-content li{margin:3px 0}.md-content strong{font-weight:600}.md-content em{font-style:italic;color:var(--text-secondary)}.md-content a{color:var(--accent);text-decoration:none}.md-content a:hover{text-decoration:underline}.md-content blockquote{margin:8px 0;padding:6px 12px;border-left:2px solid var(--border-hi);color:var(--text-secondary)}.md-content hr{border:none;border-top:1px solid var(--border);margin:14px 0}.md-content table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px;display:block;overflow-x:auto}.md-content th,.md-content td{border:1px solid var(--border);padding:6px 10px;text-align:left}.md-content th{background:var(--bg-raised);font-weight:600}.md-content code{font-family:var(--font-mono);font-size:12px;background:var(--bg-raised);padding:2px 5px;border-radius:var(--r-xs);color:var(--pi-color);border:1px solid var(--border-dim)}.md-content pre{margin:10px 0;border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}.md-content pre code{background:none;padding:0;color:inherit;border:none;font-size:12px}