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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-primary:#1b3a5f;--color-bg-secondary:#362f5c;--color-accent-green:#3ddc97;--color-accent-pink:#f4a7dc;--color-text-primary:#f4f4f4;--color-text-secondary:#b0b3c7;--color-button-primary:#ffc857;--color-button-secondary:#2a5783;--color-navbar:#0f1a2b;--color-navbar-active:#5ccfe6}body{background-attachment:fixed;background-image:url(/static/media/bg_public_stories.cd70fabd764bbf83dd66.png);background-position:top;background-repeat:no-repeat;background-size:cover;color:#f4f4f4;font-family:Varela Round,sans-serif;margin:0;padding:0}input,select{background:#0f1a2b;border:0;border-radius:1.5rem;box-shadow:0 .125em .3125em #0000004d;box-sizing:border-box;color:#b0b3c7;font-family:Varela Round;font-size:1em;margin:.5em auto;outline:0;padding:.5em .714em;width:20rem;&::placeholder{color:#4764cb;font-family:Varela Round,sans-serif}}textarea{background:#0f1a2b;border:.2rem solid #0000;border-radius:1rem;box-shadow:0 .125em .3125em #0000004d;box-sizing:border-box;color:#b0b3c7;font-family:Varela Round;font-size:1rem;height:100px;margin:.5em 0;outline:0;padding:.2em .5em;resize:none;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;width:100%;&::placeholder{color:#4764cb;font-family:Varela Round,sans-serif}}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar-track{background:#0000;border-radius:3rem}textarea::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}.container{background-color:initial;text-align:center}.button-container{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:center}.small-button{align-items:center;background-color:initial;background-image:linear-gradient(#b384c9d6,#391f5bd6 50%);border-radius:2rem;border-width:0;box-shadow:0 2px 2px #391f5b3d,0 8px 12px #b384c966;color:#fff;display:flex;font-size:12px;font-weight:400;height:45px;justify-content:center;letter-spacing:.02em;line-height:8px;margin:5px auto;padding:9px;text-align:center;text-shadow:#fff6 0 0 4px,#fff3 0 0 12px,#391f5b99 1px 1px 4px,#391f5b52 4px 4px 16px;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;width:160px}.link-button,.small-button{cursor:pointer;font-family:Varela Round,sans-serif;text-decoration:none}.link-button{background:none;border:none;box-shadow:none;color:#ffc857;display:inline;font-size:inherit;font-weight:inherit;height:auto;margin:0;padding:0;text-shadow:inherit;width:auto}.link-button:hover{background:none;color:#3ddc97}.big-button{align-items:center;border-radius:2rem;border-width:0;color:#f4f4f4;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:18px;font-weight:700;justify-content:center;letter-spacing:.04em;line-height:16px;margin:2em auto;padding:18px;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial}.action-button{background-color:#ffc857}.action-button:hover{background-color:#3ddc97}.secondary-button{background-color:#2a5783}.secondary-button:hover{background-color:#3ddc97}.big-button span{flex-grow:1;text-align:right}.big-button i{fill:#fff;margin-right:15px}.big-button:hover{background-color:#3ddc97}.form-error{color:#ef3131;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;text-align:center;white-space:pre-line}.message{color:--color-accent-green}.message,.message-link{font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;margin-top:20px;text-align:center;white-space:pre-line}.message-link{color:#3ddc97;color:var(--color-accent-green);text-decoration:none}.message-link:hover{color:#ffc857;color:var(--color-button-primary)}.warning{color:#ff6513;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;margin-top:20px;text-align:center;white-space:pre-line}.loading-screen{align-items:center;background:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-div{display:flex;margin:auto}.spinner{border:4px solid #b0b3c71a;border-left-color:#b0b3c7;height:40px;margin:auto;width:40px}.header{align-items:center;display:flex;justify-content:space-between;padding:10px}.logo{cursor:pointer;font-size:24px;font-weight:700}.logo img{overflow:hidden;text-indent:100%;white-space:nowrap}.menu-button{cursor:pointer;font-size:24px}.menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;position:absolute;right:10px;top:50px}.menu-item{cursor:pointer;padding:10px}.menu-item:hover{background-color:#f1f1f1}main{padding:20px}.background-overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;transition:background-image 1s ease-in-out,filter .5s ease;width:100vw;z-index:-1}@media (max-width:768px){.button-container{align-items:center;order:3}}.login-page{align-items:center;background-color:#1b3a5fee;border:0;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;margin:30px auto;max-width:600px;padding:30px 0;position:relative}.login-h2{font-size:1rem}.login-h2,.login-h3{color:#b0b3c7;font-family:Varela Round,sans-serif}.login-h3{font-size:.7rem}.login-form{margin:4em auto}.sign-in{background-image:linear-gradient(45deg,#36a1ffd2,#5567dfd2)}.button-connect-with-container{align-items:center;display:flex;justify-content:space-evenly;margin:auto}.gsi-material-button{-webkit-appearance:none;background-color:#f2f2f2;background-image:none;border:none;border-radius:20px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;max-width:400px;min-width:-webkit-min-content;min-width:min-content;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;vertical-align:middle;white-space:nowrap;width:40px}.gsi-material-button .gsi-material-button-icon{height:20px;margin:0;min-width:20px;padding:10px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .218s}.gsi-material-button:disabled{background-color:#ffffff61;cursor:default}.gsi-material-button:disabled .gsi-material-button-state{background-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#001d35;opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#001d35;opacity:8%}.home-button{align-self:flex-start;background:#0000;border:none;color:#5ccfe6;cursor:pointer;font-size:1.5rem;margin:auto;transition:color .3s ease-in-out}.home-button:hover{color:#ffc857}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-content{background:#1b3a5fe6;border-radius:12px;box-shadow:0 4px 8px #0003;max-height:90vh;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;text-align:center;width:500px}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.modal-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}@media (max-width:768px){.modal-content{max-width:90%;padding:1rem .8rem}}@media (orientation:landscape) and (max-height:600px){.modal-content{border:.2rem solid #0000;max-height:75vh;overflow-y:auto;padding:1.5rem .8rem}}.modal-form{justify-items:center;margin:2em}.modal-form label{color:#b0b3c7}.modal-form-input-container{display:flex;flex-direction:column;width:-webkit-fit-content;width:fit-content}.modal-form input,.modal-form select{margin:.5rem auto}.modal-form span{align-items:center;color:#b0b3c7;display:flex;font-family:Varela Round,sans-serif;font-size:1em;padding:.7rem .5rem 0;text-align:left;width:50%}.modal-close-btn{background:#0000;border:none;border-radius:.5rem;color:#f4f4f4;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.modal-close-btn:hover{background:#ffc857}.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:15px}.action-btn{background:#ffc757ca;border:none;border-radius:1.5rem;color:#f4f4f4;cursor:pointer;padding:8px 12px}.action-btn:hover{background:#ffc857}.close-btn{background:#2a5783ca;border:none;border-radius:1.5rem;cursor:pointer;padding:8px 12px}.close-btn:hover{background:#2a5783}.action-btn i,.close-btn i{margin-right:1em}.register-page{align-items:center;background-color:#1b3a5fee;border:0;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;margin:30px auto;max-width:600px;padding:30px 0;position:relative}.register-h2{font-size:1rem}.register-h2,h3{color:#b0b3c7;font-family:Varela Round,sans-serif}h3{font-size:.7rem}.register-form{margin:4em auto;width:20rem}.label-field-container{display:flex;flex-direction:column}.label-field-container span{align-items:center;color:#b0b3c7;display:flex;font-family:Varela Round,sans-serif;font-size:1em;padding:.7rem .5rem 0;text-align:left;width:50%}.feedback-summary-dialog{background:#1b3a5fe6;border-radius:12px;box-shadow:0 4px 8px #0003;max-height:90vh;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;text-align:center;width:400px;z-index:1002}.feedback-summary-dialog::-webkit-scrollbar{width:5px}.feedback-summary-dialog::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.feedback-summary-dialog::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}.dialog-title,.story-title{-webkit-margin-before:0;-webkit-margin-after:.5em;margin-block-end:.5em;margin-block-start:0}.feedback-buttons{display:flex;margin:0 auto;width:40%}.reaction-button{background:none;border:none;cursor:pointer;flex:1 0;font-size:2em;opacity:.5}.reaction-button.selected{opacity:1;transform:scale(1.2)}@media (max-width:768px){.feedback-summary-dialog{max-width:90%;padding:1rem .8rem}}@media (orientation:landscape) and (max-height:600px){.feedback-summary-dialog{padding:.8rem}.reaction-button{font-size:1rem}.dialog-buttons{margin:auto}}.playing-story{align-items:center;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;height:100vh;min-height:150px;overflow:hidden;position:relative}.play-story-navbar{border-radius:.1em .1em .9em .9em;display:flex;gap:50px;justify-content:center;left:0;left:50%;padding:.5em;position:fixed;top:0;transform:translateX(-50%);transition:background .3s ease;z-index:1001}.play-story-navbar.opaque{background-color:#ff928b80}.play-story-nav-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex:1 0;flex-direction:column;font-family:Varela Round,sans-serif;font-size:1rem;text-decoration:none;transition:background-color .3s ease}.play-story-nav-button-icon{align-items:center;background-color:#ff6f6125;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:5px;transition:background-color .3s ease,transform .3s ease;width:50px}.play-story-nav-button.active .play-story-nav-button-icon{background-color:#ff928b;box-shadow:0 0 10px #0003;transform:scale(1.1)}.play-story-nav-button-label{color:#fff;font-size:.9rem;margin-top:5px}.play-story-nav-button:hover .play-story-nav-button-icon{background-color:#ff928b}.play-story-nav-button:disabled .play-story-nav-button-icon,.play-story-nav-button:disabled:hover .play-story-nav-button-icon{background-color:light-dark(#efefef1a,#1301011a);color:light-dark(#1010104d,#ffffff4d)}.story-content{bottom:0;display:flex;left:0;position:fixed;right:0;top:3.5rem}.play-story-title{color:#f4f4f4;font-weight:400;margin:1em 0;text-align:center}.play-story-illustration{align-items:center;display:flex;flex:auto;justify-content:center}.play-story-image{box-shadow:0 0 1rem .2rem #1b3a5f;margin:1rem;object-fit:contain}.play-story-text{background:#1b3a5fa0;border:.2rem solid #0000;border-radius:.5rem;color:#f4f4f4;flex:auto;font-size:1.2rem;line-height:1.5;margin:1rem;min-width:0;overflow-y:auto;padding:0 .5rem;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;text-align:justify;word-break:break-word}.play-story-text::-webkit-scrollbar{width:5px}.play-story-text::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.play-story-text::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}@media (orientation:portrait){.story-content{flex-direction:column}.play-story-image{max-width:90%}}@media (orientation:landscape){.play-story-image{max-height:90%}}@media (max-width:768px){.play-story-navbar{gap:.5rem}.play-story-nav-button-icon{height:2.5rem;width:2.5rem}}.fullscreen-image-overlay{align-items:center;background-color:#0a0a0ae6;cursor:zoom-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.fullscreen-image{max-height:95%;max-width:95%;object-fit:contain}.story-unpublished{color:#999;font-size:.85em;font-style:italic;text-align:center}.loading-overlay{align-items:center;background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner{animation:pulse 2s ease-in-out infinite;height:100px;position:relative;width:100px}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-top-color:#fff;box-sizing:border-box;height:100px;left:0;top:0;width:100px}.center-logo,.spinner-ring{border-radius:50%;position:absolute}.center-logo{height:92px;left:4px;object-fit:cover;top:4px;width:92px;z-index:1}.loading-message{color:#fff;font-size:1.2rem;text-align:center}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.profile-page{box-sizing:border-box;margin:auto;max-width:1000px;min-width:320px;padding:20px}.user-details-component{background-color:#1b3a5fa0;border-radius:.9em;margin:5em auto;max-width:600px;padding:1em}.user-details{margin:1em auto;padding:10px;text-align:left;width:-webkit-fit-content;width:fit-content}.no-margin-right{margin-right:0}.user-details-flex-div{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.user-details-flex-div p{margin:8px 0}.edit-btn,.right-aligned{color:#2a5783}.edit-btn i,.right-aligned-item{color:#ffc857;font-size:18px;margin-right:5px}.edit-btn:hover i{color:#5ccfe6}.edit-btn:focus{outline:none}.user-details p button.edit-btn{margin-left:auto}.save-button{background-image:linear-gradient(#7b9d8d,#2e5c2ed6 50%)}.plans-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-top:20px}.plan-card{background:#2a5783;border:2px solid #362f5c;border-radius:8px;display:flex;flex-direction:column;padding:.5rem;transition:all .3s ease-in-out;width:10rem}.plan-card.selected{background:#3ddc97;border-color:#5ccfe6}.plan-card h3{margin-bottom:10px}.plan-card p{flex:1 1}.plan-card button{background:#ffc857ca;border:none;border-radius:1rem;color:#f4f4f4;cursor:pointer;margin-top:10px;padding:8px 12px}.plan-card button:hover{background:#ffc857;color:#f4f4f4}.plan-card button:disabled{background:grey;border:none;border-radius:1rem;color:#f4f4f4;cursor:default;margin-top:10px;padding:8px 12px}.payment-section{background:#2a5783;border-radius:1rem;margin-top:20px;padding:15px}.pay-btn{background:#ffc857;border:none;border-radius:1rem;color:#f4f4f4;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px}.StripeElement{margin-bottom:20px}.user-details-subscription-end-date{color:#f4a7dc}.user-details-subscription-end-date,.user-details-subscription-status-loading{font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;margin-top:0}.user-details-subscription-status-loading{color:#b0b3c7}.user-details-subscription-pending{color:#f4a7dc;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;margin-top:0}@media (max-width:768px){.profile-page{padding:20}.plan-card{padding:.5rem}}.question-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.question-modal-content{background:#1b3a5f;border-radius:12px;box-shadow:0 4px 8px #0003;max-height:90vh;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;text-align:center;width:400px}.question-modal-content::-webkit-scrollbar{width:5px}.question-modal-content::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.question-modal-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}@media (max-width:768px){.question-modal-content{max-width:90%;padding:1rem .8rem}}@media (orientation:landscape) and (max-height:600px){.question-modal-content{border:.2rem solid #0000;max-height:75vh;overflow-y:auto;padding:1.5rem .8rem}}.question-modal-buttons{display:flex;gap:1rem;margin-top:15px}.question-cancel-btn,.question-confirm-btn{border:none;border-radius:1.5rem;cursor:pointer;flex:1 0;font-size:1rem;padding:8px 14px}.question-confirm-btn{background:#ffc857;color:#f4f4f4}.question-cancel-btn{background:#2a5783;color:#f4f4f4}.question-cancel-btn:hover,.question-confirm-btn:hover{background:#5ccfe6}.confirm-email-container{align-items:center;background:#1b3a5fee;border:0;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:30px auto;max-width:600px;padding:30px 0;text-align:center}.error-message,.success-message{border:none;max-width:400px;padding:20px;text-align:center;width:100%}.success-message{color:#28a745}.error-message{color:#dc3545}.redirect-button{background-color:#007bff;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.redirect-button:hover{background-color:#0056b3}.forgot-password-component{background-color:#1b3a5fee;border-radius:.9em;margin:5em auto;max-width:600px;padding:1em}.forgot-password-form{display:flex;flex-direction:column;margin:1em auto;padding:10px;text-align:left;width:-webkit-fit-content;width:fit-content}.forgot-password-form input{margin:1em auto}.captcha{justify-items:center;margin:2em auto}.forgot-password-h2{color:#b0b3c7;font-family:Varela Round,sans-serif;font-size:1rem}.reset-password-component{background-color:#1b3a5fee;border:0;border-radius:15px;margin:30px auto;max-width:600px;padding:1em;text-align:center}.reset-password-component h2{color:#b0b3c7;font-family:Varela Round,sans-serif;font-size:1rem;margin-bottom:10px}.reset-password-form{display:flex;flex-direction:column;margin:1em auto;padding:10px;text-align:left;width:-webkit-fit-content;width:fit-content}.reset-password-form input{margin:1em auto}.reset-password-form button{margin:1.5em auto .5em}.admin-component{background-color:#fcbfbcd0;border-radius:.9em;margin:5em auto;max-width:700px;min-width:420px;padding:1em}.edit-btn,.right-aligned{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:14px;padding:.3em 2em}.config-name{margin:1em auto;padding:10px;text-align:left;width:-webkit-fit-content;width:fit-content}.config-name-p{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.editconfig-textarea{height:500px;white-space:pre-wrap}.story-generating{align-items:center;background:#0000001a;border:1px dashed #ccc;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.shimmer-text{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#222,#333,#222);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000}.cover-placeholder{animation:pulse-brightness 2s ease-in-out infinite;background:#1a1a1a;filter:blur(4px) brightness(.8);height:250px;transition:filter .5s ease;width:250px}.blur{filter:blur(5px);opacity:.8;transition:filter .3s ease-out,opacity .3s ease-out}.pulse{animation:pulse 1.5s ease-in-out infinite;color:#fc6}.story-generating-spinner{bottom:10px;left:50%;position:absolute;transform:translateX(-50%)}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#007bff;height:30px;margin-top:10px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-brightness{0%,to{filter:blur(4px) brightness(.8)}50%{filter:blur(4px) brightness(1.05)}}.pagination-controls{display:flex;flex:0 0;justify-content:center;margin:auto}.pagination-controls button{cursor:pointer;margin:0 10px;padding:10px 20px}.overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.overlay-content{background:#1b3a5fe6;border-radius:12px;box-shadow:0 4px 8px #0003;max-height:90vh;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;text-align:center;width:500px}.overlay-content::-webkit-scrollbar{width:5px}.overlay-content::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.overlay-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}.overlay-image{border-radius:10px;height:auto;margin-bottom:20px;max-width:250px;width:100%}.overlay-title{color:#f4f4f4;font-size:1.5em;margin:10px 0}.overlay-date{color:#b0b3c7;font-size:.9em;margin-bottom:20px}.overlay-buttons{display:flex;gap:10px;justify-content:space-around;margin-top:20px}.overlay-btn{align-items:center;background-color:#ffc857;border:none;border-radius:1rem;color:#f4f4f4;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Varela Round,sans-serif;font-size:1rem;justify-content:center;letter-spacing:.04em;line-height:16px;padding:10px 15px;text-align:center;transition:background-color .3s}.overlay-btn i{font-size:1.2rem;margin:10px}.overlay-btn:hover{background-color:#5ccfe6}.story-feedback-icons{bottom:10px;cursor:pointer;display:flex;font-size:1rem;gap:10px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%)}.story-feedback-icons i{margin-right:5px;transition:color .2s ease-in-out}.feedback-btn:hover{color:#5ccfe6}@media (max-width:768px){.pagination-controls button{margin:0;padding:10px}.overlay-content{max-width:90%;padding:1rem .8rem}.overlay-date{font-size:.7em}.overlay-btn{font-size:.8rem;padding:.3rem}}@media (orientation:landscape) and (max-height:600px){.overlay-image{margin-bottom:.2rem;max-width:150px}.overlay-date{font-size:.7em;margin-bottom:0;margin-block:0}}.feedback-item{background:#1b3a5f;border-radius:5px;color:#f4f4f4;margin-top:5px;padding:10px;text-align:left;white-space:pre-wrap}.feedback-item-header{align-items:baseline;display:flex}.feedback-date{flex-grow:1;font-style:italic;text-align:right}.pagination{display:flex;justify-content:center;margin-top:10px}.pagination button{background:#007bff;border:none;border-radius:1rem;color:#fff;cursor:pointer;margin:5px;padding:5px 10px}.pagination button:disabled{background:#ccc;cursor:not-allowed}.share-link input{margin-right:5px;padding:5px;width:80%}.share-link button{background:#007bff;border:none;color:#fff;cursor:pointer;padding:5px 10px}.share-options{gap:20px;margin:15px auto}.share-btn,.share-options{display:flex;justify-content:center}.share-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;flex-direction:column;text-decoration:none;transition:background-color .3s ease}.share-btn:hover i{background-color:#3ddc97}.share-btn i{align-items:center;border-radius:50%;color:#f4f4f4;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:5px;width:80px}.share-btn span{color:#b0b3c7;font-family:Varela Round,sans-serif;font-size:14px;margin-top:5px}.email i{background-color:#fc0}.social i{background-color:#4caf50}.copy i{background-color:#007bff}.social-button{border:none;border-radius:1.5rem;color:#f4f4f4;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;margin:1rem auto;padding:8px 12px}.social-button span{flex-grow:1;text-align:right}.social-button i{fill:#fff;margin-right:15px}.facebook-btn{background:#3b5998;color:#fff}.twitter-btn{background:#1da1f2;color:#fff}.whatsapp-btn{background:#25d366;color:#fff}.back-btn,.close-btn{border:none;border-radius:1.5rem;cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:1rem;padding:8px 14px}.back-btn span,.close-btn span{flex-grow:1;text-align:right}.back-btn i,.close-btn i{fill:#fff;margin-right:15px}.back-btn,.close-btn{background:#2a5783;color:#f4f4f4}.back-btn:hover,.close-btn:hover{background:#5ccfe6}.share-buttons{gap:20px;margin-top:2rem}.feedback-overlay,.share-buttons{display:flex;justify-content:center}.feedback-overlay{align-items:center;background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-dialog{background:#1b3a5fe6;border-radius:12px;box-shadow:0 4px 8px #0003;max-height:90vh;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#3e3e3e #0f1a2b00;scrollbar-width:thin;text-align:center;width:400px}.feedback-dialog::-webkit-scrollbar{width:5px}.feedback-dialog::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.feedback-dialog::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}.close-button{background:#0000;border:none;border-radius:.5rem;color:#f4f4f4;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.close-button:hover{background:#ffc857}.story-cover{border-radius:8px;margin-bottom:10px;max-height:200px;object-fit:cover;width:100%}.feedback-dialog h2{font-size:1.5rem;margin-bottom:10px}.dialog-buttons{display:flex;gap:20px;justify-content:center;margin-top:15px}.cancel-btn,.submit-btn{border:none;border-radius:1.5rem;cursor:pointer;font-size:1rem;padding:8px 14px}.submit-btn{background:#ffc857;color:#f4f4f4}.cancel-btn{background:#2a5783;color:#f4f4f4}.cancel-btn:hover,.submit-btn:hover{background:#5ccfe6}@media (max-width:768px){.feedback-dialog{max-width:90%;padding:1rem .8rem}}@media (orientation:landscape) and (max-height:600px){.story-cover{max-height:100px}textarea{height:4.5rem}.feedback-dialog h2{margin:.3rem auto}}.language-button{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:10px;position:absolute;right:2rem;top:2rem;transition:background .3s ease-in-out}.language-button:hover{background:#fff9}.language-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:1rem;cursor:pointer;font-size:1.1rem;margin-top:10px;padding:10px;width:80%}.language-dropdown:focus{border-color:#007bff;outline:none}.story-image-container{height:auto;position:relative;width:100%}.story-buttons-overlay{bottom:10px;display:flex;gap:10px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%)}.story-card:hover .story-buttons-overlay{opacity:1;transform:translateX(-50%) translateY(0)}.transparent-button{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff4d;border:none;border-radius:10px;color:#f4f4f4;cursor:pointer;font-size:1rem;padding:8px 12px;transition:background .3s ease-in-out,transform .2s ease}.transparent-button:hover{background:#fff6;transform:scale(1.15) rotate(3deg)}.transparent-button.active{background:#0096ffcc;color:#fff;font-weight:700}.like-btn:hover{color:green}.like-btn.active{background:#00ff00b3}.dislike-btn:hover{color:red}.dislike-btn.active{background:#ff0000b3}.feedback-btn.active,.feedback-btn:hover{color:orange}@media (max-width:768px){.language-button{right:1rem;top:4rem}}.create-story-container{background:#1b3a5fc0;border-radius:2rem;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:1rem;text-align:center}.input-section{margin:1rem}.input-section input{font-size:1rem;margin-right:.5rem;padding:.5rem;width:70%}.input-section button{background-color:#ffc857;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.ai-suggestions{margin:1rem}.ai-suggestions .chip{background-color:#5ccfe6;border:none;border-radius:20px;cursor:pointer;font-size:small;margin:.5rem;padding:.5rem 1rem}.ai-suggestions .chip:hover{background-color:#3ddc97}.added-elements{margin:1rem}.added-elements .added-chip{background-color:#f4a7dc;border:none;border-radius:20px;display:inline-block;font-size:small;margin:.5rem;padding:.5rem 1rem;position:relative}.added-elements .added-chip button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:0}.actions{margin-top:1rem}.submit-button{background-color:#ffc857;margin-right:1rem}.cancel-button,.submit-button{border:none;border-radius:1rem;color:#fff;cursor:pointer;padding:.5rem 1rem}.cancel-button{background-color:#2a5783}.browse-stories{display:flex;flex-direction:column;gap:3rem;padding:2rem 0}.story-section{min-height:50rem;padding:1.5rem 0}.story-section-h2{color:#f4f4f4;font-size:2rem;margin-bottom:.5rem;text-align:center}@media (max-width:768px){.story-section-h2{font-size:1.5rem}}.section-divider{align-items:center;display:flex;gap:1rem;justify-content:center}.divider-line{background:#ccc;flex:1 1;height:1px}.divider-text{color:#888;font-size:1.2rem;font-style:italic}.story-section-component{box-sizing:border-box;margin:0 auto 12em;max-width:1000px;min-width:320px;padding:20px 0}.no-stories-message{font-size:1.2em;margin-top:50px;text-align:center}.story-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.story-card{background-color:#1b3a5f;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:320px;overflow:hidden;transition:transform .1s ease;width:250px}.story-card:hover{transform:scale(1.05)}.story-image{height:250px;object-fit:cover;width:250px}.story-title{color:#f4f4f4;font-family:Varela Round,sans-serif;font-size:.9rem;margin:auto;padding:0 10px;text-align:center}.invite-login button{margin-top:2em}.navbar{align-items:center;background-color:#0f1a2bd0;border-radius:3em;box-shadow:2px 0 6px #0000001a;display:flex;flex-direction:column;gap:1rem;left:1rem;max-height:90vh;overflow-y:auto;padding:1rem 0;position:fixed;scrollbar-color:#1a2737 #0f1a2b00;scrollbar-width:thin;top:50%;transform:translateY(-50%);width:100px}.navbar:after{background:linear-gradient(180deg,#0000,#0003);bottom:0;content:"";height:1rem;left:0;pointer-events:none;position:absolute;right:0}.navbar::-webkit-scrollbar{width:5px}.navbar::-webkit-scrollbar-track{background:#0000;border-radius:3rem}.navbar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#1a2737;border:1px solid #0000;border-radius:3rem}.navbar-logo{align-items:center;display:flex;justify-content:center;padding:.5rem}.navbar-logo img{border-radius:50%;box-shadow:inset 0 0 40px 20px #00000080;height:auto;transition:transform .3s ease;width:60px}.nav-button{align-items:center;background:none;border:none;color:#f4f4f4;cursor:pointer;display:flex;flex:1 0;flex-direction:column;font-family:Varela Round,sans-serif;font-size:1rem;justify-content:center;text-decoration:none;transition:background-color .3s ease}.nav-button:disabled .nav-button-icon,.nav-button:disabled:hover .nav-button-icon{background-color:light-dark(#efefef4d,#1301014d);color:light-dark(#1010104d,#ffffff4d)}.nav-button-icon{background-color:#f4a7dc;transition:background-color .3s ease,transform .3s ease}.nav-button-icon,.nav-button-icon-active{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:5px;width:40px}.nav-button-icon-active{background-color:#3ddc97;box-shadow:0 0 10px #0003;transform:scale(1.1)}.nav-button-label{color:#b0b3c7;font-size:.8rem;margin-top:.2rem}.nav-button:hover .nav-button-icon{background-color:#3ddc97}hr{border:1px solid #ccc;margin:1rem 0;width:80%}@media (max-width:768px){.navbar{display:none}}.topbar-mobile{align-items:center;background:#0f1a2bd0;box-shadow:0 1px 4px #0000001a;display:flex;flex-shrink:0;height:48px;justify-content:space-between;left:0;padding:0 1em;position:fixed;right:0;top:0;z-index:999}.section-icon{color:#b0b3c7;font-size:1.5rem}.section-select{background:none;color:#b0b3c7;flex:1 1;font-size:1rem;margin:0 1em;padding:4px}.topbar-actions button{background:none;border:none;color:#b0b3c7;font-size:1.2rem;margin-left:.5em}@media (min-width:769px){.topbar-mobile{display:none}}.app-container{display:flex;height:100vh}.main-content{display:flex;flex-direction:column;flex-grow:1;margin-left:100px;overflow-y:auto}.top-main-content{flex:1 1;padding:"1rem"}.footer-links{background-color:initial;color:#b0b3c7;display:flex;font-size:.9rem;gap:1rem;justify-content:center;padding:1.5rem}.footer-links a{color:inherit;text-decoration:none;transition:color .2s ease-in-out}.footer-links a:hover{color:#f4f4f4}@media (max-width:768px){.app-container{flex-direction:column}.main-content{margin-left:0;margin-top:48px}.top-main-content{padding:1rem 0}}.resend-confirmation-container{background:#1b3a5fee;border:0;border-radius:15px;margin:30px auto;max-width:600px;padding:30px 0;text-align:center}.resend-confirmation-container h2{color:#b0b3c7;font-family:Varela Round,sans-serif;font-size:1rem;margin-bottom:10px}.resend-confirmation-container form{display:flex;flex-direction:column;margin:4em auto}.success{color:green;margin-top:10px}.footer-link-page{color:#b0b3c7;line-height:1.6;margin:0 auto;max-width:800px;padding:2em}.footer-link-page h1{font-size:2.2em;margin-bottom:.5em;text-align:center}.footer-link-page h2{color:#f4f4f4;font-size:1.4em;margin-top:1.5em}.footer-link-page .last-updated{color:#b0b3c7;font-size:.9em;margin-bottom:2em;text-align:center}
/*# sourceMappingURL=main.d81e2749.css.map*/