.chat{flex-direction:column;height:100vh;display:flex}.messages{flex:1;padding:40px;overflow:auto}.input{border-top:1px solid #333;padding:20px;display:flex}input{border:none;border-radius:10px;outline:none;flex:1;padding:15px;font-size:16px}button{cursor:pointer;border:none;border-radius:10px;margin-left:10px;padding:15px 25px}.user{justify-content:flex-end;margin-bottom:20px;display:flex}.bot{justify-content:flex-start;margin-bottom:20px;display:flex}.bubble{border-radius:14px;max-width:80%;padding:18px;line-height:1.7}.user .bubble{color:#fff;background:#2563eb}.bot .bubble{background:#1f2937}.markdown h1,.markdown h2,.markdown h3{margin-top:18px;margin-bottom:10px}.markdown p{margin:10px 0}.markdown ul,.markdown ol{padding-left:25px}.markdown li{margin:6px 0}.markdown table{border-collapse:collapse;width:100%;margin-top:15px}.markdown th,.markdown td{border:1px solid #555;padding:10px}.markdown code{background:#374151;border-radius:5px;padding:3px 6px;font-size:14px}.markdown pre{border-radius:10px;margin-top:15px;overflow:auto}.markdown blockquote{color:#ccc;border-left:4px solid #4f46e5;margin:15px 0;padding-left:15px}.markdown a{color:#60a5fa}.markdown img{border-radius:10px;max-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111827;font-family:Inter,sans-serif}.app{height:100vh}