*{box-sizing:border-box;margin:0;padding:0}body{background:#f3f4f6;margin:0;font-family:Arial,Helvetica,sans-serif}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f3f4f6}.container{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.chat-box{background:#fff;border-radius:12px;flex-direction:column;width:700px;max-width:95%;height:80vh;padding:20px;display:flex;box-shadow:0 0 15px #0000001a}h1{text-align:center;margin-bottom:20px}.messages{background:#fafafa;border:1px solid #ddd;border-radius:10px;flex-direction:column;flex:1;gap:12px;padding:10px;display:flex;overflow-y:auto}.empty{text-align:center;color:gray;margin-top:20px}.message{word-wrap:break-word;border-radius:12px;max-width:70%;padding:12px 16px}.user{color:#fff;background:#2563eb;align-self:flex-end}.ai{background:#e5e7eb;align-self:flex-start}.input-area{gap:10px;margin-top:20px;display:flex}input{border:1px solid #ccc;border-radius:8px;flex:1;padding:14px;font-size:16px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:14px 25px;font-size:16px}button:hover{background:#1d4ed8}.loading{align-items:center;gap:6px;display:flex}.loading span{background:#666;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typing}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1.2)}}