.chat-area{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:14px;max-width:70%;padding:14px 18px}.message strong{margin-bottom:6px;font-size:14px;display:block}.assistant-message{color:#1f2937;background-color:#eef2ff;align-self:flex-start}.user-message{color:#fff;background-color:#2563eb;align-self:flex-end}@media (width<=600px){.app{border-radius:0;width:100%;height:100vh;margin:0}.message{max-width:85%}.chat-input-area{padding:12px}.chat-input-area button{padding:14px 18px}}*{box-sizing:border-box}body{background-color:#f4f7fb;margin:0;font-family:Arial,sans-serif}#root{min-height:100vh}.app{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;height:90vh;margin:5vh auto;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000001f}.chat-header{color:#fff;text-align:center;background-color:#2563eb;padding:24px}.chat-header h1{margin:0;font-size:28px}.chat-header p{opacity:.9;margin:6px 0 0}.chat-area{flex:1;padding:24px;overflow-y:auto}.message{border-radius:12px;max-width:70%;margin-bottom:16px;padding:14px 18px}.assistant-message{background-color:#eef2ff}.message strong{margin-bottom:6px;display:block}.chat-input-area{border-top:1px solid #e5e7eb;gap:12px;padding:18px;display:flex}.chat-input-area input{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;padding:14px;font-size:16px}.chat-input-area input:focus{border-color:#2563eb}.chat-input-area button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;padding:14px 24px;font-size:16px}.chat-input-area button:hover{background-color:#1d4ed8}@media (width<=600px){.app{border-radius:0;width:100%;height:100vh;margin:0}.message{max-width:85%}}.message p{margin:0 0 12px;line-height:1.6}.message p:last-child{margin-bottom:0}.message strong{font-weight:700}.message h1,.message h2,.message h3{margin:16px 0 10px;line-height:1.3}.message h1:first-child,.message h2:first-child,.message h3:first-child{margin-top:0}.message ul,.message ol{margin:8px 0 12px;padding-left:24px}.message li{margin-bottom:6px;line-height:1.5}.message code{background-color:#e5e7eb;border-radius:4px;padding:2px 5px;font-family:Consolas,monospace}.message pre{color:#fff;background-color:#1f2937;border-radius:8px;margin:12px 0;padding:12px;overflow-x:auto}.message pre code{color:inherit;background-color:#0000;padding:0}