@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap");body{margin:0;padding:0;font-family:Manrope,sans-serif;height:100%;background:#6a82fb;background:linear-gradient(0deg,#fc5c7d,#6a82fb 80%);background-color:#6a82fb}.root{background-color:#735d8e;background:url(https://affirmations.fromtimwithcode.com/noise-texture.png);flex-flow:column nowrap;height:100vh;padding:0}.container,.root{display:flex;place-content:center flex-start;align-items:center;gap:10px;overflow:auto;position:relative}.container{box-sizing:border-box;flex:0 0 auto;flex-flow:column nowrap;height:-moz-fit-content;height:fit-content;max-width:1400px;padding:50px 30px;width:auto;gap:64px}.header{display:flex;flex-direction:column;width:100%;align-items:center;color:#fff}.header-title{display:flex;gap:12px}.header-title h1{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;width:100%;font-weight:700;font-size:72px;letter-spacing:-3px;line-height:1.2em;text-align:center;margin:0}.header-subtitle h2{font-size:28px;font-style:normal;font-weight:400;line-height:1.4em;color:#fff;text-align:center;margin-top:16px}.reading-level-container{margin-top:-40px;flex:0 0 auto;flex-flow:row nowrap;width:min-content;width:95%;max-width:1400px;font-size:22px}.prompt-container,.reading-level-container{place-content:flex-end center;align-items:center;display:flex;gap:16px;height:min-content;padding:0}.prompt-container{width:min-content}.prompt-box,.prompt-container{flex:0 0 auto;flex-flow:column nowrap}.prompt-box{border:1px solid hsla(0,0%,100%,.1);place-content:flex-start;align-items:flex-start;background-color:hsla(0,0%,100%,.05);border-radius:16px;display:flex;gap:10px;height:150px;overflow:hidden;padding:20px;position:relative;width:610px;max-width:1200px;will-change:transform;overflow:auto;outline:none;resize:none;font-size:16px;font-style:normal;letter-spacing:0;line-height:1.6em;text-align:start;color:#fff;text-decoration:none;text-transform:none;margin-top:-30px}::placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff}::-ms-input-placeholder{color:#fff}label,textarea{font-family:Manrope,sans-serif}label{color:#cbbed2}select{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Manrope,sans-serif;background:transparent;border:1px solid #22b5fe;border-radius:100px;padding:16px 12px 16px 24px;color:#fff;font-size:16px}select:hover{cursor:pointer;border:1px solid #ffbad6;transition:.2s}.prompt-box:focus{border-color:hsla(0,0%,100%,.75)}.prompt-buttons{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;place-content:center;align-items:center;justify-content:flex-end;flex:0 0 auto;flex-flow:row nowrap;gap:12px;height:min-content;overflow:hidden;padding:0;position:relative;width:100%;margin-top:2px}.key-stroke{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.key-stroke p{color:hsla(0,0%,100%,.75);flex:0 0 auto;height:auto;position:relative;white-space:pre;width:auto}.or{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.or p{color:hsla(0,0%,100%,.25)}.generate-button{place-content:flex-start;align-items:flex-start;border:1px solid #fff;border-radius:100px;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:10px;height:min-content;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none;width:min-content;will-change:transform;cursor:pointer}.generate-button:hover{border:1px solid #fc5c7d;transition:.2s}.generate{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.generate p{color:#fff;margin:0}.loading{opacity:.7;cursor:default}.output{place-content:center flex-start;gap:10px;max-width:1200px}.output,.output-header-container{align-items:center;display:flex;flex:0 0 auto;flex-flow:column nowrap;height:min-content;overflow:hidden;position:relative;width:100%}.output-header-container{place-content:center;gap:16px;padding:0}.output-header h3{font-family:Manrope,serif;font-size:28px;font-style:normal;font-weight:800;letter-spacing:0;line-height:1.4em;text-align:center;color:#fff;text-decoration:none;text-transform:none;margin:0}.output-content{outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none}.output-content p{text-align:center;white-space:pre-line;color:#cbbed2}@media (max-width:1000px){.header-title h1{font-size:38px;letter-spacing:-2px}.header-subtitle h2{font-size:20px}.reading-level-container{font-size:18px}}@media (max-width:768px){.container{width:100%;padding:30px}.header-title h1{font-size:30px;letter-spacing:-1px}.header-subtitle h2{text-align:center;font-size:18px;max-width:400px;margin-top:18px}.reading-level-container{font-size:16px}.key-stroke,.or{display:none}.prompt-buttons{justify-content:center}.prompt-container{width:100%}.prompt-box{width:90%;height:130px;margin-top:-36px;font-size:14px}select{padding:12px 8px 12px 20px}.generate-button{padding:12px 20px}.output-header h3{font-size:20px;margin-top:20px}}@media (max-width:500px){.header-subtitle h2{font-size:16px}.reading-level-container{font-size:14px}.prompt-container{margin-top:-8px}.prompt-box{gap:10px;height:100px;padding:10px;font-size:12px;line-height:1.3em}select{padding:6px 8px 6px 14px;font-size:12px}.generate-button{padding:6px 14px;font-size:12px}}.loader{width:18px;height:18px;border-radius:50%;display:inline-block;border-top:2px solid #fff;border-right:2px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}