@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#6f6f6f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8a8a8a}*{scrollbar-width:thin;scrollbar-color:#6f6f6f #2d2d2d}body,html{background-color:#1e1e1e;color:#e0e0e0;font-family:Poppins,sans-serif;margin:0}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.chat-container{background:rgba(30,30,30,.694);display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;position:relative}.input-container.move-down .chat-container{height:60vh}.chat-history{flex:1;display:flex;flex-direction:column;align-items:center;margin-top:65px;max-height:80vh;height:100%;overflow-x:hidden}.message{margin:10px;max-width:80%;font-size:16px;border:2px solid #ff000021;text-align:center;max-width:45vw;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;background-color:#2d2d2d;padding:7.5px;border-radius:10px}.message.bot,.message.user{border:2px solid transparent;color:#fff;margin-left:auto;margin-right:20vh;min-width:2vw;text-align:left}.message.bot{border-top:2px solid#673ab7;border-top-right-radius:0;border-top-left-radius:0;margin-right:auto;margin-left:20vh;margin-top:25px;text-align:left;max-width:45vw;min-width:5vw;background-color:transparent}.message.system{border:2px solid rgba(255,0,0,.518)}.error-toggle-btn{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline}.error-details,.error-toggle-btn{margin-top:.5rem;font-size:.85rem}.error-details{background:#5d4545;padding:.75rem;border-radius:20px;white-space:pre-wrap}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.loading-text{font-size:16px;color:#a8a8a8;text-align:center;margin-top:20px;background:linear-gradient(90deg,hsla(0,0%,79%,.474),#fff 50%,hsla(0,0%,79%,.504));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite;padding:10px}.preset-select{margin:10px;font-size:1rem;background-color:#424242;color:#fff;border:none;border-radius:10px;cursor:pointer;padding:5px}.welcome-message{font-weight:600;background-image:linear-gradient(90deg,#6f1bea,#413eff,#7a2bff,#ec5cc8,#d9286d,#d9286d,#ec5cc8,#7a2bff,#413eff,#6f1bea);background-size:200% 100%;background-clip:text;color:transparent;letter-spacing:2px;position:relative;text-align:center;margin-top:40vh;animation:gradientShift 10s linear infinite}.footer{color:gray;display:flex;flex-direction:row;font-size:12px;margin-top:5px;margin-right:10px}.footer-name{background-image:linear-gradient(90deg,gray,#fff,gray);background-size:200% 100%;background-clip:text;color:transparent;margin:0 4px;animation:gradientShift 10s linear infinite}.input-container.move-down+.footer{display:none!important}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:-200% 50%}}.welcome-message{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.chat-history{flex-grow:1;width:100%;overflow-y:auto;margin-bottom:50px}.input-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;z-index:1;transition:transform .5s ease}.input-container.move-down{position:fixed;bottom:20px;width:100%;left:0;padding:0 20px;box-sizing:border-box;background-color:rgba(30,30,30,.95)}.input-container.move-down .chat-input{max-height:20vh}.input-container.move-down .selector-container{translate:translateX(-10%)}.clear-btn,.send-btn{display:none;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;font-size:1.2rem;background-color:#673ab7;border-radius:50%;width:40px;height:40px;margin-left:10px;flex-shrink:0}.clear-btn{margin-right:10px;background-color:#a10000;transition:all .3s ease}.send-btn{display:flex}.model-switcher{position:relative;display:inline-block}.switcher-button{background-color:#282828;font-weight:700;color:#fff;padding:13.5px 15px;border-radius:20px;cursor:pointer;border:1px solid #424242;display:flex;align-items:center;gap:5px;margin-right:10px;margin-bottom:2px;transition:border-color .3s ease}.switcher-button:hover{border:1px solid #673ab7}.dropdown{bottom:calc(100% + 7.5px);left:50%;transform:translateX(-50%) translateY(10px)}.dropdown.open{transform:translateX(-50%) translateY(0)}.dropdown-wrapper{border:1px solid #424242;background-color:#282828;width:235px;text-align:center}.dropdown-item,.dropdown-wrapper{border-radius:5px;position:relative;z-index:4}.dropdown-item{padding:12px 15px;cursor:pointer;transition:background-color .3s ease;display:flex;flex-direction:column;align-items:flex-start;user-select:none}.dropdown-item strong{font-size:14px}.dropdown-item .description{font-size:12px;color:#bbb;margin-top:3px}.dropdown-item:hover{background-color:#3f3f3f}.dropdown-item.selected{background-color:#5d23c2;color:#fff}.chevron{transition:transform .2s ease;margin-left:5px}.chevron.rotate{transform:rotate(-180deg)}.selector-container{position:absolute;top:10px;left:50%;transform:translateX(-50%)}.input-container.move-down .selector-container{top:20vh;transition:top .5s ease}.dropdown{position:absolute;top:calc(100% + 7.5px);left:0;transform:translateX(-50%);background-color:#282828;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2);width:300px;opacity:0;transition:opacity 1s ease,transform .3s ease;pointer-events:none}.dropdown.open{opacity:1;transform:translateX(-50px) translateY(0);pointer-events:auto}.input-wrapper{position:relative;width:60vw}.chat-input{position:relative;text-align:center;width:100%;max-width:600px;min-height:20px;max-height:200px;border:1px solid #424242;background-color:#282828;color:#e0e0e0;font-size:16px;padding:12px;line-height:1.4;border-radius:20px;resize:none;outline:none;overflow:hidden;box-sizing:border-box;transition:border-color .3s ease}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.chat-input.shake{animation:shake .3s ease-in-out;border:1px solid #ba0000}.chat-input:active,.chat-input:focus{border:1px solid #673ab7!important}.input-container.move-down .clear-btn{display:flex}.copy-btn-container{display:flex;justify-content:flex-start;margin-top:5px}.copy-btn{background:transparent;border:none;color:#838383;font-size:14px;cursor:pointer;transition:color .3s ease-in-out}.copy-btn:hover{color:#fff}.copy-btn.copied,.copy-btn.copied:hover,.fa-check{color:#4caf50}@media screen and (max-width:600px){html{touch-action:manipulation}input,textarea{font-size:16px}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.message.bot,.message.user{margin-right:5vw;margin-left:5vw;margin-bottom:25px;max-width:90vw;min-width:10vw;text-align:left;user-select:text}.message.user{max-width:60vw;margin-left:auto;text-align:left}.chat-history{overflow-y:auto;margin-top:65px;max-height:83.5vh;height:100%;border-top:2px solid #424242;overflow-x:hidden}.input-container{flex-direction:row}.input-container.move-down{margin-bottom:10px}.chat-input{margin-left:10px}.input-wrapper{width:90vw}.chat-input{font-size:16px;width:100%}.send-btn{margin-right:10px}}