:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background:#0b1020;color:#e7ecf3}.container{max-width:560px;margin:5rem auto;padding:2rem}.card{background:#141a2d;padding:1.5rem;border-radius:14px;display:grid;gap:.75rem}input,select,button{padding:.75rem;border-radius:10px;border:1px solid #2a3350;background:#0f1526;color:#e7ecf3}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.chat{display:grid;grid-template-columns:240px 1fr;height:100vh}aside{background:#0f1526;padding:1rem;border-right:1px solid #202744}aside h3{margin:.5rem 0;font-size:.9rem;color:#9fb1d9}aside ul{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.25rem}aside li{padding:.25rem .5rem;border-radius:8px}aside li.me{background:#1b2440}main{display:grid;grid-template-rows:auto 1fr auto}header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #202744}.messages{padding:1rem;overflow:auto;display:grid;gap:.5rem}.msg{background:#141a2d;padding:.6rem .75rem;border-radius:10px}.msg.self{background:#1f2b4a}.msg .meta{display:flex;gap:.5rem;align-items:baseline;font-size:.8rem;color:#9fb1d9;margin-bottom:.25rem}.composer{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.75rem;border-top:1px solid #202744}.typing{color:#9fb1d9;font-size:.85rem}