:root{font-family:system-ui,sans-serif;color:#1a1a1a}body{margin:0;background:#f5f6f8}.layout{max-width:760px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}header h1{margin:0 0 4px}.hint{color:#555;font-size:.9rem;margin:0}.credentials,.chat{background:#fff;border:1px solid #e2e4e8;border-radius:10px;padding:16px}.credentials label{display:block;margin:10px 0;font-size:.9rem}.credentials input,.composer input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #cbd0d8;border-radius:6px;margin-top:4px}button{background:#1f6feb;color:#fff;border:0;border-radius:6px;padding:8px 16px;cursor:pointer}button:disabled{background:#9db8e6;cursor:not-allowed}.status{margin-top:8px;font-size:.85rem;color:#1f6feb}.messages{display:flex;flex-direction:column;gap:12px;min-height:200px;margin-bottom:12px}.message{display:flex;flex-direction:column;gap:2px}.message .who{font-size:.75rem;color:#777}.message pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;background:#f0f2f5;padding:8px 10px;border-radius:6px}.message.user pre{background:#e3edff}.message.error pre{background:#fde8e8;color:#9b1c1c}.composer{display:flex;gap:8px}.composer input{flex:1;margin-top:0}