*{box-sizing:border-box}body{margin:0;color:#18243a;background:#f4f6fa;font:16px system-ui}aside{padding:12px 24px;background:#fff0b3}header,main{max-width:1120px;margin:24px auto;padding:0 20px}main{display:grid;grid-template-columns:300px 1fr;gap:24px}section{padding:22px;background:white;border-radius:16px;min-width:0}button{font:inherit;cursor:pointer;background:#cf1754;color:white;border:0;padding:10px 16px;border-radius:8px;margin:6px 8px 6px 0}button:disabled{opacity:.5}a{color:#aa1347}select,textarea{font:inherit;padding:10px;max-width:100%;border:1px solid #bfc8d5;border-radius:8px}textarea{display:block;width:100%;margin:8px 0}#threads button{display:block;background:#eef1f7;color:#18243a;text-align:left;width:100%}#threads button[aria-current=true]{outline:2px solid #cf1754}article{padding:12px;background:#f2f4f8;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px}article strong{display:block;font-size:13px;color:#58677a}#messages{max-height:460px;overflow-y:auto}#status{color:#a41436}nav{display:inline-block}@media(max-width:700px){main{grid-template-columns:1fr}section{padding:15px}header{margin:16px auto}}