body{font-family:system-ui,sans-serif;background:#f6f8fb;margin:0;padding:20px}.container{max-width:900px;margin:0 auto}h1{text-align:center}.chat{background:#fff;border:1px solid #e2e8f0;padding:16px;min-height:300px;border-radius:8px}.msg{margin-bottom:12px;padding:8px;border-radius:6px}.msg .role{font-size:12px;color:#666;margin-bottom:4px}.msg.user{text-align:right}.msg.user .text{display:inline-block;background:#e6fffa;padding:8px 10px;border-radius:6px}.msg.assistant .text{display:inline-block;background:#edf2ff;padding:8px 10px;border-radius:6px}.composer{display:flex;gap:8px;margin-top:12px}.composer input{flex:1;padding:10px;border-radius:6px;border:1px solid #cbd5e1}.composer button{padding:10px 16px;border-radius:6px;border:none;background:#334155;color:#fff}