*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-container{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:100%}.login-container h1{font-size:2.5rem;margin-bottom:10px;color:#667eea}.login-container p{color:#64748b;margin-bottom:30px}.login-container input{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;margin-bottom:15px;transition:border .3s}.login-container input:focus{outline:none;border-color:#667eea}.login-container button{width:100%;padding:15px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.login-container button:hover:not(:disabled){background:#5568d3}.login-container button:disabled{opacity:.5;cursor:not-allowed}.chat-container{background:#fff;width:100%;max-width:800px;height:90vh;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.chat-header h2{font-size:1.5rem}.username{background:#fff3;padding:8px 16px;border-radius:20px;font-size:.9rem}.messages-container{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.empty-state{text-align:center;color:#94a3b8;margin-top:50px;font-size:1.1rem}.message{margin-bottom:20px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{text-align:right}.message.own .message-header,.message.own .message-text{background:#667eea;color:#fff;margin-left:auto}.message-header{background:#e2e8f0;padding:8px 15px;border-radius:15px 15px 0 0;display:inline-block;max-width:80%;font-size:.85rem}.message-text{background:#e2e8f0;padding:15px;border-radius:0 0 15px 15px;display:inline-block;max-width:80%;margin-top:-5px;word-wrap:break-word}.sentiment{margin-left:10px;font-weight:700}.message-time{font-size:.75rem;color:#94a3b8;margin-top:5px}.message-form{padding:20px;background:#fff;border-top:2px solid #e2e8f0;display:flex;gap:10px}.message-form input{flex:1;padding:15px;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;transition:border .3s}.message-form input:focus{outline:none;border-color:#667eea}.message-form button{width:50px;height:50px;background:#667eea;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background .3s,transform .2s}.message-form button:hover:not(:disabled){background:#5568d3;transform:scale(1.1)}.message-form button:disabled{opacity:.5;cursor:not-allowed}