body{font-family:Arial;max-width:80%;margin:40px auto;background-color:#f7f8f0}#chat{border:1px solid gray;padding:15px;height:400px;overflow-y:auto;border-radius:20px;background-color:#355872}#chat,.user{margin-bottom:10px}.user{text-align:right}.ai,.user{color:#f7f8f0}.ai{margin-bottom:15px;line-height:1.6}.ai pre{padding:12px;border-radius:8px;overflow-x:auto;margin:10px 0}.ai code,.ai pre{background-color:#1e2a35}.ai code{padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.ai pre code{padding:0;background:none}.ai ol,.ai ul{margin:10px 0;padding-left:25px}.ai li{margin:5px 0}.ai blockquote{border-left:3px solid #9cd5ff;margin:10px 0;padding-left:15px;opacity:.9}.ai h1,.ai h2,.ai h3,.ai h4{margin:15px 0 10px}.ai a{color:#9cd5ff}.ai table{border-collapse:collapse;margin:10px 0}.ai td,.ai th{border:1px solid #5a7a94;padding:8px}.ai th{background-color:#1e2a35}input,select{padding:10px;margin-right:5px;border-radius:20px}input{width:45%}input,select{background-color:#9cd5ff;border-color:#7aaace}select{width:25%}button{padding:10px;border-radius:20px;background-color:#9cd5f4;width:12.3%;border-color:#6bbdfc;margin-right:5px}h1{text-align:center}