@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}body,html,#root{color-scheme:dark;background-color:#000;margin:0;padding:0;overflow:hidden;width:100%;height:100%}.odebot-window.closing{animation:slideOut .5s forwards}@keyframes slideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scaleX(.5) translateY(-20svh)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}.animate-bounce{animation:bounce 1s infinite}.odebot-container{z-index:9999;position:fixed;bottom:54svh!important;left:50%;transform:translate(-50%);border-radius:0;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.odebot-launcher-container{position:fixed;top:10px;left:10px;z-index:9999;width:100px;height:100px;background:transparent}.odebot-launcher{background:transparent;color:#fff;width:60px;position:fixed;top:10px;left:5px;height:60px;border-radius:50%;border:none;cursor:pointer;margin-left:8px;display:flex;box-shadow:none;align-items:center;box-shadow:0 0 6px #fff;justify-content:center;transition:transform .6s ease,background .6s}.odebot-launcher:hover{transform:scale(1.1)}.odebot-window{background:#0003;min-width:300px;max-width:800px;width:96vw;min-height:450px;height:80svh;max-height:1000px;border-radius:16px;display:flex;flex-direction:column;border:none;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(-16svh) scaleX(.5)}to{opacity:1;transform:translateY(0) scaleX(1)}}.odebot-header{background:transparent;color:#fff;padding:20px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;border:none}.odebot-title{display:flex;align-items:center;gap:8px;margin-left:20px;font-size:1.1em;font-weight:700}.online-dot{width:8px;height:8px;background-color:#ee0520;border-radius:50%}.close-btn{background:transparent;border:none;color:#fff;cursor:pointer;opacity:1;z-index:100}.close-btn:hover{opacity:.8}.odebot-messages{flex:1;overflow-y:auto;padding:16px;background:transparent;display:flex;flex-direction:column;gap:16px}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:16px;font-size:16px;line-height:1.4;position:relative}.message-bubble.user{background:#0000004d;color:#fff;border-bottom-right-radius:2px;border:1px solid rgb(146,146,146)}.message-bubble.bot{background:#0000004d;color:#fff;border:1px solid rgb(255,255,255);border-bottom-left-radius:2px}.timestamp{font-size:10px;margin-top:5px;opacity:.8;display:block;text-align:right}.odebot-input-area{padding:20px 14px 14px;background-color:transparent;border:none;display:flex;gap:8px;color:#fff}.odebot-input{flex:1;padding:12px 14px;border-radius:24px;border:1px solid rgb(255,255,255);background:#0000001a;outline:none;font-size:17px;color:#fff}.odebot-input:focus{border-color:#3affaa;background-color:transparent}.send-btn{background:#287c5100;color:#595959;border:1px solid #3affaa;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-btn:disabled{background:transparent;cursor:not-allowed;border:1px solid #ee0520;color:#595959}.typing-indicator{padding:12px 16px;background-color:transparent;border:1px solid #6a6b6f;border-radius:16px 16px 16px 2px;display:flex;gap:4px;width:fit-content}.dot{width:6px;height:6px;background-color:#fff;border-radius:50%;animation:bounce 1s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.suggestion-btn{display:flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:5px;border:1px solid #ee0520}.suggestion-btn:hover{transform:translate(3px)}.message-bubble.bot .suggestion-btn{color:#ee0520;border-color:#ee0520}@media screen and (min-width:650px)and (max-height:600px)and (orientation:landscape){.odebot-window{min-width:300px;max-width:700px;width:80vw;min-height:300px;height:80svh;max-height:400px}.odebot-launcher{margin-left:40px}}@media screen and (min-width:650px)and (max-height:600px)and (orientation:landscape){.socials-container{display:none;visibility:hidden}}@media screen and (max-width:700px){.socials-container{position:fixed;bottom:0;left:0;display:flex;z-index:10;width:100vw;height:18vw;background:#0000001a;flex-direction:row;align-items:left;align-content:left;justify-content:left;text-align:left}.social-link{pointer-events:all;cursor:pointer;color:transparent;-webkit-text-stroke:.8px white;margin-top:-3px;font-size:12vw;margin-left:16vw;transition:color .3s ease;filter:drop-shadow(0 0 2px white)}}@media screen and (min-width:700px){.socials-container{position:fixed;bottom:0;left:0;display:flex;z-index:10;width:100vw;min-height:14svh;height:auto;background:#0000001a;flex-direction:row;align-items:left;align-content:left;justify-content:left;text-align:left;border-top:1px solid rgba(255,255,255,.861)}.social-link{pointer-events:all;cursor:pointer;color:transparent;-webkit-text-stroke:1px white;margin-top:0;filter:drop-shadow(0 0 4px white);font-size:5vw;transition:color .3s ease;position:absolute;top:50%;transform:translateY(-50%)}.social-link:nth-child(1){left:10vw}.social-link:nth-child(2){left:50%;transform:translate(-50%) translateY(-50%)}.social-link:nth-child(3){right:10vw}}.rotate-wrapper{animation:spin 300s linear infinite}@keyframes spin{0%,to{transform:rotate(0) scale(1);opacity:.3}50%{opacity:.1;transform:rotate(3600deg) scale(1.2)}}