:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100vh}:root{--bg:#0b0d12;--bg-elevated:#12141b;--surface:#161922;--surface-2:#1b1e27;--border:#262b38;--border-soft:#22262f;--text:#eceef2;--text-muted:#9aa1ac;--text-faint:#6c7480;--accent:#5b8def;--accent-2:#8a5cf6;--danger:#ff6b6b;--radius:12px;--radius-sm:8px}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 20% -10%, #5b8def1a, transparent 60%), radial-gradient(900px 400px at 90% 0%, #8a5cf614, transparent 60%), var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;max-width:860px;min-height:100vh;margin:0 auto;padding:28px 20px 24px;display:flex}.app-header{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:1.35rem}.tagline{color:var(--text-muted);margin:0;font-size:.82rem}.badges{gap:8px;display:flex}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.72rem}.panel{flex-direction:column;flex:1;display:flex}.empty-state{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius);margin-bottom:20px;padding:24px}.empty-lede{color:var(--text-muted);margin:0 0 16px;font-size:.95rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.tool-card code{color:var(--accent);font-family:SF Mono,Consolas,monospace;font-size:.78rem}.tool-card span{color:var(--text-muted);font-size:.8rem;line-height:1.4}.samples{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.sample-btn{background:var(--surface-2);border:1px solid var(--border);color:#cdd3e0;cursor:pointer;border-radius:999px;padding:8px 13px;font-size:.83rem;transition:border-color .15s,transform .1s}.sample-btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.sample-btn:disabled{opacity:.5;cursor:not-allowed}.chat{flex-direction:column;gap:18px;min-height:80px;display:flex}.msg-row{align-items:flex-start;gap:10px;animation:.2s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-row.user{flex-direction:row-reverse}.avatar{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.bubble{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);max-width:82%;padding:12px 15px}.bubble.user{background:linear-gradient(#182740,#14202e);border-color:#22385a}.msg-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:5px;font-size:.7rem}.msg-text{white-space:pre-wrap;font-size:.93rem;line-height:1.55}.typing{gap:4px;padding:4px 0;display:inline-flex}.typing span{background:var(--text-faint);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.sources{border-top:1px solid var(--border-soft);margin-top:12px;padding-top:10px}.sources summary{cursor:pointer;color:var(--text-muted);font-size:.78rem;font-weight:600;list-style:none}.sources summary::-webkit-details-marker{display:none}.sources summary:before{content:"▸";margin-right:6px;transition:transform .15s;display:inline-block}.sources[open] summary:before{transform:rotate(90deg)}.source-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.source-card{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:9px 11px}.source-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.source-tag{background:color-mix(in srgb, var(--tag-color) 18%, transparent);color:var(--tag-color);border:1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);border-radius:5px;padding:2px 7px;font-family:SF Mono,Consolas,monospace;font-size:.68rem}.source-ref{color:var(--text-muted);font-family:SF Mono,Consolas,monospace;font-size:.76rem}.source-relevance{color:var(--text-faint);margin-left:auto;font-size:.7rem}.source-text{color:#c4c9d4;font-size:.82rem;line-height:1.45}.error{color:var(--danger);font-size:.88rem}.composer{background:linear-gradient(180deg, transparent, var(--bg) 30%);gap:8px;margin-top:20px;padding:14px 0 4px;display:flex;position:sticky;bottom:0}.composer input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:.92rem;transition:border-color .15s}.composer input:focus{border-color:var(--accent)}.composer input::placeholder{color:var(--text-faint)}.composer button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.composer button:hover:not(:disabled){transform:translateY(-1px)}.composer button:disabled{opacity:.45;cursor:not-allowed}