body{margin:0;padding:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;justify-content:center;align-items:center}.chat-container{background:#fff;width:60vw;height:90vh;border-radius:1rem;display:flex;flex-direction:column;box-shadow:0 8px 20px #0000001a;overflow:hidden}.chat-header{background:linear-gradient(90deg,#4f46e5,#6366f1);color:#fff;padding:1rem 1.5rem;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:1rem;background:#f9fafb;display:flex;flex-direction:column;gap:.75rem}.chat-message{max-width:80%;padding:.75rem 1rem;border-radius:1rem;font-size:.95rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.user-msg{background:#4f46e5;color:#fff;align-self:flex-end}.assistant-msg{background:#e0e7ff;color:#1e1e1e;align-self:flex-start}.chat-footer{padding:1rem;border-top:1px solid #eee;background:#fff}.input-container{display:flex;gap:.5rem}.input-container input{flex:1;padding:.6rem 1rem;border:1px solid #ccc;border-radius:.75rem;font-size:.95rem}.input-container button{background:#4f46e5;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.input-container button:hover{background:#4338ca}.chat-controls{display:flex;justify-content:flex-end;gap:1rem;font-size:.9rem;padding:0 1rem .5rem;color:#555}.chat-controls button{background:none;border:none;color:#555;cursor:pointer;transition:color .2s ease}.chat-controls button:hover{color:#111;text-decoration:underline}