*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 9999s ease-in-out 0s;-webkit-text-fill-color:var(--text-color)!important;background-color:var(--input-bg)!important;caret-color:var(--text-color)}:root{--text-color: #222;--subheading-color: #a0a0a0;--placeholder-color: #6c6c6c;--primary-color: #fff;--secondary-color: #e9eef6;--secondary-hover-color: #dbe1ea;--input-bg: #fff;--chat-bg: #f1f1f1;--chat-border: #dedede;--output-bg: #ddd;--output-border: #ccc}body.dark{--text-color: #f1f1f1;--subheading-color: #bbbbbb;--placeholder-color: #999;--primary-color: #202124;--secondary-color: #1f1f1f;--secondary-hover-color: #2a2a2a;--input-bg: #2a2a2a;--chat-bg: #2a2a2a;--chat-border: #333;--output-bg: #2a2a2a;--output-border: #444}body{background:var(--primary-color);color:var(--text-color);transition:background .3s,color .3s;padding-top:80px;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:fixed;top:0;left:0;width:100%;background:var(--primary-color);z-index:1000;border-bottom:1px solid var(--chat-border)}.SrynkDev{color:#8b5cf6;font-size:25px;margin:0}.top-buttons{display:flex;align-items:center;gap:15px}.signin-button{background:none;border:none;font-size:1rem;color:var(--text-color);cursor:pointer;padding:4px 8px}.signin-button:hover{text-decoration:underline}.theme-toggle{font-size:1.5rem;background:none;border:none;cursor:pointer;color:var(--text-color)}.header{width:100%;text-align:center;margin-top:160px}.header .title{margin:auto;width:600px;font-weight:200;font-size:48px}.vedra{background:linear-gradient(90deg,#4e79ff,#b845e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.chat-area{width:710px;margin:100px auto;display:flex;flex-direction:column;padding-bottom:60px;overflow-y:auto;max-height:calc(100vh - 250px);scrollbar-width:none;-ms-overflow-style:none}.chat-area::-webkit-scrollbar{display:none}.chat{background-color:var(--chat-bg);border:2px solid var(--chat-border);border-radius:5px;padding:10px;margin:10px 0}.output{background-color:var(--output-bg);border-color:var(--output-border)}.user{align-self:flex-end}.Vedra{align-self:flex-start}.typing-area{width:100%;margin-top:60px;position:fixed;display:flex;justify-content:center;bottom:50px}.input-wrapper{background-color:var(--input-bg);border:1px solid var(--text-color);padding:.5rem;border-radius:30px;display:flex;align-items:center;justify-content:space-between}.input-wrapper input{width:50vw;height:40px;padding:1rem;border-radius:30px;border:none;background-color:transparent;color:var(--text-color)}.input-wrapper input::placeholder{color:var(--placeholder-color)}.input-wrapper input:focus{outline:none}.send-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-color)}.send-button .material-symbols-outlined{font-size:26px}#send-message-button{border:none;background-color:transparent;border-radius:50%;width:50px;height:50px;cursor:pointer;color:var(--text-color)}#send-message-button .material-symbols-outlined{font-size:24px}.file-upload-icon{font-size:1.8rem;cursor:pointer;color:var(--text-color);margin-right:12px;display:flex;align-items:center;transition:color .3s}.file-upload-icon:hover{color:#8b5cf6}.message{animation:fadein .8s ease forwards;background-color:var(--chat-bg);margin-top:5px;margin-bottom:5px;width:fit-content;padding:1rem;border-radius:15px}.loading{animation:fadein .8s ease forwards;background-color:#2a2a2a;margin-top:5px;margin-bottom:5px;width:fit-content;padding:1rem;border-radius:15px}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-chat-controls{position:fixed;top:100px;left:20px;display:flex;flex-direction:column;gap:16px;z-index:1000}.floating-chat-controls .icon-button{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-color);font-size:26px;transition:color .3s ease}.floating-chat-controls .icon-button:hover{color:#8b5cf6}.hover-icon-button{display:flex;align-items:center;cursor:pointer;position:relative;padding:8px;border-radius:8px;color:var(--text-color);transition:background .3s ease}.hover-icon-button:not(#theme-toggle):not(.send-button):hover{background:var(--secondary-hover-color);color:#8b5cf6}.hover-icon-button .material-symbols-outlined{font-size:26px}.hover-text{opacity:0;margin-left:8px;white-space:nowrap;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;font-size:15px;pointer-events:none;color:var(--text-color)}.hover-icon-button:hover .hover-text{opacity:1;transform:translate(0)}.tools-bar{width:100%;position:fixed;bottom:8px;left:0;display:flex;justify-content:center;z-index:1000}.tools-button{background:none;border:none;color:var(--text-color);display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;cursor:pointer;border-radius:10px;transition:background .3s ease,color .3s ease}.tools-button:hover{background-color:var(--secondary-hover-color);color:#8b5cf6}.tools-button .material-symbols-outlined{font-size:18px}.tools-container{position:relative}.tools-popup{display:none;position:absolute;bottom:50px;right:0;background-color:#2b222266;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--chat-border);border-radius:10px;box-shadow:0 4px 12px #0003;overflow:hidden;z-index:1000;min-width:160px;align-items:center}.tools-container .tools-popup{display:block}.tool-option{padding:10px 15px;font-size:14px;color:var(--text-color);cursor:pointer;transition:background .2s ease}.tool-option:hover{background-color:var(--secondary-hover-color);color:#8b5cf6}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:50px;background:var(--primary-color);z-index:1;border:none}