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}.lazy-loading{align-items:center;color:#c4a6e0;display:flex;font-family:Crimson Text,Georgia,serif;font-size:1.3rem;font-style:italic;justify-content:center;min-height:60vh}.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}.nav-auth-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;letter-spacing:.02em;padding:9px 20px;transition:all .3s ease}.nav-login-btn{background:#0000;border:1px solid #ffffff40;color:#f0eaff}.nav-login-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.nav-register-btn{background:linear-gradient(135deg,#fbd25d,#f0a030);box-shadow:0 2px 10px #fbd25d40;color:#1e1a3a}.nav-register-btn:hover{background:linear-gradient(135deg,#ffe066,#f5b040);box-shadow:0 4px 15px #fbd25d66;transform:translateY(-1px)}.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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a081ed9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(160deg,#1e1a3a,#2d2460 40%,#3b2e80 70%,#2a1f5c);border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 0 60px #8b5cf626,0 20px 50px #00000080,inset 0 1px 0 #ffffff14;color:#f0eaff;max-width:420px;overflow:hidden;padding:40px 36px 32px;text-align:center;width:92%}.modal-content:before{animation:modalTwinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 10% 15%,#ffffff80 0,#0000 100%),radial-gradient(1px 1px at 30% 65%,#fff6 0,#0000 100%),radial-gradient(1.5px 1.5px at 55% 25%,#fbd25d80 0,#0000 100%),radial-gradient(1px 1px at 75% 80%,#ffffff4d 0,#0000 100%),radial-gradient(1px 1px at 90% 40%,#fbd25d66 0,#0000 100%),radial-gradient(1px 1px at 45% 90%,#ffffff4d 0,#0000 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes modalTwinkle{0%{opacity:.6}to{opacity:1}}.modal-content>*{position:relative;z-index:1}.close-button-solid{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:.9em;height:34px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .3s ease;width:34px;z-index:2}.close-button-solid:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:scale(1.1)}.mascot-login{bottom:-10px;max-width:80px;opacity:.15;pointer-events:none;position:absolute;right:-10px;z-index:0}.modal-content h1{color:#fbd25d;font-family:Crimson Text,Georgia,serif;font-size:1.7em;font-weight:600;margin:0 0 6px;text-shadow:0 0 20px #fbd25d4d}.modal-content .modal-subtitle{color:#f0eaff99;font-size:.9em;margin:0 0 24px}.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=text]{background:#ffffff12;border:1px solid #8b5cf640;border-radius:10px;box-sizing:border-box;color:#f0eaff;font-size:.95em;margin:6px 0;padding:13px 16px;transition:all .3s ease;width:100%}.modal-content input[type=email]::placeholder,.modal-content input[type=password]::placeholder,.modal-content input[type=text]::placeholder{color:#f0eaff66}.modal-content input[type=email]:focus,.modal-content input[type=password]:focus,.modal-content input[type=text]:focus{background:#ffffff1a;border-color:#fbd25d80;box-shadow:0 0 20px #fbd25d1a;outline:none}.modal-content .login-button{background:linear-gradient(135deg,#fbd25d,#f0a030);border:none;border-radius:10px;box-shadow:0 4px 15px #fbd25d40;color:#1e1a3a;cursor:pointer;font-size:1.05em;font-weight:700;letter-spacing:.02em;margin-top:16px;padding:14px;transition:all .3s ease;width:100%}.modal-content .login-button:hover{background:linear-gradient(135deg,#ffe066,#f5b040);box-shadow:0 6px 25px #fbd25d59;transform:translateY(-2px)}.modal-content .login-button:active{transform:translateY(0)}.modal-content .auth-divider{align-items:center;color:#f0eaff66;display:flex;font-size:.85em;gap:12px;margin:18px 0 14px}.modal-content .auth-divider:after,.modal-content .auth-divider:before{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);content:"";flex:1 1;height:1px}.modal-content .google-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;box-shadow:none;color:#f0eaff;cursor:pointer;display:flex;font-size:.95em;font-weight:500;gap:10px;justify-content:center;margin:0;padding:12px;transition:all .3s ease;width:100%}.modal-content .google-button:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.modal-content .google-button i,.modal-content .google-button svg{flex-shrink:0;font-size:1.1em}.modal-content .google-button .google-icon{height:18px;width:18px}.modal-content .error-message{background:#ff64501a;border:1px solid #ff645026;border-radius:8px;color:#ff9b8a;font-size:.88em;font-weight:500;margin:8px 0;padding:8px 12px}.modal-content .success-message{background:#4ade801a;border:1px solid #4ade8026;border-radius:8px;color:#86efac;font-size:.88em;font-weight:500;margin:8px 0;padding:8px 12px}.modal-content .additional-links{display:flex;gap:24px;justify-content:center;margin-top:20px;padding:0}.modal-content .additional-links a{color:#f0eaffb3;font-size:.88em;font-weight:400;padding:2px 0;position:relative;text-decoration:none;transition:all .3s ease}.modal-content .additional-links a:hover{color:#fbd25d}.modal-content .additional-links a:after{background:#fbd25d;bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.modal-content .additional-links a:hover:after{width:100%}.modal-content .checkbox-wrapper{margin:16px 0 4px;text-align:left}.modal-content .checkbox-group{align-items:flex-start;display:flex;gap:10px;margin-bottom:10px}.modal-content .checkbox-group input[type=checkbox]{accent-color:#fbd25d;cursor:pointer;flex-shrink:0;height:16px;margin:3px 0 0;width:16px}.modal-content .checkbox-group label{color:#f0eaffbf;cursor:pointer;font-size:.85em;line-height:1.5}.modal-content .checkbox-group a{color:#fbd25d;margin:0 2px;padding:0;text-decoration:underline;text-decoration-color:#fbd25d4d;transition:all .2s ease}.modal-content .checkbox-group a:hover{color:#ffe066;text-decoration-color:#ffe066}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.verify-email-page{align-items:center;background:linear-gradient(160deg,#1e1a3a,#2d2460 40%,#3b2e80 70%,#2a1f5c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.verify-email-page:before{animation:modalTwinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 15% 20%,#fff6 0,#0000 100%),radial-gradient(1.5px 1.5px at 40% 70%,#fbd25d66 0,#0000 100%),radial-gradient(1px 1px at 70% 30%,#ffffff4d 0,#0000 100%),radial-gradient(1px 1px at 85% 75%,#fbd25d4d 0,#0000 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.verify-email-card{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 20px 50px #0006;max-width:420px;padding:48px 40px;position:relative;text-align:center;width:90%}.verify-email-card .verify-icon{display:block;font-size:3em;margin-bottom:16px}.verify-email-card h1{color:#fbd25d;font-family:Crimson Text,Georgia,serif;font-size:1.6em;margin:0 0 12px;text-shadow:0 0 20px #fbd25d4d}.verify-email-card p{color:#f0eaffb3;font-size:.95em;line-height:1.6;margin:0 0 24px}.verify-email-card .resend-button{background:#fbd25d1a;border:1px solid #fbd25d66;border-radius:10px;color:#fbd25d;cursor:pointer;display:inline-block;font-size:.95em;font-weight:600;padding:12px 32px;transition:all .3s ease}.verify-email-card .resend-button:hover{background:#fbd25d33;border-color:#fbd25d99;box-shadow:0 4px 20px #fbd25d26;transform:translateY(-2px)}@media (max-width:768px){.modal-content{border-radius:16px;max-width:92%;padding:32px 24px 24px}.modal-content h1{font-size:1.4em}.modal-content .additional-links{flex-direction:column;gap:12px}.mascot-login{max-width:60px}.verify-email-card{padding:36px 24px}}#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 8%,#000 92%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 8%,#000 92%,#0000);overflow:hidden;padding:40px 0 30px;width:100%}.carousel-heading{color:#fbd25d;font-family:Crimson Text,Georgia,serif;font-size:1.6em;margin:0 0 24px;text-align:center;text-shadow:0 0 20px #fbd25d4d}.carousel-track{animation:scrollCarousel 35s linear infinite;display:flex;gap:24px;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:14px;box-shadow:0 6px 20px #00000059;height:200px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:200px}.carousel-item:hover img{box-shadow:0 8px 28px #fbd25d40;transform:scale(1.06)}.carousel-item span{color:#f8f5f1;font-size:.9em;margin-top:10px;max-width:200px;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}.story-journal{max-width:800px;padding:30px 20px;width:100%}.journal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center}.journal-card{align-items:center;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease}.journal-card:hover{transform:translateY(-3px)}.journal-card img{border:3px solid #fbd25d80;border-radius:12px;box-shadow:0 4px 12px #0000004d;height:120px;object-fit:cover;width:120px}.journal-card span{color:#f8f5f1;font-size:.85em;margin-top:8px;max-width:130px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.journal-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.journal-card img{height:90px;width:90px}}.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}.interest-tiles-container{display:flex;flex-direction:column;gap:10px}.surprise-tile{background:linear-gradient(135deg,#fbd25d,#ff9a56)!important;border:2px solid #fbd25d!important;color:#1a1e5d!important;flex-direction:row!important;font-size:1.05em;font-weight:700;gap:8px;width:100%}.surprise-tile .tile-emoji{margin-bottom:0}.surprise-tile .tile-label{font-size:1em}.surprise-tile.selected{box-shadow:0 0 12px #fbd25d99}.interest-counter{color:#8868b8;font-size:.85em;text-align:right}.category-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.category-tab{background:#f8f5f1;border:1px solid #ccc;border-radius:20px;color:#3b3086;cursor:pointer;flex-shrink:0;font-size:.8em;padding:5px 12px;transition:all .2s}.category-tab.active{background:#3b3086;border-color:#3b3086;color:#fbd25d}.interest-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.interest-tile{align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:10px 6px;transition:all .2s ease}.interest-tile:hover:not(.disabled){border-color:#fbd25d;box-shadow:0 0 8px #fbd25d4d}.interest-tile.selected{background:#fbd25d1a;border-color:#fbd25d;box-shadow:0 0 8px #fbd25d66}.interest-tile.disabled{cursor:not-allowed;opacity:.45}.tile-emoji{font-size:1.5em;line-height:1;margin-bottom:3px}.tile-label{color:#3b3086;font-size:.75em;line-height:1.2;text-align:center}@media (max-width:600px){.gender-option img{height:45px;width:45px}.gender-option{padding:5px}.slider:before{left:-2px}.child-form{margin-top:40px;max-width:390px;padding:7px;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%}.interest-grid{grid-template-columns:repeat(3,1fr)}}.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%;padding:30px;text-align:center;width:100%}.cover-page,.story-page{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.cover-page{background:radial-gradient(ellipse at 50% 30%,#4a3f8a 0,#2d2560 40%,#1a1440 100%)}.cover-stars{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cover-stars i{animation:twinkleStar 3s ease-in-out infinite;background:#fbd25d;border-radius:50%;box-shadow:0 0 6px 2px #fbd25d4d;height:3px;position:absolute;width:3px}.cover-stars i:first-child{animation-delay:0s;left:12%;top:8%}.cover-stars i:nth-child(2){animation-delay:.5s;height:4px;left:80%;top:15%;width:4px}.cover-stars i:nth-child(3){animation-delay:1.2s;left:50%;top:5%}.cover-stars i:nth-child(4){animation-delay:1.8s;height:2px;left:90%;top:25%;width:2px}.cover-stars i:nth-child(5){animation-delay:.3s;left:8%;top:85%}.cover-stars i:nth-child(6){animation-delay:2.1s;height:4px;left:75%;top:90%;width:4px}.cover-stars i:nth-child(7){animation-delay:.8s;height:2px;left:45%;top:80%;width:2px}.cover-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:100%;z-index:2}.cover-flourish{color:#fbd25d;font-size:1.5rem;letter-spacing:8px;margin-bottom:5px;text-shadow:0 0 10px #fbd25d80}.cover-page h1{word-wrap:break-word;color:#f5e6d0;font-family:Crimson Text,Georgia,serif;font-size:clamp(1.4rem,3.5vw,2.5rem);margin-bottom:15px;overflow-wrap:break-word;padding:0 20px;text-align:center;text-shadow:0 2px 8px #fbd25d4d}.cover-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;width:100%}.cover-image-container img{border:3px solid #fbd25d99;border-radius:12px;box-shadow:0 8px 30px #0006,0 0 20px #fbd25d26;max-height:95%;max-width:95%;object-fit:contain}.book-subtitle{color:#c4a6e0;font-size:1.1rem;font-style:italic;letter-spacing:2px;margin-top:10px}.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:radial-gradient(ellipse at 50% 30%,#4a3f8a 0,#2d2560 40%,#1a1440 100%);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding-top:30px;position:relative}.end-page-stars{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.end-page-stars i{animation:twinkleStar 3s ease-in-out infinite;background:#fbd25d;border-radius:50%;box-shadow:0 0 6px 2px #fbd25d66;height:4px;position:absolute;width:4px}.end-page-stars i:first-child{animation-delay:0s;left:15%;top:10%}.end-page-stars i:nth-child(2){animation-delay:.7s;height:3px;left:75%;top:20%;width:3px}.end-page-stars i:nth-child(3){animation-delay:1.4s;left:85%;top:45%}.end-page-stars i:nth-child(4){animation-delay:2.1s;height:3px;left:10%;top:65%;width:3px}.end-page-stars i:nth-child(5){animation-delay:.3s;left:60%;top:80%}@keyframes twinkleStar{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.end-page-content{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:2}.end-page-flourish{color:#fbd25d;font-size:1.5rem;letter-spacing:8px;margin-bottom:5px}.end-page h2{color:#f5e6d0;font-family:Crimson Text,Georgia,serif;font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:5px;text-shadow:0 2px 8px #fbd25d4d}.end-page-subtitle{color:#c4a6e0;font-size:1.2rem;font-style:italic;letter-spacing:2px;margin-bottom:20px}.end-page-actions{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;max-width:280px;width:100%}.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;width:100%}.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:#c4a6e0;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:#f5e6d0;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:#c4a6e0;font-size:.9rem;margin-bottom:8px}.end-page-login-button{background:none;border:2px solid #fbd25d;border-radius:8px;color:#fbd25d;cursor:pointer;font-size:.95rem;padding:8px 20px;transition:all .2s ease}.end-page-login-button:hover{background-color:#fbd25d;color:#1a1e5d}.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{--progress:0;align-items:center;background:linear-gradient(180deg,hsl(calc(240 - var(--progress)*40),calc(70% - var(--progress)*20%),calc(18% + var(--progress)*30%)) 0,hsl(calc(260 - var(--progress)*80),calc(50% - var(--progress)*15%),calc(33% + var(--progress)*35%)) 40%,hsl(calc(270 - var(--progress)*120),calc(45% - var(--progress)*20%),calc(32% + var(--progress)*40%)) 100%);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:background 1s ease;width:100%;z-index:1000}@media (prefers-reduced-motion:reduce){.loading-overlay{transition:none}}.loading-stars{height:100%;opacity:1;opacity:calc(1 - var(--progress, 0));pointer-events:none;position:absolute;transition:opacity 1s ease;width:100%}@media (prefers-reduced-motion:reduce){.loading-stars{transition:none}}.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:#f8f5f1d9;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:none;border:2px solid #fbd25d;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fbd25d;cursor:pointer;font-size:1.1rem;padding:10px 22px;transition:all .3s ease;width:100%}.share-button:hover{background-color:#e2c048;transform:translateY(-3px)}.share-tooltip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fbd25d33;border-radius:10px;box-shadow:0 6px 15px #0003;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-width:400px;padding:15px 20px;width:90%}.share-tooltip p{color:#c4a6e0;font-size:.9rem;margin:0}.share-url-input{background:#0003;border:1px solid #fbd25d4d;border-radius:5px;box-sizing:border-box;color:#f5e6d0;display:block;font-size:.85rem;max-width:100%;padding:10px;text-align:center;width:300px}.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:radial-gradient(ellipse at 50% 30%,#2a2520 0,#1e1a16 40%,#131010 100%)}.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}.book-toolbar{display:flex;gap:8px;position:absolute;right:15px;top:15px;z-index:20}.night-mode-toggle,.sound-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;width:44px}.night-mode-toggle:hover,.sound-toggle:hover{background:#3b3086e6}.all-pages-container,.page-wrapper{height:100%;width:100%}.hidden-page{display:none}.current-page{display:block;height:100%;width:100%}.read-aloud-btn{background:#fbd25de6;border:none;border-radius:20px;color:#1a1e5d;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:10px;padding:8px 18px;transition:transform .2s}.read-aloud-btn:hover{transform:scale(1.05)}.read-aloud-bar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b3086e6;border-radius:30px;bottom:40px;box-shadow:0 4px 16px #0000004d;display:flex;gap:12px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:25}.read-aloud-control{align-items:center;background:none;border:1px solid #fbd25d;border-radius:16px;color:#fbd25d;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 14px}.read-aloud-stop{border-color:#ff6b6b;color:#ff6b6b}.speed-selector{align-items:center;color:#c4a6e0;display:flex;font-size:.8rem;gap:4px}.speed-btn{background:none;border:1px solid #fbd25d4d;border-radius:10px;color:#c4a6e0;cursor:pointer;font-size:.75rem;padding:3px 8px}.speed-btn.active{background:#fbd25d;border-color:#fbd25d;color:#1a1e5d}.favorite-btn{background:none;border:2px solid #fbd25d;border-radius:10px;color:#fbd25d;cursor:pointer;font-size:1rem;margin:5px 0;max-width:280px;padding:10px 22px;transition:all .2s ease;width:100%}.favorite-btn:hover{background:#fbd25d26}.print-button{background:none;border:2px solid #c4a6e0;border-radius:10px;color:#c4a6e0;cursor:pointer;font-size:1.1rem;padding:10px 22px;transition:all .3s ease;width:100%}.print-button:hover{background:#c4a6e026}@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}}.cover-reveal-overlay{align-items:center;background:linear-gradient(180deg,#2d1b69,#44318d 50%,#5b3fa0);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.cover-reveal-flash{animation:flashPulse .6s ease-out forwards;background:#fbd25d99;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}@keyframes flashPulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}.cover-reveal-image{animation:coverFadeIn 1.2s ease-out forwards;border-radius:12px;box-shadow:0 8px 40px #0006;max-height:50vh;max-width:320px;opacity:0;transform:scale(.85)}@keyframes coverFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cover-reveal-title{color:#fbd25d;font-family:Quicksand,sans-serif;font-size:1.8rem;margin-top:24px;max-width:80%;min-height:2.4em;text-align:center}.cover-reveal-button{animation:buttonFadeUp .6s ease-out forwards;background:linear-gradient(135deg,#fbd25d,#f0a030);border:none;border-radius:28px;box-shadow:0 4px 20px #fbd25d59;color:#2d1b69;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:24px;opacity:0;padding:14px 40px;transform:translateY(20px)}@keyframes buttonFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cover-reveal-button:hover{box-shadow:0 6px 25px #fbd25d80;transform:translateY(-2px)}.cover-reveal-sparkles{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.sparkle{animation:sparkle 1.5s ease-out forwards;background:#fbd25d;border-radius:50%;height:8px;position:absolute;width:8px}.sparkle:first-child{animation-delay:.1s;left:20%;top:30%}.sparkle:nth-child(2){animation-delay:.3s;left:75%;top:25%}.sparkle:nth-child(3){animation-delay:.5s;left:10%;top:50%}.sparkle:nth-child(4){animation-delay:.2s;left:85%;top:45%}.sparkle:nth-child(5){animation-delay:.6s;left:30%;top:65%}.sparkle:nth-child(6){animation-delay:.4s;left:70%;top:60%}.sparkle:nth-child(7){animation-delay:.7s;left:50%;top:35%}.sparkle:nth-child(8){animation-delay:.15s;left:55%;top:70%}.sparkle:nth-child(9){animation-delay:.45s;left:45%;top:20%}.sparkle:nth-child(10){animation-delay:.35s;left:15%;top:75%}@keyframes sparkle{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}.skip-link{background:#2d1b69;border-radius:0 0 4px 0;color:#fbd25d;font-size:.9rem;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .2s;z-index:10000}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){.cover-reveal-button,.cover-reveal-flash,.cover-reveal-image,.sparkle{animation:none!important;opacity:1!important;transform:none!important}}@media print{.hidden-page{display:block!important}.page-wrapper{height:auto!important;page-break-after:always}.book-toolbar,.cover-read-btn,.cta-button-create,.dropdown,.end-page-actions,.end-page-content button,.end-page-login-button,.end-page-save-prompt,.end-page-stories,.favorite-btn,.hamburger,.hamburger-menu,.mobile-language-menu,.nav-links,.navbar,.night-mode-toggle,.page-indicator,.page-nav-button,.print-button,.read-aloud-bar,.read-aloud-btn,.share-button,.share-tooltip,.sound-toggle{display:none!important}.book-container{display:block;overflow:visible}.all-pages-container,.book-container{height:auto!important}.storybook-container{background:none;min-height:auto;padding:0}.storybook-modal{padding:0}.story-page{box-shadow:none;height:auto!important;min-height:90vh}.image-page,.page-wrapper,.story-page{page-break-inside:avoid}.story-image-container{height:auto;position:relative}.story-image-container img{height:auto;max-height:80vh;object-fit:contain}.image-page{height:auto!important;min-height:auto}.story-text-overlay{background:#f0f0f0;bottom:auto;color:#333;left:auto;max-width:100%;position:relative;transform:none;width:100%}.story-text-container{background:none;box-shadow:none;color:#333}.story-text-container:after,.story-text-container:before{display:none}.cover-stars,.end-page-stars,.loading-overlay,.stars{display:none!important}body{background:#fff!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}body,html{margin:0;overflow-x:hidden;padding:0}.contact-email:hover{color:#e2c048;text-decoration:underline}.content{animation:glow 5s ease-in-out infinite;background:#00000026;border-radius:15px;max-width:600px;padding:30px;text-align:left}.mascot-container{align-items:center;display:flex;justify-content:center}.mascot{animation:float 3s ease-in-out infinite;margin-top:20px;max-width:250px}@keyframes glow{0%{background:#0003}50%{background:#0000004d}to{background:#0003}}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}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)}}.stars{animation:twinkle 15s linear infinite;background:url(/static/media/stars.ab0eda70ab43904b60a9.png) repeat;background-size:cover;height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.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}}
/*# sourceMappingURL=main.a561893c.css.map*/