@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #00c6ff,0 0 10px #00c6ff}50%{box-shadow:0 0 20px #00c6ff,0 0 30px #00c6ff}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:#e0e0e0;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden}.background-container{background:#000 url(https://www.script-tutorials.com/demos/360/images/stars.png) repeat top;position:fixed;z-index:-1}.background-container,.stars{height:100%;left:0;top:0;width:100%}.stars{bottom:0;display:block;position:absolute;right:0}.twinkling{animation:move-twink-back 200s linear infinite;background:#0000 url(https://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top}.clouds,.twinkling{height:100%;width:100%}.clouds{animation:move-clouds-back 200s linear infinite;background:#0000 url(https://www.script-tutorials.com/demos/360/images/clouds.png) repeat top}.chat-container{animation:fadeIn 1s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a1499;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;height:90vh;max-width:850px;position:relative;width:95%;z-index:1}.chat-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:15px 25px}.header-content{align-items:center;display:flex;gap:15px}.header-icon{color:#00c6ff}.chat-header h1{color:#fff;font-family:Orbitron,sans-serif;font-size:1.5rem;margin:0;text-shadow:0 0 5px #00c6ff}.chat-header p{color:#a0a0b0;font-size:.8rem;margin:0}.chat-messages{display:flex;flex-direction:column;flex-grow:1;gap:20px;overflow-y:auto;padding:20px}.message-container{align-items:flex-end;animation:fadeIn .5s ease-out;display:flex;flex-direction:row;max-width:85%}.user-container{align-self:flex-end;flex-direction:row-reverse}.bot-container{align-self:flex-start}.avatar{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#00c6ff;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0 10px;width:40px}.message{word-wrap:break-word;border:1px solid #0000;border-radius:18px;line-height:1.6;padding:12px 20px;text-align:left}.message p{letter-spacing:.3px;margin:0;white-space:pre-wrap}.user{background:linear-gradient(135deg,#007bff,#0056b3);border-bottom-right-radius:5px;color:#fff}.bot{background-color:#00c6ff1a;border:1px solid #00c6ff33;border-bottom-left-radius:5px;color:#e0e0e0}.chat-input-area{align-items:center;background-color:#0003;border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:15px;padding:15px 20px}input[type=text]{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:30px;color:#f0f0f0;flex-grow:1;font-size:1rem;outline:none;padding:12px 20px;transition:all .3s ease}input[type=text]:focus{border-color:#00c6ff;box-shadow:0 0 15px #00c6ff80}.send-btn{align-items:center;background:#00c6ff;border:none;border-radius:50%;color:#1a1a1d;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.send-btn:hover:not(:disabled){box-shadow:0 0 20px #00c6ff;transform:scale(1.1)}.send-btn:disabled{background:#555;cursor:not-allowed;opacity:.5}.typing-indicator{align-items:center;display:flex;padding:8px 0}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background-color:#00c6ff;border-radius:50%;display:inline-block;height:8px;margin:0 2px;width:8px}.typing-indicator span:first-of-type{animation-delay:-.32s}.typing-indicator span:nth-of-type(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=main.45a8e13c.css.map*/