:root{--bg-dark: #070913;--bg-surface: #0d1120;--bg-card: rgba(18, 23, 42, .85);--bg-card-hover: rgba(26, 33, 58, .9);--bg-input: #12182c;--border-color: #1e2846;--border-bright: #2e3d6b;--accent-crimson: #ef4444;--accent-blood: #dc2626;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-purple: #8b5cf6;--accent-amber: #f59e0b;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--shadow-glow: 0 0 25px rgba(239, 68, 68, .15);--shadow-cyan: 0 0 25px rgba(6, 182, 212, .15);--shadow-purple: 0 0 25px rgba(139, 92, 246, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);height:100vh;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#07091380}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}#root{height:100%;width:100%;display:flex;flex-direction:column}.app-container{display:flex;flex:1;height:calc(100vh - 64px);position:relative}.app-header{height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.brand-section{display:flex;align-items:center;gap:14px}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-crimson),#991b1b);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 0 15px #ef444466}.brand-title{font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:11px;color:var(--accent-cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:20px;font-size:12px;font-family:var(--font-mono);color:var(--accent-emerald)}.status-pulse{width:8px;height:8px;background-color:var(--accent-emerald);border-radius:50%;box-shadow:0 0 10px var(--accent-emerald);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 15px var(--accent-emerald)}to{transform:scale(.95);opacity:.8}}.sidebar{width:320px;background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px;gap:20px;overflow-y:auto}.sidebar-section-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.preset-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.preset-card:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);transform:translateY(-1px)}.preset-title{font-size:13px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px}.preset-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.main-chat-area{flex:1;display:flex;flex-direction:column;height:100%;background:var(--bg-dark);position:relative}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.message-row{display:flex;gap:16px;max-width:900px;width:100%}.message-row-user{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.message-row-assistant{flex-direction:row;align-self:flex-start;margin-right:auto}.message-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.user-avatar{background:linear-gradient(135deg,var(--accent-purple),#4c1d95);color:#fff;box-shadow:var(--shadow-purple)}.assistant-avatar{background:linear-gradient(135deg,var(--accent-cyan),#0e7490);color:#fff;box-shadow:var(--shadow-cyan)}.message-content{flex:1;display:flex;flex-direction:column;gap:12px;max-width:82%}.message-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-dim)}.message-sender{font-weight:600;color:var(--text-muted)}.user-bubble{background:linear-gradient(135deg,#4c1d95,#6d28d9);border:1px solid rgba(139,92,246,.4);border-radius:18px 18px 4px;padding:14px 18px;font-size:14px;line-height:1.6;color:#fff;width:fit-content;max-width:100%;box-shadow:0 4px 20px #6d28d940;align-self:flex-end;text-align:left}.agent-phase-indicator{display:flex;align-items:center;gap:10px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:8px;padding:10px 14px;font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);margin-bottom:6px;animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{border-color:#06b6d44d;box-shadow:0 0 5px #06b6d41a}to{border-color:#06b6d4cc;box-shadow:0 0 15px #06b6d44d}}.reasoning-box{background:#0d1120f2;border:1px solid var(--border-bright);border-left:3px solid var(--accent-amber);border-radius:10px;padding:14px;font-size:13px;color:#fcd34d;margin-bottom:8px}.reasoning-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;font-family:var(--font-mono);font-size:12px;margin-bottom:6px}.plan-drawer{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.plan-header{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);display:flex;align-items:center;gap:8px}.plan-step{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#07091399;border:1px solid var(--border-color);border-radius:8px;font-size:12px;transition:all .3s ease}.plan-step-executing{border-color:var(--accent-amber);background:#f59e0b14}.plan-step-success{border-color:var(--accent-emerald);background:#10b98114}.step-badge{background:var(--accent-cyan);color:#000;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;font-size:11px}.step-details{flex:1;display:flex;flex-direction:column;gap:4px}.step-command{font-family:var(--font-mono);color:var(--accent-emerald);background:#0006;padding:4px 8px;border-radius:4px;word-break:break-all}.markdown-body{font-size:14px;line-height:1.7;color:var(--text-main);background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px 18px 18px 4px;padding:16px 20px;min-height:50px}.markdown-body p{margin-bottom:12px}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-heading);margin:16px 0 10px;color:#fff}.markdown-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);padding:10px 14px;text-align:left}.markdown-body th{background:#1e284680;color:var(--accent-cyan);font-family:var(--font-mono)}.markdown-body pre{background:#090d16;border:1px solid var(--border-color);border-radius:8px;padding:14px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;margin:14px 0}.typing-cursor{display:inline-block;width:8px;height:15px;background-color:var(--accent-cyan);margin-left:4px;vertical-align:middle;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.input-area{padding:16px 24px 24px;background:var(--bg-surface);border-top:1px solid var(--border-color)}.input-box-wrapper{max-width:900px;margin:0 auto;display:flex;gap:12px;background:var(--bg-input);border:1px solid var(--border-bright);border-radius:14px;padding:10px 14px;box-shadow:0 10px 30px #0006}.chat-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-main);font-family:var(--font-sans);font-size:14px;resize:none;max-height:160px;min-height:24px;line-height:1.5}.send-btn{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-crimson),var(--accent-blood));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;box-shadow:0 0 12px #ef44444d}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #ef444480}.send-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--border-color);box-shadow:none}.telemetry-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:12px;margin-top:8px}