*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c1017;--surface: #121a24;--surface-alt: #18202c;--border: #2a384a;--accent: #60b4f9;--accent-hover: #7ec6fc;--accent-soft: rgba(96, 180, 249, .14);--user-bubble: #60b4f9;--user-bubble-text: #0a1628;--assistant-bubble: #141c28;--text-primary: #e8eef5;--text-secondary: #8ba3b8;--text-muted: #5a6f82;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--radius: 12px;--radius-sm: 6px;--shadow: 0 4px 28px rgba(0, 0, 0, .45)}html,body,#root{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.rec-response{margin:0;padding:0;line-height:1.6}.rec-response .rec-intro{margin:0 0 12px;color:var(--text-primary)}.rec-response .rec-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.rec-response .rec-table th,.rec-response .rec-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.rec-response .rec-table th{background:#ffffff0f;color:var(--text-secondary);font-weight:600}.rec-response .rec-table tr:last-child td{border-bottom:none}.rec-response .rec-metric{display:inline-flex;flex-direction:column;align-items:flex-start;padding:16px 20px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);margin:12px 0}.rec-response .rec-value{font-size:24px;font-weight:700;color:var(--accent);line-height:1.2}.rec-response .rec-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.rec-response .rec-kv{margin:12px 0;padding:12px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm)}.rec-response .rec-kv dt{font-weight:600;color:var(--text-secondary);font-size:12px;margin-top:8px}.rec-response .rec-kv dt:first-child{margin-top:0}.rec-response .rec-kv dd{margin:2px 0 0;color:var(--text-primary)}.rec-response .rec-list{margin:12px 0;padding-left:22px;line-height:1.65}.rec-response .rec-list li{margin-bottom:6px}.rec-response a,.rec-response a.rec-link{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(96,180,249,.35)}.rec-response a:hover,.rec-response a.rec-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}
