body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Catchy Mager;font-family:Roxborough CF;font-family:TT Commons Pro;font-style:normal;font-weight:700;font-weight:400;src:url(/static/media/catchy-mager.1ba31348581834bd0128.otf) format("truetype");src:url(/static/media/roxborough-cf-bold.6c8043d2d601f90bf60a.woff2) format("woff2"),url(/static/media/roxborough-cf-bold.df3245ba985f5064975c.woff) format("woff");src:url(/static/media/TT%20Commons%20Regular.ae5bbab36817d6276df8.otf) format("opentype")}body{font-family:Montserrat,sans-serif}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%}.homepage{background:linear-gradient(135deg,#b8ab9b,#efa693);min-height:100vh;padding:2rem;position:relative;text-align:center}.homepage,.homepage-content{align-items:center;display:flex;justify-content:center;width:100%}.homepage-content{flex-direction:column;max-width:600px}.animate-item{opacity:0;transform:translateY(20px)}.start-animation .animate-item{animation:fadeInUp .8s ease-out forwards}.start-animation .butterfly-container{animation-delay:.3s}.start-animation .title{animation-delay:.8s}.start-animation .subtitle{animation-delay:1.3s}.start-animation .loading-dots{animation-delay:1.8s}.butterfly-container{height:128px;margin-bottom:4rem;width:128px}.butterfly-logo{height:100%;object-fit:contain;width:100%}.start-animation .butterfly-logo{animation:none;animation:float 6s ease-in-out infinite;animation-delay:2.1s}.title{font-size:3rem;font-weight:300;letter-spacing:.15em;line-height:1.2;margin-bottom:.5rem;text-align:center;white-space:nowrap}.subtitle,.title{color:#fff;width:100%}.subtitle{margin-bottom:2rem}.loading-dots{display:flex;gap:8px;justify-content:center;margin-top:1rem}.loading-dots .dot{background-color:#ffffffe6;border-radius:50%;height:6px;opacity:0;width:6px}.start-animation .loading-dots .dot{animation:pulse 1.5s ease-in-out infinite;animation-delay:calc(1.8s + var(--dot-delay))}.loading-dots .dot:first-child{--dot-delay:0.2s}.loading-dots .dot:nth-child(2){--dot-delay:0.4s}.loading-dots .dot:nth-child(3){--dot-delay:0.6s}@media (max-width:768px){.homepage{padding:1.5rem}.butterfly-container{height:96px;margin-bottom:3rem;width:96px}.title{font-size:1.8rem;padding:0 1rem}.subtitle,.title{letter-spacing:.1em}.subtitle{font-size:1.125rem;margin-top:1rem}.loading-dots{margin-top:0}.loading-dots .dot{height:5px;width:5px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{background:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.golden-border{height:30px;width:100%}.golden-border img{height:100%;object-fit:cover;width:100%}.golden-border.bottom img{transform:rotate(180deg)}.main-container{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.content-wrapper{align-items:flex-start;background:#fff;display:flex;height:calc(100vh - 120px);max-width:1400px;width:100%}.left-section{flex:0 0 65%;flex-direction:column;justify-content:space-between;padding:2rem}.left-section,.main-illustration-container{align-items:center;display:flex;height:100%;overflow:hidden}.main-illustration-container{box-sizing:border-box;justify-content:center;margin:0;padding:0;position:relative;width:100%}.main-illustration{height:auto;object-fit:cover;object-position:left center;width:100%}.chaeknovels-link{align-self:center;border:1px solid #efa693;color:#666;font-size:.75rem;letter-spacing:.2em;margin-top:1rem;padding:.75rem 3rem;text-decoration:none;text-transform:uppercase}.right-section{align-items:center;display:flex;flex:0 0 35%;flex-direction:column;height:100%;justify-content:center;padding:2rem}.title-section{flex-direction:column;height:auto}.title-section,.title-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.title-wrapper{height:200px;margin-bottom:1rem;max-width:500px}.title-background{height:auto;left:50%;min-height:300px;object-fit:cover;object-position:center;opacity:.65;pointer-events:none;position:absolute;top:40%;transform:translate(-50%,-50%) scale(.85);width:100%;z-index:0}.title-image{height:auto;max-width:400px;position:relative;width:auto;z-index:1}.subtitle{font-size:1.25rem;font-weight:300;letter-spacing:.05em;margin-top:.5rem}.instructions,.subtitle{color:#503e3e;text-align:center}.instructions{font-size:1rem;letter-spacing:.02em;line-height:1.8;margin-bottom:1rem}.form-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:400px}.form-content,.title-input{margin:0 auto;text-align:center;width:100%}.title-input{background:#0000;border:none;border-bottom:1px solid #d1d1d1;color:#4a4a4a;font-family:TT Commons Pro,sans-serif;font-size:1.1rem;font-style:normal;max-width:300px;padding:.75rem 0;transition:border-color .3s}.title-input:focus{border-color:#555;outline:none}.title-input::placeholder{color:#999;font-style:italic;letter-spacing:.1em}.error-message{color:#e53e3e;font-size:.875rem}.error-message,.success-message{margin-top:1rem;text-align:center}.success-message{color:#38a169}.download-link{color:#38a169;text-decoration:none}.download-link:hover{text-decoration:underline}@media (max-width:1024px){.content-wrapper{flex-direction:column;height:auto;padding:2rem}.left-section,.right-section{padding:0;width:100%}.main-illustration-container{height:auto;max-height:50vh}.form-content{margin:2rem auto;max-width:460px}.right-section{padding-left:0}.instructions{text-align:center}}@media (max-width:640px){.golden-border{height:20px}.main-container{padding:1rem}.content-wrapper{padding:1.5rem}.subtitle{font-size:1.125rem}.chaeknovels-link{padding:.5rem 2rem}}
/*# sourceMappingURL=main.74bc7d5f.css.map*/