*{box-sizing:border-box}body{color:#edf2ff;background:#0b1020;margin:0;font:16px system-ui}.layout{grid-template-columns:250px minmax(0,880px);max-width:1160px;min-height:100vh;margin:auto;display:grid}aside{border-right:1px solid #34415f;padding:28px 16px}h1{margin:0;font-size:24px}h2{margin:0}p{color:#aebbd8}button{color:#fff;cursor:pointer;background:#4e8cff;border:0;border-radius:8px;padding:10px 14px}.new{width:100%;margin:24px 0;display:block}nav button{text-align:left;color:#d7e2ff;background:0 0;width:100%;margin:5px 0;display:block}nav button.active{background:#182b55}.chat{flex-direction:column;min-height:100vh;padding:32px;display:flex}.chat header{border-bottom:1px solid #34415f}.messages{flex:1;min-height:420px;padding:24px 0}.messages article{white-space:pre-wrap;background:#18223d;border-radius:12px;max-width:75%;margin:10px 0;padding:12px 16px}.messages .user{background:#265bd8;margin-left:auto}.empty{text-align:center;padding-top:160px}.error{color:#ffb4ab}form{gap:12px;display:flex}textarea{color:#fff;background:#121a2f;border:1px solid #34415f;border-radius:8px;flex:1;min-height:60px;padding:12px}button:disabled,textarea:disabled{opacity:.6;cursor:wait}@media (width<=700px){.layout{display:block}aside{border-bottom:1px solid #34415f;border-right:0}nav{display:flex;overflow:auto}.chat{padding:20px}}