body,html{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#e5e7eb}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.chat-container{width:100%;max-width:720px;background:#020617;border-radius:24px;padding:24px;border:1px solid #1f2937;box-shadow:0 20px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:16px}.chat-title{margin:0;font-size:24px;font-weight:600}.messages{flex:1 1;min-height:260px;max-height:480px;overflow-y:auto;border-radius:16px;padding:16px;background:#020617;border:1px solid #1f2937;display:flex;flex-direction:column}.message{padding:10px 14px;border-radius:12px;margin-bottom:8px;font-size:14px;line-height:1.5;white-space:pre-wrap}.message.user{align-self:flex-end;background:#1f2937}.message.assistant{align-self:flex-start;background:#111827}.input-row{display:flex;gap:8px;margin-top:4px}.input-row input{flex:1 1;padding:10px 12px;border-radius:999px;border:1px solid #374151;background:#020617;color:#e5e7eb}.input-row input:focus{outline:none;border-color:#4f46e5}.input-row button{padding:10px 16px;border-radius:999px;border:none;background:#4f46e5;color:white;font-weight:500;cursor:pointer}.input-row button[disabled]{opacity:.6;cursor:default}