*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111;background-color:#fff}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}#app{width:100%;margin:0;padding:0}main{display:flex;flex-direction:column;height:100vh;margin:0;padding:16px;overflow:hidden}.header{flex-shrink:0;margin-bottom:16px;width:100%}.dataset-info{margin-bottom:8px;font-size:14px}.label{font-weight:600;color:#555}.value{color:#888}.hint{font-size:13px;color:#666;font-style:italic}.hint em{font-style:normal;color:#4a5568;background:#f7fafc;padding:2px 6px;border-radius:4px}.chat{display:flex;flex-direction:column;gap:12px;width:100%;flex:1;min-height:0;margin:0;font-size:16px}.messages{background:#fff;padding:16px;border-radius:8px;flex:1;min-height:0;overflow-y:auto;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:flex-end}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.bubble{max-width:80%;padding:12px 16px;border-radius:12px;color:#111;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.bubble .text{margin-bottom:8px;white-space:pre-wrap;line-height:1.6}.bubble .text:last-child{margin-bottom:0}.sql{background:#f3f4f6;padding:10px;border-radius:4px;margin-top:8px;font-size:14px}.sql strong{display:block;margin-bottom:6px;color:#374151}.sql pre{margin:0;white-space:pre-wrap;word-wrap:break-word;color:#1f2937;font-family:Courier New,Courier,monospace}.input{display:flex;gap:8px}.input input{flex:1;padding:12px;background:#fff;color:#111;border:1px solid #d1d5db;border-radius:6px}.input button{padding:12px 16px;background:#fff;color:#111;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.viz{background:#fff;padding:8px;border-radius:8px;margin-top:6px;border:1px solid #e5e7eb}input::placeholder{color:#9aa0a6}.thinking{display:flex;align-items:center;gap:8px;color:#6b7280;font-style:italic}.thinking-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:pulse 1.4s infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,60%,to{opacity:.3}30%{opacity:1}}.vega-embed{width:100%}