*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f8fa;color:#192b42}.shell{display:flex;min-height:100vh}aside{width:254px;background:#142b46;color:#fff;padding:28px 17px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:24px;letter-spacing:.5px}.brand span{color:#d4b477}.sub{font-size:12px;color:#bdc9d7;margin-top:6px}.new{margin:34px 0 28px;border:1px solid #68809a;background:transparent;color:white;border-radius:9px;padding:13px;text-align:left;cursor:pointer}.navtitle{font-size:11px;letter-spacing:1.2px;color:#b4c0cf;margin-bottom:12px}.topic{background:none;border:0;text-align:left;color:#dce5ef;padding:13px 12px;border-radius:8px;cursor:pointer}.topic.active,.topic:hover{background:#294765}.asidebottom{margin-top:auto;font-size:12px;color:#a9b8c8}.workspace{flex:1 1;display:flex;flex-direction:column;min-width:0}header{padding:22px 32px;background:#fff;border-bottom:1px solid #e5e9ee;display:flex;justify-content:space-between;align-items:center}.status{font-size:12px;color:#8b692d;background:#fff6df;padding:7px 11px;border-radius:18px}.messages{flex:1 1;padding:32px;display:flex;flex-direction:column;gap:18px;overflow:auto}.welcome{margin:auto;max-width:650px;text-align:center}.symbol{font-size:38px;color:#b58a48}.welcome h1{font-size:30px}.welcome p{color:#64748b;line-height:1.6}.examples{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}.examples button{border:1px solid #d5dce4;background:#fff;padding:13px;border-radius:9px;color:#2b4058;cursor:pointer}.bubble{max-width:720px;padding:16px 19px;border-radius:13px;line-height:1.6;white-space:pre-wrap}.bubble.user{background:#dfe9f3;align-self:flex-end}.bubble.assistant{background:white;border:1px solid #e5e9ee;align-self:flex-start}form{display:flex;gap:10px;margin:0 auto;width:min(850px,calc(100% - 40px));background:white;padding:9px;border:1px solid #d9e1e8;border-radius:13px}input{border:0;outline:none;flex:1 1;font-size:15px;padding:12px;min-width:0}form button{background:#193756;color:#fff;border:0;border-radius:9px;padding:0 22px;cursor:pointer}footer{text-align:center;color:#8994a1;font-size:11px;padding:15px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:720px){.shell,aside{display:block}aside{width:100%;padding:14px}.asidebottom,.navtitle,.new,.sub,.topic{display:none}.brand{font-size:18px}header{padding:16px}.workspace{min-height:calc(100vh - 50px)}.messages{padding:18px}.welcome h1{font-size:24px}}