:root{font-family:Inter,Arial,sans-serif;color:#171717;background:#eee}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:0 auto;min-height:100vh;background:#fff;padding:24px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ddd;padding-bottom:18px}.mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid;border-radius:50%;font-size:25px}header b{letter-spacing:.35em}header small{display:block;margin-top:4px;letter-spacing:.18em;color:#666}header i{margin-left:auto;font-size:13px;color:#777}.agents{display:flex;gap:8px;padding:18px 0}.agents button{border:1px solid #ccc;background:#fff;padding:10px 14px;cursor:pointer}.agents button.active{background:#171717;color:white;border-color:#171717}.chat{height:52vh;overflow:auto;background:#f7f7f5;padding:18px}.chat p{max-width:75%;padding:12px 14px;margin:8px 0;line-height:1.45;background:#fff}.chat .user{margin-left:auto;background:#191919;color:white}.chat .system{max-width:100%;font-size:12px;color:#777;background:transparent;text-align:center}form{display:flex;gap:10px;margin-top:12px}textarea{flex:1;min-height:75px;padding:12px;font:inherit}form button{width:130px;border:0;background:#171717;color:#fff}footer{font-size:12px;color:#777;margin-top:18px}code{font-size:11px}@media(max-width:600px){main{padding:14px}.agents{overflow:auto}.chat{height:58vh}.chat p{max-width:90%}form{display:block}form button{width:100%;height:44px;margin-top:8px}}