*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f7f8fc;--color-bg-2: #ffffff;--color-bg-3: #f1f4fb;--color-bg-4: #e8edf8;--color-border: #e4e8f2;--color-border-light: #d0d7ec;--color-text: #111827;--color-text-secondary: #5a6580;--color-text-muted: #9ca3b8;--color-indigo: #6366f1;--color-indigo-dark: #4f46e5;--color-indigo-light: #818cf8;--color-indigo-bg: rgba(99, 102, 241, .08);--color-indigo-border: rgba(99, 102, 241, .25);--color-green: #10b981;--color-green-bg: rgba(16, 185, 129, .09);--color-green-border: rgba(16, 185, 129, .25);--color-purple: #8b5cf6;--color-purple-bg: rgba(139, 92, 246, .09);--color-purple-border: rgba(139, 92, 246, .25);--color-red: #ef4444;--color-red-bg: rgba(239, 68, 68, .09);--color-red-border: rgba(239, 68, 68, .25);--color-blue: #3b82f6;--color-blue-bg: rgba(59, 130, 246, .09);--color-blue-border: rgba(59, 130, 246, .25);--color-yellow: #f59e0b;--color-yellow-bg: rgba(245, 158, 11, .09);--color-yellow-border: rgba(245, 158, 11, .25);--color-orange: #f97316;--color-orange-bg: rgba(249, 115, 22, .09);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(17, 24, 39, .06), 0 1px 2px rgba(17, 24, 39, .04);--shadow-md: 0 4px 16px rgba(17, 24, 39, .08), 0 2px 6px rgba(17, 24, 39, .04);--shadow-lg: 0 16px 48px rgba(17, 24, 39, .12), 0 4px 16px rgba(17, 24, 39, .06);--shadow-indigo: 0 4px 16px rgba(99, 102, 241, .25);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,textarea{font-family:var(--font-body);outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.markdown h1,.markdown h2,.markdown h3{color:var(--color-text);margin:20px 0 10px;font-weight:700}.markdown h1{font-size:20px}.markdown h2{font-size:16px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.markdown h3{font-size:14px}.markdown p{margin:8px 0;color:var(--color-text-secondary)}.markdown ul,.markdown ol{padding-left:20px;margin:8px 0}.markdown li{margin:4px 0;color:var(--color-text-secondary)}.markdown code{font-family:var(--font-mono);font-size:12px;background:var(--color-bg-4);border:1px solid var(--color-border);padding:1px 5px;border-radius:4px;color:var(--color-indigo)}.markdown pre{background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px;overflow-x:auto;margin:12px 0}.markdown pre code{background:none;border:none;padding:0;color:var(--color-text);font-size:12px}.markdown blockquote{border-left:3px solid var(--color-indigo);color:var(--color-text-muted);margin:10px 0;background:var(--color-indigo-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:8px 12px}.markdown table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.markdown th,.markdown td{padding:8px 12px;border:1px solid var(--color-border);text-align:left}.markdown th{background:var(--color-bg-3);font-weight:600;color:var(--color-text)}.markdown td{color:var(--color-text-secondary)}.markdown strong{color:var(--color-text);font-weight:600}.markdown em{color:var(--color-text-secondary)}.markdown a{color:var(--color-indigo);text-underline-offset:2px}.markdown hr{border:none;border-top:1px solid var(--color-border);margin:16px 0}
