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}#root,body,html{overflow-x:hidden}.landing-page{flex:1 0 auto}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer-button{background-color:#fbd25d;border-radius:50px;bottom:10px;box-shadow:0 4px 15px #0000001a;color:#1a1e5d;cursor:pointer;font-size:1em;font-weight:700;padding:12px;position:fixed;right:10px;transition:all .3s ease-in-out;z-index:100}.footer-button:hover{background-color:#e2c048}.footer{display:none}.footer-visible{background-color:#3b3086;bottom:0;color:#f8f5f1;display:block;font-size:.9em;left:0;padding:20px;position:fixed;text-align:center;transition:bottom .3s ease-in-out;width:100%;z-index:99}.footer-hidden{transform:translateY(100%)}.footer-visible{transform:translateY(0)}.footer-nav{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.footer-link{font-size:1em;margin:0 15px;text-decoration:none}.footer-link:hover{color:#e2c048}.navbar{align-items:center;box-sizing:border-box;height:70px;justify-content:space-between!important;padding:10px 20px}.logo-container{align-items:center;display:flex;margin-right:20px}.logo-container img{height:77px;max-height:100%;width:auto}.navbar-logo{height:77px;margin-right:20px}.hamburger{display:none}.hamburger svg{color:#3b3086;height:24px;width:24px}.hamburger-menu{display:none}.navbar nav{align-items:center;display:flex;gap:20px;margin-right:100px}.nav-link{color:#f8f5f1;font-size:1.1em;text-decoration:none;transition:color .3s,transform .3s}.nav-link:hover{color:#fbd25d;text-shadow:0 2px 4px #00000080;transform:scale(1.05)}@media (max-width:768px){.navbar{display:none}.logo-container img{height:40px}.hamburger{background-color:#fbd25d;border-radius:50%;box-shadow:0 4px 10px #00000026;display:flex;left:20px;padding:10px;position:fixed;top:10px;z-index:150}.hamburger-menu{display:none}.menu-open{align-items:center;background-color:#3b3086f2;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:80%;z-index:150}.menu-open .nav-link{color:#fff}.menu-open .nav-link,.mobile-language-btn{border-bottom:1px solid #ffffff4d;font-size:1.5em;padding:20px;text-align:center}.mobile-language-options{background-color:#3b3086}.mobile-language-options button{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-size:1em;gap:10px;padding:10px 20px;text-align:left;width:100%}.mobile-language-options button:hover{background-color:#ffffff1a}.flag-icon{border-radius:10px;height:auto;width:20px}.mobile-language-btn{align-items:center;background-color:initial;border:none;border-bottom:1px solid #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:1.2em;justify-content:space-between;padding:15px 20px;text-align:left;width:100%}.current-flag-icon{height:auto;margin-right:10px;width:20px}.mobile-language-btn svg{margin-left:10px}}@media (min-width:769px){.hamburger{display:none}.nav-links{display:flex;gap:10px}.nav-link{font-size:1.1em;padding:0 10px}}.dropdown{display:inline-block;position:relative}.dropdown-btn{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#3b3086;cursor:pointer;display:flex;font-size:1em;gap:8px;padding:10px 12px;transition:background-color .3s ease}.dropdown-btn:focus,.dropdown-btn:hover,.dropdown.open .dropdown-btn{background-color:#fbd25d;color:#fbd25d}.current-flag-icon{height:auto;width:20px}.dropdown-content button{align-items:center;background-color:initial;border:none;color:#3b3086;cursor:pointer;display:flex;padding:12px 16px;text-decoration:none;transition:background-color .3s ease;width:100%}.dropdown-content button:hover{background-color:#f1c232}.dropdown-btn svg{color:#3b3086;height:16px;width:16px}.dropdown-content{background-color:#fff;display:none;margin-top:29px}.dropdown-item a{margin-right:10px}.dropdown:hover .dropdown-content{display:block}.flag-icon{height:auto;margin-right:8px;width:20px}.user-dropdown{display:inline-block;position:relative}.user-dropdown-btn{align-items:center;background-color:#fbd25d;border:none;border-radius:50px;color:#3b3086;cursor:pointer;display:flex;font-size:1em;gap:8px;padding:10px 12px;transition:background-color .3s ease}.user-dropdown-btn:hover{background-color:#f8f5f1}.user-dropdown-content{background-color:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 8px #0000001a;min-width:200px;padding:5px 0;position:absolute;right:0;top:calc(100% + 5px);z-index:200}.dropdown-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.dropdown-item{align-items:center;background-color:initial;color:#3b3086;display:flex;font-size:1em;margin-right:10px;padding:10px 16px;text-decoration:none;transition:background-color .3s ease,transform .2s}.dropdown-item:hover{background-color:#fbd25d;color:#fff;margin-right:15px;transform:translateX(5px)}.user-dropdown-content:before{background-color:#fff;border-left:1px solid #0000001a;border-top:1px solid #0000001a;content:"";height:10px;position:absolute;right:20px;top:-10px;transform:rotate(45deg);width:10px;z-index:-1}.user-icon{color:#fff;font-size:1.5em;margin-right:8px;transition:color .3s ease}.user-dropdown:hover .user-icon{color:#fbd25d}.dropdown-item:hover .user-icon,.user-dropdown:hover .dropdown-item:hover~.user-dropdown-btn .user-icon{color:#fff}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.close-button-solid{background-color:#673ab7}.close-button-solid:hover{background-color:#fff6}h1{color:#fff;font-size:2em;margin-bottom:1.5em;text-shadow:0 0 10px #ffffff4d}input{background:#ffffffe6;border:1px solid #fff3;margin:15px 0;padding:12px;transition:all .3s ease}input:focus{border-color:#b388ff;box-shadow:0 0 15px #b388ff4d;outline:none;transform:translateY(-2px)}button{background-color:#7c4dff;box-shadow:0 4px 15px #0003;margin-top:20px;padding:14px;transition:all .3s ease}button:hover{background-color:#6c3aef;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.google-button{align-items:center;color:#fff;display:flex;gap:8px;justify-content:center;margin-top:10px;transition:none}.google-button:hover{background-color:#db4437;box-shadow:none;transform:none}.google-button svg{flex-shrink:0}.error-message{color:#ff8a80;font-weight:700;text-shadow:0 0 10px #f003}.mascot-login{animation:float 3s ease-in-out infinite;max-width:120px;position:absolute;right:-60px;top:50%;transform:translateY(-50%)}.close-button-solid{align-items:center;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 0 10px #fff3;cursor:pointer;display:flex;font-size:1.2em;height:36px;justify-content:center;padding:8px 12px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px}.close-button-solid:hover{background-color:#f5e6ff;border-color:#fffc;box-shadow:0 0 15px #ffffff4d;transform:scale(1.1)}.additional-links{display:flex;gap:20px;justify-content:space-between;margin-top:20px;padding:0 10px}.additional-links a{border-radius:4px;color:#f8f5f1;font-size:1.2em;font-weight:500;padding:4px 8px;position:relative;text-decoration:none;text-shadow:2px 2px 4px #00000080;transition:all .3s ease}.additional-links a:hover{background-color:#fff3;color:#fff;text-shadow:0 0 12px #ffffff80;transform:translateY(-1px)}.additional-links a:after{background-color:#fffc;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.additional-links a:hover:after{width:100%}.checkbox-wrapper{margin:20px 0}.checkbox-group{gap:8px}.checkbox-group input[type=checkbox]{flex-shrink:0;height:16px;margin:0;width:16px}.checkbox-group label a{color:#f8f5f1;margin:0;text-decoration:underline}.checkbox-group label a:hover{color:#fff}.checkbox-group label{font-size:.9em}.checkbox-group a{margin:0 4px;padding:0;transition:color .3s ease}.checkbox-group a:hover{color:#fff}.success-message{color:#4caf50;font-weight:700;margin-top:10px;text-shadow:0 0 10px #4caf5033}.modal-content{background:linear-gradient(180deg,#2a2f70,#4536a5,#5a3eb6);border-radius:15px;box-shadow:0 8px 20px #0006,inset 0 0 100px #ffffff1a;color:#f8f5f1;max-width:400px;padding:50px;text-align:center;width:90%}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.modal-content{max-width:90%;padding:30px}button,input{font-size:1em}.mascot-login{max-width:100px}.additional-links{flex-direction:column;gap:15px}}#root,body,html{background:linear-gradient(180deg,#1a1e5d,#3b3086,#482e82);color:#f8f5f1;font-family:Helvetica Neue,sans-serif;margin:0;min-height:100%;padding:0}#root,.landing-page,body,html{display:flex;flex-direction:column}.landing-page{align-items:center;justify-content:flex-start;min-height:100vh;padding:40px 20px 20px;position:relative;text-align:center;z-index:1}.header .logo{margin-bottom:30px;max-width:200px}.content-with-mascot{align-items:center;display:flex;gap:30px;justify-content:center;margin-bottom:20px;padding-top:80px}.content{border-radius:10px;margin:0 auto 20px;max-width:500px;padding:20px}.content h1{color:#e2d4ff;font-family:Pacifico,cursive;font-size:2.5em;margin-bottom:20px}.content h1,.content p{text-shadow:2px 2px 4px #00000080}.content p{color:#f8f5f1;font-size:1.2em;line-height:1.6;max-width:600px}.cta-button{animation:pulse 2s infinite;background-color:#fbd25d;border:none;border-radius:8px;box-shadow:0 4px 15px #00000026;color:#1a1e5d;cursor:pointer;display:block;font-size:1.2em;margin:20px auto;padding:15px 30px;transition:all .3s ease-in-out}@keyframes pulse{0%{box-shadow:0 0 15px #fbd25d80;transform:scale(1)}50%{box-shadow:0 0 25px #fbd25dbf;transform:scale(1.05)}to{box-shadow:0 0 15px #fbd25d80;transform:scale(1)}}.cta-button:hover{background-color:#e2c048}.tagline{color:#fbd25d;font-size:1.1em;font-style:italic;letter-spacing:.05em;margin-bottom:5px}.story-count{color:#fbd25d;font-size:.95em;margin-top:10px;opacity:.9}.cta-button-large{font-size:1.4em;padding:18px 40px}.cta-subtext{color:#f8f5f1;font-size:.9em;margin-top:10px}.how-it-works{max-width:800px;padding:40px 20px;text-align:center;width:100%}.how-it-works h2{color:#e2d4ff;font-family:Pacifico,cursive;font-size:1.8em;margin-bottom:30px}.steps{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.step{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fbd25d33;border-radius:16px;max-width:200px;padding:25px 20px;text-align:center}.step-number{background:#fbd25d;border-radius:50%;color:#1a1e5d;display:inline-block;font-size:1.2em;font-weight:700;height:40px;line-height:40px;margin-bottom:12px;width:40px}.step p{color:#f8f5f1;font-size:1em;margin:0}.preview-carousel{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);overflow:hidden;padding:30px 0;width:100%}.carousel-track{animation:scrollCarousel 30s linear infinite;display:flex;gap:20px;width:max-content}.carousel-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;text-decoration:none}.carousel-item img{border:3px solid #fbd25d80;border-radius:12px;box-shadow:0 4px 12px #0000004d;height:140px;object-fit:cover;transition:transform .3s ease;width:140px}.carousel-item:hover img{transform:scale(1.05)}.carousel-item span{color:#f8f5f1;font-size:.85em;margin-top:8px;max-width:140px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@keyframes scrollCarousel{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.mascot-section{animation:float 3s ease-in-out infinite,scale 6s ease-in-out infinite;margin-top:20px;max-width:350px}.mascot{max-width:200px}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.footer{background-color:#3b3086;color:#f8f5f1;font-size:.9em;margin-top:auto;padding:20px 10px;position:relative;text-align:center;width:100%}@media (max-width:768px){.content{padding:10px}.footer{font-size:.8em}.content-with-mascot{flex-direction:column;margin-top:0}.cta-button{margin-top:20px;width:80%}.mascot{max-width:200px}.navbar{padding:10px 20px}.nav-link{font-size:1em}.landing-page{padding-top:60px}}.navbar{background:#3b3086cc;justify-content:flex-end;padding:20px;z-index:100}.modal,.navbar{display:flex;left:0;position:fixed;top:0;width:100%}.modal{align-items:center;background-color:#000000b3;height:100%;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;max-width:600px;padding:20px;position:relative;width:100%}.close-modal{cursor:pointer;font-size:2em;position:absolute;right:15px;top:10px}.interests-dropdown{border:1px solid #ddd;font-size:1em}.interests-dropdown,.interests-dropdown__menu{background-color:#f8f5f1;color:#3b3086}.interests-dropdown__menu-list{background-color:#f8f5f1}.interests-dropdown__option--is-selected{background-color:#e2c048;color:#3b3086}.interests-dropdown__option--is-focused{background-color:#fbd25d;color:#3b3086}.interests-dropdown__control{border-color:#ddd;box-shadow:none}.child-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#faf6f0d9,#f3ece2d9);border:2px solid #fbd25d80;border-radius:12px;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;margin:0 auto;max-width:500px;padding:25px}.form-group{margin-bottom:10px;text-align:start}input{box-sizing:border-box}label{color:#3b3086;display:block;font-size:1.05em;margin-bottom:3px}input,select{border:1px solid #ccc;border-radius:5px;font-size:1em;padding:8px 10px;width:100%}.interest-select{width:100%}.submit-button{background-color:#fbd25d;border:none;border-radius:8px;color:#3b3086;cursor:pointer;font-size:1.15em;margin-top:5px;padding:12px;transition:background-color .3s}.submit-button:hover{background-color:#e2c048}.submit-button.submitting{animation:shimmerButton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fbd25d,#ff9a56,#fbd25d);background-size:200% 100%;cursor:not-allowed;opacity:.9}@keyframes shimmerButton{0%{background-position:0 0}to{background-position:200% 0}}.toggle-info-wrapper{cursor:pointer;display:inline-block;margin-left:6px;position:relative}.toggle-info-icon{color:#8868b8;font-size:.75em;vertical-align:middle}.toggle-info-tooltip{background:#3b3086;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:#f8f5f1;font-size:.7em;font-style:italic;font-weight:400;line-height:1.4;opacity:0;padding:8px 12px;pointer-events:none;text-align:center;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:220px;z-index:10}.toggle-info-tooltip,.toggle-info-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.toggle-info-tooltip:after{border:6px solid #0000;border-top-color:#3b3086;content:"";top:100%}.toggle-info-wrapper:focus-within .toggle-info-tooltip,.toggle-info-wrapper:hover .toggle-info-tooltip{opacity:1;visibility:visible}.toggle-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.toggle-group label{margin-bottom:0}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{display:none}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#3b3086}input:checked+.slider:before{transform:translateX(26px)}.gender-selection{display:flex;justify-content:space-around;margin-bottom:5px}.gender-option{border:2px solid #0000;border-radius:10px;cursor:pointer;padding:10px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.gender-option img{height:48px;width:48px}.gender-option.selected{box-shadow:0 0 15px #0000001a;transform:scale(1.1)}.gender-option.selected[data-gender=boy]{border-color:#4d9de0}.gender-option.selected[data-gender=girl]{border-color:#ff8bd2}.gender-option.selected[data-gender=neutral]{border-color:#ffd65b}@media (max-width:600px){.slider:before{left:-2px}.child-form{margin-top:40px;max-width:390px;padding:7px;width:100%}.interests-dropdown{width:100%}.submit-button{font-size:1.1em;width:100%}input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1em;padding:10px;width:100%}.gender-option img{height:45px;width:45px}.gender-option{padding:5px}}.loading-container{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-text{color:#f8f5f1;font-family:Pacifico,cursive;font-size:1.5em;margin-top:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:6px solid #f8f5f1;border-radius:50%;border-top-color:#fbd25d;height:60px;margin-top:20px;width:60px}.mascot-spinner{animation:float 3s ease-in-out infinite;width:100px}.storybook-container{background:url(/static/media/stars.ab0eda70ab43904b60a9.png) repeat;background-size:cover;color:#f8f5f1;flex-direction:column;font-family:WonderYarnFont,sans-serif;min-height:100vh;padding:0;z-index:1}.storybook-container,.storybook-modal{align-items:center;display:flex;justify-content:center;position:relative}.storybook-modal{padding:40px 0;width:100%;z-index:10}.book-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;margin:0 auto;max-width:1200px;position:relative;transition:transform .5s ease;width:90%}.book-container.flipping-right{animation:flipPageRight .5s ease-in-out}.book-container.flipping-left{animation:flipPageLeft .5s ease-in-out}@keyframes flipPageRight{0%{transform:scale(1)}50%{transform:scale(.98) rotateY(-5deg)}to{transform:scale(1)}}@keyframes flipPageLeft{0%{transform:scale(1)}50%{transform:scale(.98) rotateY(5deg)}to{transform:scale(1)}}.story-page{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0006;height:100%;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center;width:100%}.cover-page,.story-page{align-items:center;display:flex;flex-direction:column}.cover-page{background:linear-gradient(135deg,#f8f5f1,#e6e0d4);justify-content:space-between}.cover-page h1{word-wrap:break-word;color:#3b3086;font-size:clamp(1.5rem,4vw,3rem);margin-bottom:20px;overflow-wrap:break-word;padding:0 20px;text-shadow:0 2px 4px #0003}.cover-image-container{align-items:center;display:flex;height:70%;justify-content:center;margin:20px 0;width:100%}.cover-image-container img{border:5px solid #fbd25d;border-radius:10px;box-shadow:0 8px 20px #0000004d;max-height:100%;max-width:100%;object-fit:contain}.book-subtitle{color:#8868b8;font-size:1.4rem;font-style:italic;margin-top:20px}.image-page{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:0;position:relative}.story-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.story-image-container img{height:100%;object-fit:cover;width:100%}.story-text-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#3b3086bf;border-radius:15px;bottom:30px;box-shadow:0 5px 15px #0000004d;color:#fff;left:50%;margin:0;max-width:800px;padding:15px 25px;position:absolute;transform:translateX(-50%);width:85%;z-index:2}.story-text-overlay p{font-family:Crimson Text,Georgia,serif;font-size:1.3rem;line-height:1.5;margin:0;text-align:center}.story-text-overlay p:last-child{margin-bottom:0}.text-page{background:linear-gradient(135deg,#faf6f0,#f3ece2 50%,#faf6f0)}.story-text-container,.text-page{align-items:center;display:flex;justify-content:center}.story-text-container{background-color:#fff;background-image:radial-gradient(ellipse at center,#fbd25d0f 0,#0000 70%);border-radius:15px;height:100%;max-width:800px;padding:40px;position:relative;width:100%}.story-text-container:after,.story-text-container:before{border-color:#8b6d3f26;border-style:solid;content:"";height:60px;position:absolute;width:60px}.story-text-container:before{border-radius:8px 0 0 0;border-width:2px 0 0 2px;left:15px;top:15px}.story-text-container:after{border-radius:0 0 8px 0;border-width:0 2px 2px 0;bottom:15px;right:15px}.story-text-container p{color:#3b3086;font-family:Crimson Text,Georgia,serif;font-size:1.5rem;line-height:1.8;text-align:left}.story-text-container p:first-of-type:first-letter{color:#5b4a9e;color:var(--primary-color,#5b4a9e);float:left;font-family:Georgia,serif;font-size:3em;line-height:1;margin-right:.1em}.end-page{align-items:center;background-color:#f8f5f1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding-top:30px}.end-page h2{color:#3b3086;font-size:clamp(1.8rem,4vw,3rem);margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.end-page-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px}.cta-button-create{background-color:#fbd25d;border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#1a1e5d;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.cta-button-create:hover{background-color:#e2c048;transform:translateY(-2px)}.end-page-stories{margin-top:15px;max-width:500px;width:100%}.end-page-stories-label{color:#8868b8;font-size:1rem;font-style:italic;margin-bottom:10px}.end-page-story-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.end-page-card{align-items:center;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease;width:100px}.end-page-card:hover{transform:translateY(-3px)}.end-page-card img{border:2px solid #fbd25d66;border-radius:8px;box-shadow:0 2px 8px #0003;height:80px;object-fit:cover;width:80px}.end-page-card span{color:#3b3086;font-size:.7rem;margin-top:5px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.night-mode .end-page-card span{color:#f5e6d0}.night-mode .end-page-stories-label{color:#c4a6e0}.night-mode .cta-button-create{background-color:#fbd25d;color:#1a1e5d}.end-page-save-prompt{margin-top:15px;text-align:center}.end-page-save-prompt p{color:#8868b8;font-size:.9rem;margin-bottom:8px}.end-page-login-button{background:none;border:2px solid #3b3086;border-radius:8px;color:#3b3086;cursor:pointer;font-size:.95rem;padding:8px 20px;transition:all .2s ease}.end-page-login-button:hover{background-color:#3b3086;color:#fbd25d}.night-mode .end-page-save-prompt p{color:#c4a6e0}.night-mode .end-page-login-button{border-color:#fbd25d;color:#fbd25d}.night-mode .end-page-login-button:hover{background-color:#fbd25d;color:#1a1e5d}.page-nav-button{align-items:center;background-color:#3b3086cc;border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d;color:#fbd25d;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10}.page-nav-button.prev{left:20px}.page-nav-button.next{right:20px}.page-nav-button:hover{background-color:#29236b;transform:translateY(-50%) scale(1.1)}.page-nav-button.disabled{background-color:#8883b7b3;cursor:not-allowed;opacity:.6}.page-nav-button.disabled:hover{transform:translateY(-50%)}.page-indicator{background-color:#3b308699;border-radius:12px;bottom:8px;color:#fbd25d;font-size:.75rem;letter-spacing:.1em;opacity:.7;padding:4px 12px;position:absolute;right:12px;transition:opacity .3s ease;z-index:10}.page-indicator:hover{opacity:1}.stars{height:100%;overflow:hidden;position:fixed}.stars i{background:#fbd25db3;border-radius:50%;display:block;height:5px;position:absolute;width:5px}.stars i:first-child{animation:twinkle 4s infinite;left:7%;top:20%}.stars i:nth-child(2){animation:twinkle 6s infinite;left:23%;top:35%}.stars i:nth-child(3){animation:twinkle 5s infinite;left:45%;top:10%}.stars i:nth-child(4){animation:twinkle 7s infinite;left:18%;top:55%}.stars i:nth-child(5){animation:twinkle 3s infinite;left:75%;top:25%}.stars i:nth-child(6){animation:twinkle 4s infinite;left:87%;top:65%}.stars i:nth-child(7){animation:twinkle 5s infinite;left:32%;top:77%}.stars i:nth-child(8){animation:twinkle 6s infinite;left:65%;top:88%}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.loading-overlay{align-items:center;background:linear-gradient(180deg,#1a1e5d,#3b3086 40%,#482e82 70%,#1a1e5d);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.loading-stars{height:100%;pointer-events:none;position:absolute;width:100%}.loading-stars i{background:#fbd25d;border-radius:50%;box-shadow:0 0 6px #fbd25d,0 0 12px #fbd25d;height:4px;position:absolute;width:4px}.loading-stars i:first-child{animation:twinkleLoad 2.5s .1s infinite;left:15%;top:8%}.loading-stars i:nth-child(2){animation:twinkleLoad 3.2s .5s infinite;left:72%;top:15%}.loading-stars i:nth-child(3){animation:twinkleLoad 2.8s .8s infinite;left:40%;top:25%}.loading-stars i:nth-child(4){animation:twinkleLoad 3.5s 1.2s infinite;left:88%;top:12%}.loading-stars i:nth-child(5){animation:twinkleLoad 2.2s .3s infinite;left:10%;top:60%}.loading-stars i:nth-child(6){animation:twinkleLoad 3s .7s infinite;left:80%;top:75%}.loading-stars i:nth-child(7){animation:twinkleLoad 2.6s 1s infinite;left:35%;top:85%}.loading-stars i:nth-child(8){animation:twinkleLoad 3.3s .2s infinite;left:92%;top:45%}.loading-stars i:nth-child(9){animation:twinkleLoad 2.9s .6s infinite;left:5%;top:55%}.loading-stars i:nth-child(10){animation:twinkleLoad 3.1s .9s infinite;left:60%;top:35%}@keyframes twinkleLoad{0%,to{opacity:.15;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.loading-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fbd25d33;border-radius:24px;box-shadow:0 8px 32px #0000004d;max-width:420px;padding:40px 50px;text-align:center;width:85%;z-index:1}.loading-mascot-container{margin-bottom:20px}.loading-mascot{animation:mascotFloat 3s ease-in-out infinite;border:3px solid #fbd25d66;border-radius:50%;height:100px;object-fit:cover;width:100px}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-title{color:#f8f5f1;font-family:WonderYarnFont,sans-serif;font-size:1.3rem;font-weight:400;letter-spacing:.02em;margin:0 0 24px}.progress-bar{background:#ffffff1a;border:1px solid #fbd25d26;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.progress{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#fbd25d,#ff9a56,#fbd25d);background-size:200% 100%;border-radius:6px;height:100%;position:relative;transition:width .8s ease-in-out}.progress-sparkle{animation:sparkleSlide 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px}@keyframes progressShimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes sparkleSlide{0%{opacity:0;transform:translateX(-20px)}50%{opacity:1}to{opacity:0;transform:translateX(20px)}}.loading-hint{color:#f8f5f199;font-size:.85rem;font-style:italic;margin:16px 0 0}.share-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.share-button{background-color:#fbd25d;border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#1a1e5d;cursor:pointer;font-size:1.2rem;margin-bottom:10px;padding:12px 24px;transition:all .3s ease}.share-button:hover{background-color:#e2c048;transform:translateY(-3px)}.share-tooltip{align-items:center;background-color:#ffffffe6;border-radius:10px;box-shadow:0 6px 15px #0003;display:flex;flex-direction:column;gap:10px;padding:20px}.share-tooltip input{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.copy-link-button{border:none;border-radius:5px;cursor:pointer;padding:10px 15px}.copy-link-button,.toast{background-color:#3b3086;color:#fbd25d}.toast{border-radius:5px;bottom:20px;box-shadow:0 4px 12px #0000004d;font-size:1.1rem;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.ad-section{background-color:#3b3086cc;border-radius:10px;color:#fbd25d;margin-left:auto;margin-right:auto;margin-top:30px;max-width:600px;padding:20px;text-align:center;width:80%}.story-recommendations-wrapper{background:url(/static/media/stars.ab0eda70ab43904b60a9.png) repeat;background-size:cover;padding:40px 20px;width:100%}body{overflow-y:auto!important}.card-section h2{color:#3b3086;font-family:WonderYarnFont,cursive;font-size:2rem;margin-bottom:20px;text-align:center}.story-card{align-items:center;background:#ffffffe6;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#482e82!important;cursor:pointer;display:flex;flex-direction:column;font-family:WonderYarnFont,sans-serif;justify-content:center;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:150px}.story-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.story-card img{border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.story-card:hover img{transform:scale(1.05)}.story-card span{font-size:1.2rem;margin-top:10px}.heart-emoji,.star-emoji{display:inline-block;font-size:1.4rem;margin-top:10px}.star-emoji{animation:spin 200s linear infinite}.heart-emoji{animation:bounce 200s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.recommendations-section{display:flex;gap:50px;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:50px;max-width:1200px;width:100%}.night-mode .story-page{background-color:#2a2520;color:#f5e6d0}.night-mode .cover-page,.night-mode .end-page{background:linear-gradient(135deg,#2a2520,#1e1a16)}.night-mode .cover-page h1,.night-mode .end-page h2,.night-mode .story-text-container p{color:#f5e6d0}.night-mode .story-text-container{background-color:#2a2520;background-image:radial-gradient(ellipse at center,#fbd25d0a 0,#0000 70%)}.night-mode .story-text-container:after,.night-mode .story-text-container:before{border-color:#f5e6d01a}.night-mode .text-page{background:linear-gradient(135deg,#2a2520,#1e1a16,#2a2520)}.night-mode .story-image-container img{filter:brightness(.8)}.night-mode .page-nav-button{background-color:#2a2520cc}.night-mode-toggle{align-items:center;background:#3b308699;border:none;border-radius:50%;color:#fbd25d;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:absolute;right:15px;top:15px;width:44px;z-index:20}.night-mode-toggle:hover{background:#3b3086e6}@media (max-width:768px){.book-container{height:90vh;width:95%}.cover-page h1,.end-page h2{font-size:2rem}.story-text-container p,.story-text-overlay p{font-size:1.1rem}.page-nav-button{font-size:1rem;height:50px;width:50px}.page-nav-button.prev{left:10px}.page-nav-button.next{right:10px}.story-text-overlay{margin:15px;max-width:calc(100% - 30px);padding:15px}.page-indicator{bottom:8px;font-size:.7rem;padding:4px 8px}.recommendations-section{align-items:center;flex-direction:column;gap:30px}.recommendation-cards{grid-template-columns:1fr}.story-card{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.contact-us-page{align-items:center;background:linear-gradient(180deg,#1a1e5d,#3b3086,#482e82);box-sizing:border-box;color:#f8f5f1;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 20px;position:relative;text-align:center;z-index:1}.contact-email:hover{color:#e2c048;text-decoration:underline}.mascot-container{align-items:center;display:flex;justify-content:center}.mascot{animation:float 3s ease-in-out infinite;margin-top:20px;max-width:250px}a{color:#fbd25d;font-weight:700;text-decoration:none}a:hover{color:#e2c048}.socials ul{list-style:none;padding:0}.socials li{color:#fbd25d;font-size:1.2em;margin:10px 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.social-icons{align-items:center;display:flex;gap:25px;justify-content:center;margin-top:30px}.social-icons a{color:inherit;position:relative;text-decoration:none}.social-icons a:after{border-radius:50%;bottom:0;box-shadow:0 0 10px #fff9,0 0 20px #fff6;content:"";left:0;position:absolute;right:0;top:0;transition:box-shadow .3s ease-in-out}.social-icons a:hover:after{box-shadow:0 0 15px #ffffffe6,0 0 25px #ffffffb3}.social-icons .instagram{color:#e4405f}.social-icons .twitter{color:#1da1f2}.social-icons .facebook{color:#1877f2}.social-icons .tiktok{color:#000}.social-icons a:hover{transform:scale(1.1)}.social-icon,.social-icons a:hover{transition:transform .2s ease-in-out}.social-icon{align-items:center;background-color:#fffc;border-radius:50%;box-shadow:0 4px 10px #00000026;display:inline-flex;justify-content:center;margin:0 10px;padding:10px}.social-icon:hover{transform:scale(1.1)}.social-icon svg{height:50px;width:50px}@media (max-width:768px){.content{padding:20px;text-align:center}.social-icons{gap:15px;margin-top:20px}.social-icon svg{height:40px;width:40px}h1{font-size:2em}p{font-size:1.1em}.mascot{margin-top:15px;max-width:180px}}.about-us-page{align-items:center;background:linear-gradient(180deg,#1a1e5d,#3b3086,#482e82);box-sizing:border-box;color:#f8f5f1;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:auto;padding:80px 20px;position:relative;text-align:center;z-index:1}body,html{margin:0;overflow-x:hidden;padding:0}.content{animation:glow 5s ease-in-out infinite;background:#00000026;border-radius:15px;box-sizing:border-box;max-width:600px;padding:30px;text-align:left}h1{color:#e2d4ff;font-family:Pacifico,cursive;font-size:2.5em}h1,p{text-shadow:2px 2px 4px #00000080}p{font-size:1.2em;line-height:1.6}.stars{pointer-events:none}@media (max-width:768px){.content{word-wrap:break-word;margin:0 auto;padding:20px;text-align:center}.contact-us-page{padding:60px 15px}.content-with-aboutus{margin-top:100px}p{font-size:1.1em;line-height:1.5}h1{font-size:2em;margin-bottom:15px}.mascot{margin-top:15px;max-width:160px}.content-with-mascot{align-items:center;flex-direction:column;margin-top:75px}.content-with-aboutus{margin-top:1000px}.stars{height:auto;min-height:100vh}.content{max-width:90%}}@media (max-width:1440px) and (min-width:1200px){.content-with-aboutus{margin-top:375px}}.privacy-policy-page{align-items:center;background:linear-gradient(180deg,#1a1e5d,#3b3086,#482e82);box-sizing:border-box;color:#f8f5f1;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center;z-index:1}.content-with-policy{animation:glow 5s ease-in-out infinite;background:#00000026;border-radius:15px;box-shadow:0 4px 20px #0003;max-width:700px;padding:30px;text-align:left}.policy-section{margin-bottom:30px}.policy-icon{color:#fbd25d;font-size:1.5em;margin-right:10px}h1,h2{color:#e2d4ff;font-family:WonderYarnFont,cursive}p,ul{font-size:1.2em;line-height:1.8}ul{margin-left:20px}.last-updated{color:#f8f5f1;font-size:1em;margin-top:20px}@keyframes glow{0%{background:#0003}50%{background:#0000004d}to{background:#0003}}@media (max-width:768px){.content-with-policy{padding:20px;text-align:center}}.icon-text,.terms-page{align-items:center;display:flex}.terms-page{background:linear-gradient(180deg,#1a1e5d,#3b3086,#482e82);box-sizing:border-box;color:#f8f5f1;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center;z-index:1}.terms-box{background-color:#21004dd9;border-radius:15px;box-shadow:0 4px 20px #0000004d;color:#f8f5f1;font-family:WonderYarnFont,sans-serif;margin-top:50px;max-width:800px;padding:40px;text-align:left;width:80%}.terms-box h1{color:#e2d4ff;font-size:2.5em;margin-bottom:20px}.terms-box p,.terms-box ul{color:#f8f5f1;font-size:1.2em;line-height:1.8}.terms-box ul{padding-left:20px}.terms-box li{margin-bottom:10px}@media (max-width:768px){.terms-box{padding:20px;width:95%}.terms-box h1{font-size:2em}}.register-page{align-items:center;background:linear-gradient(180deg,#1a1e5d,#3b3086,#482e82);color:#f8f5f1;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 20px;position:relative;text-align:center}.stars{animation:twinkle 15s linear infinite;background:url(/static/media/stars.ab0eda70ab43904b60a9.png) repeat;background-size:cover;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:-1}input{box-shadow:0 4px 6px #0000001a;font-size:1em;margin:10px 0;padding:10px}button,input{border:none;border-radius:8px;width:100%}button{background-color:#673ab7;color:#fff;cursor:pointer;font-size:1.2em;margin-top:15px;padding:12px;transition:background-color .3s ease}button:hover{background-color:#5e35b1}.google-button{background-color:#db4437}.error-message{color:#ff6f61;margin-top:10px}@media (max-width:768px){.content{max-width:90%}}.checkbox-group{align-items:center;display:flex;margin:15px 0;text-align:left}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.checkbox-group label{align-items:center;color:#f8f5f1;cursor:pointer;display:flex;font-size:1em;line-height:1.4}.checkbox-group a{color:#f8f5f1;margin-left:5px;text-decoration:underline}.checkbox-group a:hover{color:#b388ff}a{color:#c7a4ff;text-decoration:underline}a:hover{color:#b388ff}
/*# sourceMappingURL=main.c6d481d0.css.map*/