html,body{padding:0;margin:0}*{font-family:system-ui,Segoe UI,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box}button{transition:.5s ease}body{box-sizing:border-box}.compiler-container{height:100vh;display:flex;flex-direction:column;box-sizing:border-box;align-items:center;justify-content:flex-start;padding:10px;gap:10px}.buttons{width:100%;display:flex;gap:10px;align-items:center;justify-content:space-between;padding-right:5px;box-sizing:border-box}.filename-heading{flex:1;text-align:left;box-sizing:border-box;margin-left:10px}.buttons .button-group{display:flex;justify-content:right;gap:10px;align-items:center;flex:2}.buttons .run-button,.buttons .save-button{border:none;padding:10px;background-color:#000;font-weight:700;color:#fff;border-radius:5px}.buttons .save-button:hover{background-color:#0014c7;color:#fff}.buttons .logout-button{border:none;padding:10px;background-color:#000;font-weight:700;color:#fff;border-radius:5px}.buttons .logout-button:hover{background-color:red}.fosi{padding:8px;width:40px;text-align:center;border-radius:5px;outline:none;border:1px solid blue}.fosi::-webkit-inner-spin-button{display:none}.run-button:hover{background-color:#00c700;color:#fff}.theme-button-dark{border:none;padding:10px;background-color:#000;font-weight:700;color:#fff;border:1px solid black;border-radius:5px}.theme-button-dark:hover{background-color:#fff;color:#000;border:1px solid black;box-shadow:0 0 20px #000}.theme-button-light{border:none;padding:10px;background-color:#fff;font-weight:700;color:#000;border:1px solid;border-radius:5px}.buttons .theme-button-light:hover{box-shadow:0 0 50px #000;color:#fff;border:1px solid black;background-color:#000}.files-button{border:none;padding:10px;background-color:#000;font-weight:700;color:#fff;border-radius:5px}.code-editor-chatbox{width:100%;height:70%;display:flex;align-items:center;justify-content:center;gap:5px}.text-editor{overflow:scroll;text-wrap:nowrap;width:100%;height:100%;box-sizing:border-box;padding:0;margin:0 5px;flex:3;border-radius:10px}.text-editor::-webkit-scrollbar{display:none}.input-output{display:flex;justify-content:space-evenly;align-items:center;height:30vh;width:100%;box-sizing:border-box;gap:10px}.input{flex:1;border:1px solid rgb(0,255,0);width:100%;height:100%;box-sizing:border-box;padding:0 20px;border-radius:10px}.input textarea{flex:1;border:none;width:100%;height:75%;font-size:16px;box-sizing:border-box;padding:0 5px;border-radius:10px;overflow:scroll}.input:focus{outline:none}.output{flex:1;border:1px solid red;width:100%;height:100%;overflow:scroll;font-size:16px;box-sizing:border-box;padding:0 20px;border-radius:15px}::-webkit-scrollbar{display:none}.output pre{flex:1;border:none;width:100%;height:75%;font-size:16px;box-sizing:border-box;padding:0 5px;border-radius:10px;overflow:scroll}.loading-image{animation:rotate 1s infinite ease;width:33px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-bot{flex:2;height:100%;width:100%;box-sizing:border-box;overflow:scroll;border:1px solid;border-radius:10px}.ZetaBot{box-sizing:border-box;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:100%;text-wrap:wrap}.input-prompt{justify-self:flex-end;position:sticky;min-height:50px;bottom:5px;padding:15px;background-color:#ffffffe6;width:95%;border-radius:5px;text-wrap:wrap;display:flex;justify-content:center;align-items:center;gap:10px}.input-prompt .prompt-input{width:50%;height:35px;border-radius:20px;outline:none;border:1px solid blue;padding:0 20px}.input-prompt button{background-color:#000;width:40px;height:40px;display:flex;border:none;align-items:center;border-radius:50%}.input-prompt button:hover{background-color:#00f;box-shadow:0 0 10px #000}.code-check{transform:scale(1.5)}.Message{text-wrap:wrap;text-align:left;font-size:14px;padding:20px;box-sizing:border-box;max-width:100%}.message-user-content{width:fit-content;padding:15px;align-self:right;background-color:#8c8cff;border-radius:10px}.message-user{display:flex;justify-content:flex-end}.message-bot{font-size:15px;background-color:silver;padding:20px;box-sizing:border-box;text-align:left;margin-top:10px;margin-bottom:10px;width:fit-content;align-self:left;border-radius:10px}.filelist-overlay{position:fixed;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000080}.close-button{position:absolute;top:10px;right:10px;border:none;padding:10px;background-color:#000;font-weight:700;color:#fff;border-radius:5px}.filelist-container{min-width:500px;animation:appear .5s ease;margin:40px auto;padding:20px;border-radius:12px;display:flex;border:1px solid;flex-direction:column;gap:20px;background-color:#fff;transition:.5s ease}@keyframes appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.newfile{display:flex;gap:10px;align-items:center}.newfile input[type=text]{flex:1;padding:10px 12px;border-radius:6px;border:2px solid #ccc;font-size:14px;overflow:hidden;transition:.5s ease}.newfile input[type=text]:focus{outline:none;border:2px solid blue;box-shadow:0 0 10px #00f}.newfile button{padding:5px 6px;border:none;border-radius:5px;background-color:#000;cursor:pointer}.newfile button:hover{background-color:#00f}.filelist{display:flex;flex-direction:column;gap:12px}.file{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:8px;border:2px solid rgb(201,201,201);overflow:hidden;transition:.3s ease}.file span{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;cursor:pointer}.file:hover{transform:translateY(-4px);box-shadow:0 0 10px #00f;border:2px solid blue}.deletebutton{border:none;background-color:#000;padding:5px 6px;border-radius:5px;cursor:pointer}.deletebutton:hover{background-color:red}.login{display:flex;flex-direction:column;min-width:500px;width:fit-content;border:2px solid grey;padding:20px;gap:10px;box-sizing:border-box;border-radius:10px;animation:fadein .5s ease;transition:.5s ease}.login:hover{box-shadow:0 0 30px #00f;border:2px solid blue}@keyframes fadein{0%{opacity:0}to{opacity:1}}.login h1{color:#461cff}input{outline:none;position:relative;border-bottom:2px solid;transition:.5s ease}input[type=email]{padding:10px;font-size:15px;border-radius:7px;border:2px solid gray}input[type=password]{padding:10px;font-size:15px;border:2px solid gray;border-radius:7px}input:focus{border:2px solid blue;transform:scale(1.02);box-shadow:0 0 10px #00f}button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;align-self:center;padding:10px;font-size:15px;border:none;background-color:#000;color:#fff;font-weight:700;border-radius:7px;transition:.3s}button:active{transform:scale(.8)}.login button:hover{box-shadow:0 0 20px #000}.google-auth{display:flex;justify-content:center;gap:20px;width:100%}.google-auth:active{transform:scale(.95)}.auth{width:100%;height:100vh;border:1px solid;display:flex;justify-content:space-evenly;align-items:center}.auth p{text-align:center;max-width:700px;line-height:1.7;font-size:20px;font-weight:500}.auth .description{color:#fff;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:20px;background-color:#000;max-width:1000px}.description h1{font-size:2rem;color:#6744ff;text-shadow:0 1px 3px rgba(0,0,0,.4);margin-bottom:1rem}