*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;background:#f5f5f5}.app{display:flex;height:100vh}.sidebar{width:260px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.new-chat-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);color:#fff;padding:12px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.new-chat-btn:hover{background:rgba(255,255,255,.3)}.conversations{flex:1;display:flex;flex-direction:column;gap:8px}.conversation-item{background:rgba(255,255,255,.1);border:none;color:#fff;padding:12px;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s}.conversation-item:hover,.conversation-item.active{background:rgba(255,255,255,.2)}.profile-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);color:#fff;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s}.profile-btn:hover{background:rgba(255,255,255,.2)}.chat{flex:1;display:flex;flex-direction:column;background:white}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;animation:slideIn .3s ease-out}.message.user{justify-content:flex-end}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;line-height:1.5}.message.user .message-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.message.assistant .message-content{background:#f0f0f0;color:#333}.loading{animation:pulse 1.4s infinite}.input-form{display:flex;gap:12px;padding:16px;background:white;border-top:1px solid #ddd}.input-form input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;font-size:14px;font-family:inherit}.input-form input:focus{outline:none;border-color:#667eea}.input-form button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:24px;cursor:pointer;font-weight:600}.input-form button:hover:not(:disabled){transform:translateY(-2px)}.input-form button:disabled{opacity:.6;cursor:not-allowed}.auth-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.auth-form{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.auth-form h1{text-align:center;color:#333}.auth-form input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.auth-form button{padding:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:white;padding:30px;border-radius:12px;max-width:400px;width:90%}.modal h2{margin-bottom:20px}.profile-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.profile-stats div{padding:10px;background:#f5f5f5;border-radius:6px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}