*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1220;color:#eef4ff}.app{max-width:900px;margin:auto;height:100vh;display:flex;flex-direction:column}header{padding:18px 16px;border-bottom:1px solid #22304a;display:flex;justify-content:space-between;align-items:center;gap:12px}h1{margin:0;font-size:22px}header p{margin:4px 0 0;color:#9fb0ca;font-size:13px}.messages{flex:1;overflow:auto;padding:20px 16px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:82%;padding:12px 15px;border-radius:16px;white-space:pre-wrap;line-height:1.5}.assistant{align-self:flex-start;background:#18243a}.user{align-self:flex-end;background:#2563eb}.composer{padding:12px 16px;border-top:1px solid #22304a;display:flex;gap:10px;background:#0b1220}.composer textarea{flex:1;resize:none;border:1px solid #31415e;border-radius:12px;background:#111a2b;color:#fff;padding:12px;font:inherit;outline:none}.composer button,.secondary{border:0;border-radius:10px;padding:10px 16px;cursor:pointer}.composer button{background:#2563eb;color:#fff}.secondary{background:#18243a;color:#dbe8ff}.composer button:disabled{opacity:.5}.typing{opacity:.65}
@media(max-width:600px){.bubble{max-width:92%}.app{height:100dvh}header{padding:14px}.composer{padding:10px}.composer button{padding:10px 13px}}