:root{color:#f5f1e9;background:#171717;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{background:#20201e;border-right:1px solid #363632;flex-direction:column;gap:26px;padding:28px 22px;display:flex}.brand{align-items:center;gap:10px;font-size:24px;display:flex}.brand span,.empty>span{color:#ff6d3b}.eyebrow{letter-spacing:.13em;color:#a8a49b;margin:0;font-size:11px}.new,form button,.empty button{color:#171717;cursor:pointer;background:#ff6d3b;border:0;border-radius:8px;padding:12px 14px;font-weight:700}aside section{color:#b7b4ac;border-top:1px solid #3a3a35;padding-top:18px;font-size:13px;line-height:1.5}aside section b{color:#f5f1e9}aside section p{margin:6px 0}footer{color:#77736d;margin-top:auto;font-size:12px}.chat{flex-direction:column;width:100%;max-width:950px;min-height:100vh;margin:auto;padding:48px 38px;display:flex}header{justify-content:space-between;align-items:start;display:flex}h1{margin:8px 0;font-size:clamp(32px,5vw,54px)}.status{color:#8fdf96;font-size:13px}.messages{flex-direction:column;flex:1;gap:22px;padding:42px 0;display:flex}.empty{text-align:center;max-width:550px;margin:auto}.empty>span{font-size:54px}.empty h2{margin:14px 0;font-size:28px}.empty p{color:#b7b4ac;line-height:1.6}.empty button{color:#f5f1e9;background:#2d2d29;margin-top:14px}.messages article{white-space:pre-wrap;background:#242421;border-radius:12px;max-width:760px;padding:16px 18px;line-height:1.55}.messages article.user{background:#3a302b;align-self:flex-end}.messages label{color:#ff9a79;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.messages p{margin:0}form{background:#22221f;border:1px solid #3d3c37;border-radius:12px;padding:12px}textarea{resize:none;color:#f5f1e9;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:6px}form div{justify-content:space-between;align-items:center;gap:10px;display:flex}small{color:#908d85}form button:disabled{opacity:.6}.error{color:#ffd8d3;background:#311513;border:1px solid #c74b45;border-radius:10px;padding:12px 14px;line-height:1.5}.error code{color:#fff;font-weight:700}@media (max-width:720px){main{display:block}aside{display:none}.chat{padding:24px 18px}h1{font-size:36px}.messages{padding:26px 0}form div{align-items:end}small{max-width:210px}}