@keyframes animate{0%{opacity:0;transform:scale(0);transform:rotate(-180deg)}to{opacity:1;transform:scale(1);transform:rotate(0)}}@keyframes fadein{0%{opacity:0;filter:blur(1)}to{opacity:1;filter:blur(0)}}@font-face{font-family:ColfaxAI;src:url(https://cdn.openai.com/API/fonts/ColfaxAIRegular.woff2) format("woff2"),url(https://cdn.openai.com/API/fonts/ColfaxAIRegular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ColfaxAI;src:url(https://cdn.openai.com/API/fonts/ColfaxAIBold.woff2) format("woff2"),url(https://cdn.openai.com/API/fonts/ColfaxAIBold.woff) format("woff");font-weight:700;font-style:normal}.main,.main input{font-size:18px;line-height:24px;font-family:ColfaxAI,Helvetica,sans-serif}.main{display:flex;flex-direction:column;align-items:center}.main .icon{width:100px}.main h3{font-size:32px;color:#add8e6;line-height:40px;font-weight:700;margin:16px 0 40px}.main form{display:flex;flex-direction:column;width:320px}.main input[type=number],.main input[type=text],.main select{padding:12px 16px;border:1px solid #10a37f;border-radius:4px;margin-bottom:24px;outline-color:#10a37f}.main ::-moz-placeholder{color:#8e8ea0;font-size:20px;opacity:1}.main ::placeholder{color:#8e8ea0;font-size:20px;opacity:1}.main input[type=submit]{padding:12px 0;color:#000;background-color:#add8e6;border:none;border-radius:4px;text-align:center;cursor:pointer}.mode{left:0;padding:10px;font-size:20px;display:flex;flex-direction:column;position:fixed}.main select,.mode select{padding:10px;font-size:20px;background:#ddf6ff}.resultbox{animation:fadein 1s ease-in-out;max-width:50%;border-radius:100px;box-shadow:0 0 100px #add8e6;position:absolute;display:flex;padding:50px;background-color:#add8e6;flex-direction:column;height:90vh;align-items:center;text-align:center;font-size:30px}.resultbox button{margin:20px;padding:10px;font-size:20px;border-radius:20px;background-color:#e4f8ff}.main .result{padding:20px;line-height:40px;position:relative;color:#fff}.loading{border-radius:100px;position:fixed;display:flex;padding:50px;align-items:center;justify-content:center;text-align:center;background-color:hsla(0,0%,100%,.479);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:90vh;font-size:40px;font-weight:700;font-family:monospace}.loading h1{animation:animate .3s ease-in-out}.idkwhathtis{display:flex;flex-direction:column}