:root{font-family:Arial,Helvetica,sans-serif;color:#172033;background:#eef2f7;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:20px}.card{width:min(100%,720px);background:#fff;border-radius:20px;padding:20px;box-shadow:0 18px 50px #1720331f}h1{margin:0 0 8px;font-size:clamp(2rem,5vw,2.6rem)}.description{margin:0 0 20px;color:#4d5b73}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:16px}.composer input{width:100%;min-width:0;min-height:52px;padding:0 16px;border:1px solid #ccd5e3;border-radius:14px}.composer button{min-height:52px;padding:0 20px;border:none;border-radius:14px;background:#1a73e8;color:#fff;font-weight:700;cursor:pointer}.composer button:disabled{opacity:.7;cursor:wait}.status,.empty{margin:0 0 16px;color:#4d5b73}.error{color:#b42318}.messages{display:grid;gap:12px}.message{padding:14px 16px;border-radius:14px;background:#f7f9fc;border:1px solid #e2e8f0}.message p{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.message time{font-size:.875rem;color:#66758f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.page{padding:12px}.card{padding:16px;border-radius:16px}.composer{grid-template-columns:1fr}.composer button{width:100%}}