#root,.app,.content,body,html{font-family:Source Sans Pro,sans-serif;height:100%;width:100%}.app{display:flex;position:relative}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%}body{background:#eef3f8;color:#172b4d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.App{align-items:center;background:radial-gradient(circle at top left,#4f9ddd29,#0000 35%),radial-gradient(circle at bottom right,#2d6cdf1a,#0000 35%),#eef3f8;display:flex;justify-content:center;min-height:100vh;padding:32px}.chat-wrapper{background:#fff;border:1px solid #d9e3ed;border-radius:22px;box-shadow:0 24px 60px #23436424,0 4px 12px #2343640f;display:flex;flex-direction:column;height:min(820px,calc(100vh - 64px));max-width:920px;overflow:hidden;width:100%}.chat-header{background:linear-gradient(135deg,#245fc4,#3278d8 55%,#4f9ddd);color:#fff;justify-content:space-between;padding:20px 24px}.brand-section,.chat-header{align-items:center;display:flex}.brand-section{gap:12px}.cosmo-logo{align-items:center;background:#ffffff29;border:1px solid #ffffff40;border-radius:13px;box-shadow:inset 0 1px 0 #fff3,0 4px 12px #00000014;display:flex;font-size:25px;height:44px;justify-content:center;width:44px}.chat-header h1{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.chat-header p{color:#ffffffd1;font-size:13px;margin:4px 0 0}.header-actions{gap:18px}.header-actions,.status{align-items:center;display:flex}.status{font-size:13px;font-weight:500;gap:7px}.status-dot{background:#51e695;border-radius:50%;box-shadow:0 0 0 3px #51e69526,0 0 10px #51e695b3;height:8px;width:8px}.clear-button{background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:7px 11px;transition:background .2s ease,transform .2s ease}.clear-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.clear-button:disabled{cursor:not-allowed;opacity:.45}.message-list{background:linear-gradient(#f8fafdf5,#f8fafdf5);flex:1 1;overflow-y:auto;padding:28px 30px}.message-list::-webkit-scrollbar{width:7px}.message-list::-webkit-scrollbar-track{background:#0000}.message-list::-webkit-scrollbar-thumb{background:#cbd7e3;border-radius:10px}.message-list::-webkit-scrollbar-thumb:hover{background:#aebdcb}.message-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:22px}.bot-row{justify-content:flex-start}.user-row{justify-content:flex-end}.avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:34px;justify-content:center;margin-top:20px;width:34px}.bot-avatar{background:#e3eefc;border:1px solid #cbdff5;color:#2d6cdf;font-size:18px}.user-avatar{background:#2d6cdf;border:1px solid #245bbd;color:#fff;font-size:9px}.message-content{display:flex;flex-direction:column;max-width:min(72%,680px)}.user-row .message-content{align-items:flex-end}.message-sender{color:#718096;font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:5px}.message-bubble{border-radius:15px;font-size:15px;line-height:1.55;padding:13px 16px;white-space:pre-wrap;word-break:break-word}.bot-message{background:#fff;border:1px solid #e0e8f0;border-bottom-left-radius:5px;box-shadow:0 2px 7px #28415a0a;color:#26384d}.user-message{background:#2d6cdf;border-bottom-right-radius:5px;box-shadow:0 3px 10px #2d6cdf2e;color:#fff}.typing-bubble{align-items:center;color:#64748b;display:flex;gap:7px;min-width:125px}.typing-text{font-size:13px}.typing-dots{display:flex;gap:3px}.typing-dots span{animation:typing 1.2s ease-in-out infinite;background:#6f849a;border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.message-input-container{align-items:center;background:#fff;border-top:1px solid #e1e8f0;display:flex;gap:10px;padding:15px 18px}.message-input-container input{background:#f8fafc;border:1px solid #ccd8e5;border-radius:12px;color:#172b4d;flex:1 1;font-size:15px;min-width:0;outline:none;padding:13px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.message-input-container input::placeholder{color:#94a3b8}.message-input-container input:focus{background:#fff;border-color:#2d6cdf;box-shadow:0 0 0 3px #2d6cdf1a}.message-input-container input:disabled{opacity:.7}.send-button{background:#2d6cdf;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:82px;padding:13px 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.send-button:hover:not(:disabled){background:#245bbd;box-shadow:0 5px 12px #2d6cdf33;transform:translateY(-1px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#b8c5d3;box-shadow:none;cursor:not-allowed}.footer-note{background:#fff;color:#9aa8b7;font-size:10px;margin:0;padding:0 18px 12px;text-align:center}@media (max-width:800px){.App{padding:18px}.chat-wrapper{height:calc(100vh - 36px)}.message-list{padding:22px 20px}.message-content{max-width:78%}}@media (max-width:600px){.App{padding:0}.chat-wrapper{border:none;border-radius:0;height:100vh;max-width:none;width:100%}.chat-header{padding:16px}.cosmo-logo{height:40px;width:40px}.chat-header h1{font-size:19px}.chat-header p{font-size:11px}.status{display:none}.message-list{padding:20px 14px}.message-row{gap:7px;margin-bottom:18px}.avatar{height:30px;width:30px}.message-content{max-width:82%}.message-bubble{font-size:14px;padding:11px 13px}.message-input-container,.message-input-container input{padding:12px}.send-button{min-width:65px;padding:12px}.footer-note{padding-bottom:9px}}
/*# sourceMappingURL=main.9b563c26.css.map*/