*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex}.header{text-align:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);border-bottom:1px solid #334155;padding:1.5rem}.header h1{color:#60a5fa;margin-bottom:.3rem;font-size:1.5rem}.header p{color:#94a3b8;margin-bottom:.5rem;font-size:.9rem}.header select{color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}.chat{flex:1;padding:1rem;overflow-y:auto}.welcome{text-align:center;padding:3rem 1rem}.welcome h2{color:#60a5fa;margin-bottom:1rem}.welcome p{color:#94a3b8;margin-bottom:1.5rem}.suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.suggestions button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;transition:all .2s}.suggestions button:hover{background:#334155;border-color:#60a5fa}.msg{margin-bottom:1rem;display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{white-space:pre-wrap;border-radius:12px;max-width:80%;padding:.8rem 1.2rem;font-size:.95rem;line-height:1.6}.msg.user .bubble{color:#fff;background:#1d4ed8;border-bottom-right-radius:2px}.msg.assistant .bubble{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-bottom-left-radius:2px}.input-bar{background:#1e293b;border-top:1px solid #334155;gap:.5rem;padding:1rem;display:flex}.input-bar input{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:8px;outline:none;flex:1;padding:.8rem 1rem;font-size:.95rem}.input-bar input:focus{border-color:#60a5fa}.input-bar button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600}.input-bar button:hover{background:#1d4ed8}.input-bar button:disabled{opacity:.5;cursor:not-allowed}