*{box-sizing:border-box}body{margin:0;background:#f3f5fa;color:#17233b;font:16px/1.6 system-ui,sans-serif}main{max-width:800px;margin:auto;padding:24px}header{background:#11245b;color:white;padding:26px;border-radius:20px}header a{color:#ffe29b}h1{line-height:1.2}.chat{background:white;border:1px solid #dce2ef;border-radius:20px;margin-top:18px;padding:22px}#messages{min-height:200px;max-height:55vh;overflow:auto}.message{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:12px;background:#edf2ff;margin:12px 0}.user{background:#f3f4f7}label{display:block;font-weight:600}textarea{width:100%;padding:14px;font:inherit;border:1px solid #8896ad;border-radius:12px;resize:vertical}button{max-width:100%;overflow-wrap:anywhere;padding:13px 22px;border:0;border-radius:12px;background:#1746c9;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d7a52e;outline-offset:3px}#status{min-height:26px;color:#7a2030}.note{font-size:14px;color:#53617a}@media(max-width:500px){main{padding:12px}header,.chat{padding:18px}}