*{box-sizing:border-box}body{margin:0;font-family:system-ui;background:#07101f;color:#fff}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{padding:24px;background:#050b16;border-right:1px solid #ffffff18;display:flex;flex-direction:column;gap:14px}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.15em}aside button,aside a{padding:12px;border-radius:10px;background:#ffffff0c;color:#dce6f7;border:1px solid #ffffff14;text-decoration:none;text-align:left}main{display:flex;flex-direction:column;max-width:980px;width:100%;margin:auto;height:100vh}main header{padding:20px;border-bottom:1px solid #ffffff18}main header span{display:block;color:#9fb0c8;font-size:13px}#messages{flex:1;overflow:auto;padding:28px}.msg{max-width:78%;padding:16px 18px;margin:10px 0;border-radius:18px;line-height:1.55;white-space:pre-wrap}.ai{background:#14233a}.user{background:#4f6cff;margin-left:auto}.suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 12px}.suggestions button{background:#ffffff0d;color:#dfe9fb;border:1px solid #ffffff1b;padding:9px 12px;border-radius:99px}form{display:flex;gap:10px;padding:20px}textarea{flex:1;min-height:56px;max-height:150px;background:#111e33;color:#fff;border:1px solid #ffffff20;border-radius:16px;padding:16px;font:inherit}form button{border:0;border-radius:14px;padding:0 22px;background:#61e5ff;font-weight:800}@media(max-width:700px){.app{grid-template-columns:1fr}aside{display:none}.msg{max-width:92%}}