@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);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-primary:#ff6b6b;--color-secondary:#4ecdc4;--color-accent:#ffe66d;--color-background:#f7fff7;--color-text:#2c3e50;--color-button-text:#fff;--shadow-soft:0 4px 6px #0000001a;--shadow-card:0 8px 15px #0000001a;--radius-large:20px;--radius-pill:50px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{background-color:#f7fff7;background-color:var(--color-background);color:#2c3e50;color:var(--color-text);display:flex;flex-direction:column;font-family:Fredoka,Comic Neue,cursive,sans-serif;height:100vh;margin:0;overflow-x:hidden;padding:0}.header{background-color:#ff6b6b;background-color:var(--color-primary);border-bottom:3px solid #0000000d;color:#fff;font-size:1.5rem;font-weight:600;padding:15px 20px;position:relative;text-align:center;z-index:10}.back-button,.header{box-shadow:0 4px 0 #0000001a}.back-button{background-color:#fff;border:2px solid #0000001a;border-radius:50px;border-radius:var(--radius-pill);color:#ff6b6b;color:var(--color-primary);cursor:pointer;font-size:1rem;font-weight:700;margin-right:15px;padding:8px 16px;transition:transform .1s,box-shadow .1s}.back-button:active{box-shadow:0 2px 0 #0000001a;transform:translateY(2px)}.zoom-button{background-color:#4ecdc4;background-color:var(--color-secondary);border:none;border-radius:50px;border-radius:var(--radius-pill);box-shadow:0 4px 0 #0000001a;color:#fff;cursor:pointer;font-weight:700;margin-left:5px;padding:8px 16px;transition:transform .1s,box-shadow .1s}.zoom-button:active{box-shadow:0 2px 0 #0000001a;transform:translateY(2px)}.footer{align-items:center;background-color:#fff;border-top:5px solid var(--color-accent);border-top-left-radius:var(--radius-large);border-top-right-radius:var(--radius-large);bottom:0;box-shadow:0 -4px 10px #0000001a;display:flex;height:70px;justify-content:space-between;padding:10px 20px;position:fixed;width:100%;z-index:100}.app-name{color:var(--color-primary);cursor:pointer;font-family:Fredoka,cursive;font-size:1.2rem;font-weight:700}.user-avatar{border:2px solid var(--color-secondary);border-radius:50%;box-shadow:var(--shadow-soft);cursor:pointer;height:44px;object-fit:cover;transition:transform .2s;width:44px}.user-avatar:hover{transform:scale(1.1)}.modal-content{animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);background-color:#fff;border-radius:var(--radius-large);box-shadow:var(--shadow-card);color:var(--color-text);font-family:Fredoka,sans-serif;max-width:500px;outline:none;padding:25px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#2c3e5099;inset:0}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}h2{color:var(--color-primary);font-size:1.5rem;margin:0}.close-btn,h2{font-weight:700}.close-btn{align-items:center;background:var(--color-background);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.close-btn:hover{background-color:#eee}.collapsible-section{border:1px solid #eee;border-radius:12px;margin-bottom:15px;overflow:hidden}.section-header{align-items:center;background-color:#fafafa;color:var(--color-text);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:15px}.section-content{background-color:#fff;border-top:1px solid #eee;color:#555;font-size:.95rem;line-height:1.5;padding:15px}.logout-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:25px;padding:15px;text-align:center;transition:transform .1s;width:100%}.logout-btn:active{transform:scale(.98)}.copyright{color:#999;font-size:.8rem;margin-top:20px;text-align:center}.home-wrapper{background-color:var(--color-background);background:radial-gradient(circle at top right,#fff4e6,var(--color-background));height:100vh;overflow-y:auto;padding-top:20px}.main-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 auto;max-width:1200px;padding:20px;padding-bottom:100px!important}.box,.main-content{justify-content:center}.box{align-items:center;aspect-ratio:1/1;background-color:#fff;border:4px solid #fff;border-radius:var(--radius-large);box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:flex;font-family:Fredoka,cursive;font-size:1.2rem;font-weight:700;overflow:hidden;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.box:after{background:linear-gradient(0deg,#0009,#0000);border-radius:0 0 calc(var(--radius-large) - 4px) calc(var(--radius-large) - 4px);bottom:0;content:"";height:50%;left:0;position:absolute;right:0;z-index:1}.box:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card);transform:translateY(-8px) scale(1.05);z-index:10}.box>*{z-index:2}@media (min-width:600px){.main-content{gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.box{font-size:1.5rem}}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:1000}.loader-container.fullscreen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;bottom:0;left:0;position:fixed;right:0;top:0}.loader-spinner{animation:spin 1s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#ff6b6b;border-top:5px solid var(--color-primary,#ff6b6b);height:50px;margin-bottom:15px;width:50px}.loader-text{animation:pulse 1.5s infinite;color:#2c3e50;color:var(--color-text,#2c3e50);font-family:Fredoka,cursive;font-size:1.2rem;font-weight:600}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}#root,body,html{height:100%;margin:0;padding:0}.story-page{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-y:auto;padding:0 20px 20px}.story-page,.story-page>*{position:relative}.story-page:before{background-color:#fffc;content:"";inset:0;position:absolute;z-index:0}.story-header{align-items:center;background-color:#fff;border-bottom:2px solid #ff8c42;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;left:0;padding:20px 10px 10px;position:fixed;top:0;width:100%;z-index:10}.story-page{padding-top:80px}@media (max-width:768px){.story-page{background-image:url(/static/media/home-mobile.eed23554ca826420585f.png)}}@media (min-width:769px){.story-page{background-image:url(/static/media/home-tab.37c36a88686bcf136053.png)}}.zoom-buttons{display:flex;margin-left:auto}.story-content{font-size:20px;font-weight:500;margin-top:55px;padding-bottom:40px}.fab{background-color:#ff1493;border:none;border-radius:50%;bottom:70px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:24px;height:60px;position:fixed;right:20px;width:60px}.story-section{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1;min-height:100vh;overflow-y:auto;padding:90px 20px 80px;position:relative}.story-section:before{background-color:#ffffff40;content:"";inset:0;position:absolute;z-index:0}.story-section>*{position:relative}.story-section-header{align-items:center;background-color:#fff;border-bottom:2px solid #ff8c42;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:flex-start;left:0;padding:20px 20px 10px;position:fixed;top:0;width:100%;z-index:10}.story-section-card{align-items:center;aspect-ratio:14/4;background-image:url(/static/media/storyTitle.8d3fa60627367b37ad6f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:8px;color:#030303;cursor:pointer;display:flex;font-size:x-large;font-weight:bolder;justify-content:center;margin:20px auto 0;padding:20px;text-align:center;width:90vw}@media (min-width:768px){.story-section-card{font-size:3rem}}@media (min-width:1024px){.story-section-card{font-size:4rem}}@media (max-width:768px){.story-section{background-image:url(/static/media/story-page-mobile.17017093da3d6bf60140.png)}}@media (min-width:769px){.story-section{background-image:url(/static/media/story-page-tab.08c37aba0c4ac4edffe2.png)}}.welcome-container{background-image:url(/static/media/login-mobile.e1ea261be957b26007fa.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}@media (min-width:600px){.welcome-container{background-image:url(/static/media/login-tab.224dc696c235fc6e0b25.png)}}.welcome-container:before{background:#ffffff4d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.welcome-container>*{position:relative;z-index:1}.welcome-title{color:var(--color-primary);font-family:Fredoka,cursive;font-size:3.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 0 #0000001a;z-index:1}.welcome-subtitle{color:var(--color-text);font-size:1.2rem;margin-bottom:40px;max-width:80%;z-index:1}.button-container{display:flex;flex-direction:column;gap:20px;max-width:320px;width:100%;z-index:1}.button{border:none;border-radius:var(--radius-pill);box-shadow:0 5px 0 #0000001a;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:1px;padding:18px;text-transform:uppercase;transition:transform .1s,box-shadow .1s;width:100%}.button:active{box-shadow:0 2px 0 #0000001a;transform:translateY(3px)}.create-account{background-color:var(--color-secondary);color:#fff}.login{background-color:#fff;border:3px solid var(--color-secondary);color:var(--color-secondary)}.button.loading{cursor:wait;opacity:.8}.loader{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:24px;width:24px}.login .loader{border-color:#4ecdc44d;border-top-color:var(--color-secondary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#2c3e50b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background-color:#fff;border-radius:var(--radius-large);box-shadow:var(--shadow-card);max-width:90%;padding:30px;text-align:center;width:400px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal h2{color:var(--color-primary);font-family:Fredoka,sans-serif;margin-top:0}.modal button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);box-shadow:0 4px 0 #0000001a;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 25px}.modal button:active{box-shadow:0 2px 0 #0000001a;transform:translateY(2px)}@media (max-width:480px){.welcome-title{font-size:2.5rem}}.welcome-container{align-items:center;background-color:#00425a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.loader-close{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;margin:0;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.36ddcef3.css.map*/