*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(315deg,rgba(101,0,94,1) 3%,rgba(60,132,206,1) 38%,rgba(48,238,226,1) 68%,rgba(255,25,25,1) 98%);animation:gradient 15s ease infinite;background-size:400% 400%;background-attachment:fixed;color:#202124;display:flex;justify-content:center;align-items:center;height:100vh}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.wave{background:rgb(255 255 255 / 25%);border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:12em;animation:wave 10s -3s linear infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.9}@keyframes wave{2%{transform:translate(1)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(1)}}main{background-color:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;width:100%;padding:24px;display:flex;flex-direction:column;height:100vh}h1{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:24px;color:#076eff}h1:before{content:"";display:inline-block;background:url(gemini.svg);width:40px;height:40px;background-size:cover}.chat-container{flex:1;overflow-y:auto;padding-bottom:80px;scrollbar-width:thin;scrollbar-color:#076EFF #f1f1f1}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-thumb{background-color:#076eff;border-radius:4px}.chat-container::-webkit-scrollbar-track{background-color:#f1f1f1}form{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:24px;left:8%;width:calc(100% - 48px);max-width:1120px;background:white;padding:9px;border-radius:16px;box-shadow:0 -2px 10px #0000001a;z-index:100}.prompt-box{display:flex;gap:1px;align-items:center;width:100%}label{flex:1}input{border:1px solid #ddd;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:16px;width:99%;transition:border-color .3s ease}input:focus{border-color:#076eff;box-shadow:0 0 0 3px #076eff1a}button{border:none;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.send{background-color:#076eff;color:#fff}.send:hover{background-color:#0654cc;transform:translateY(-2px)}.user-message{display:flex;justify-content:flex-end;margin-bottom:8px}.user-message .message-bubble{background-color:#076eff;color:#fff;padding:12px 16px;border-radius:16px 16px 0;max-width:70%;word-wrap:break-word;animation:slideInRight .3s ease}.ai-message{display:flex;justify-content:flex-start;margin-bottom:8px}.ai-message .message-bubble{background-color:#f1f1f1;color:#202124;padding:12px 16px;border-radius:16px 16px 16px 0;max-width:100%;word-wrap:break-word;animation:slideInLeft .3s ease}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1258px){form{bottom:16px;margin-left:-5%;padding:12px}#mode-toggle{position:fixed;left:78%;top:2%}}@media (max-width: 768px){main{height:100vh;border-radius:0;padding:16px}h1{font-size:20px}.chat-container{padding-bottom:60px}form{bottom:8%;left:6%;width:calc(100% - 32px);padding:12px}.prompt-box{flex-direction:column;gap:12px}label,input,button.send{width:100%}input,button.send{padding:10px 14px;font-size:14px}}@media (max-width: 480px){#mode-toggle{position:fixed;left:78%;top:1%}.conta{display:flex;align-items:center;justify-content:center;height:50px}svg text{animation:stroke 5s infinite alternate;stroke-width:2;stroke:#365fa0;font-size:52px}svg{width:220px;height:120px;font-family:Russo One,sans-serif}main{padding:12px}h1{font-size:18px}.chat-container{padding-bottom:50px}form{position:fixed;bottom:0%;left:9%;right:12px;width:auto;padding:10px;border-radius:12px}.prompt-box{flex-direction:column;gap:8px}label,input,button.send{width:100%}input,button.send{padding:8px 12px;font-size:14px}}pre{background-color:#000;padding:12px;border-radius:8px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;color:#dbdbdb;margin:8px 0}.code-container{background-color:#f4f4f4;border-radius:5px;padding:10px;margin:10px 0}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.code-title{font-weight:700}.copy-btn{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.copy-btn:hover{background-color:#0056b3}