@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Quicksand:wght@400..700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;-webkit-font-smoothing:antialiased;background-color:#fffdf9;font-family:Quicksand,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#2d3748;font-family:Fredoka,sans-serif;font-weight:600}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:Quicksand,sans-serif;transition:all .2s}input{outline:none;font-family:Quicksand,sans-serif}a{color:inherit;text-decoration:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes cloud-slide{0%{transform:translate(-10%)}50%{transform:translate(10%)}to{transform:translate(-10%)}}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sparkle{0%,to{filter:hue-rotate();transform:scale(1)rotate(0)}50%{filter:hue-rotate(90deg);transform:scale(1.2)rotate(15deg)}}.floating{animation:4s ease-in-out infinite float}.pulse{animation:3s ease-in-out infinite pulse-slow}.app-container{background:radial-gradient(circle at 10% 20%,#ebf5fb99 0%,#fdedec66 90%);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffd9;border-bottom:4px solid #fff0f5;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 4px 15px #00000005}.navbar .nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar .nav-logo{color:#ff4b8b;align-items:center;gap:.5rem;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;display:flex}.navbar .nav-logo .star-logo{color:#ffd54f;animation:3s linear infinite sparkle;display:inline-block}.navbar .nav-menu{align-items:center;gap:1rem;display:flex}.navbar .nav-menu .nav-btn{border:2px solid #0000;border-radius:50px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.navbar .nav-menu .nav-btn:hover{transform:translateY(-3px)scale(1.05)}.navbar .nav-menu .nav-btn.home-btn{color:#2980b9;background:#ebf5fb}.navbar .nav-menu .nav-btn.home-btn:hover{background:#d6eaf8}.navbar .nav-menu .nav-btn.home-btn.active{border-color:#2980b9}.navbar .nav-menu .nav-btn.stories-btn{color:#16a085;background:#e8f8f5}.navbar .nav-menu .nav-btn.stories-btn:hover{background:#d1f2eb}.navbar .nav-menu .nav-btn.stories-btn.active{border-color:#16a085}.navbar .nav-menu .nav-btn.favs-btn{color:#ff4b8b;background:#fdedec}.navbar .nav-menu .nav-btn.favs-btn:hover{background:#fadbd8}.navbar .nav-menu .nav-btn.favs-btn.active{border-color:#ff4b8b}.navbar .nav-menu .nav-btn.auth-btn{color:#d35400;background:#fff9e6}.navbar .nav-menu .nav-btn.auth-btn:hover{background:#fef5d1}.navbar .nav-menu .nav-btn.auth-btn.active{border-color:#d35400}.navbar .nav-user{background:#fff0f5;border:2px solid #ffd1df;border-radius:50px;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .6rem;display:flex}.navbar .nav-user .user-avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex;box-shadow:inset 0 2px 4px #0000000f}.navbar .nav-user .user-name{color:#ff4b8b;font-size:.9rem;font-weight:700}.navbar .nav-user .logout-btn{color:#718096}.navbar .nav-user .logout-btn:hover{color:#ff4b8b;transform:scale(1.1)}.story-card{cursor:pointer;background:#fff;border:4px solid #fff;border-radius:25px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000000f}.story-card:hover{border-color:#ffe3ee;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 24px #ff4b8b26}.story-card:hover .card-img{transform:scale(1.05)}.story-card .card-img-container{background:#eceff1;border-bottom:4px solid #fff0f5;height:180px;position:relative;overflow:hidden}.story-card .card-img-container .card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.story-card .card-img-container .card-badge{background:#ffffffe6;border:2px solid #fff;border-radius:50px;align-items:center;gap:.2rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000000d}.story-card .card-img-container .card-fav-btn{color:#718096;background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px #0000001a}.story-card .card-img-container .card-fav-btn:hover{transform:scale(1.15)}.story-card .card-img-container .card-fav-btn.is-favorite{color:#ff4b8b;animation:1s sparkle}.story-card .card-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.2rem;display:flex}.story-card .card-body .card-title{color:#2d3748;margin-bottom:.5rem;font-size:1.2rem;line-height:1.3}.story-card .card-body .card-desc{color:#718096;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.story-card .card-body .card-footer{border-top:2px dashed #fff0f5;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.8rem;display:flex}.story-card .card-body .card-footer .card-tag{color:#718096;background:#f3f4f6;border-radius:50px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.story-card .card-body .card-footer .card-play-btn{color:#fff;background:#ff4b8b;border-radius:50px;align-items:center;gap:.2rem;padding:.35rem .8rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 8px #ff4b8b33}.story-card .card-body .card-footer .card-play-btn:hover{background:#ff327b;box-shadow:0 6px 12px #ff4b8b4d}.home-page{animation:.5s ease-out pop-in}.home-page .welcome-banner{text-align:center;background:radial-gradient(circle at 100% 0,#fff4f7,#fffbf0);border:4px solid #ffe4ed;border-radius:25px;margin-bottom:3rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000000f}.home-page .welcome-banner .cloud-bg{opacity:.4;width:100px;animation:30s linear infinite cloud-slide;position:absolute;top:10%;left:5%}.home-page .welcome-banner .cloud-bg.cloud-right{width:130px;animation:25s linear infinite reverse cloud-slide;top:20%;left:auto;right:8%}.home-page .welcome-banner .banner-title{color:#ff4b8b;text-shadow:2px 2px #fff,4px 4px #0000000d;margin-bottom:1rem;font-size:3rem}.home-page .welcome-banner .banner-title span{color:#4dd0e1}.home-page .welcome-banner .banner-subtitle{color:#718096;max-width:600px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:700}.home-page .welcome-banner .banner-cta{color:#fff;background:#ff4b8b;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-family:Fredoka,sans-serif;font-size:1.4rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 10px 20px #ff4b8b4d}.home-page .welcome-banner .banner-cta:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 12px 24px #ff4b8b66}.home-page .home-section-title{color:#2d3748;text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.8rem;display:flex;position:relative}.home-page .home-section-title .title-icon{color:#ffd54f;animation:2s infinite pulse-slow}.home-page .categories-bubble-container{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.home-page .categories-bubble-container .category-bubble{color:#2d3748;background:#fff;border:3px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-family:Fredoka,sans-serif;font-size:1.1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px #0000000f}.home-page .categories-bubble-container .category-bubble:hover{transform:translateY(-4px)scale(1.05)}.home-page .categories-bubble-container .category-bubble.active{transform:scale(1.05);box-shadow:0 12px 24px #ff4b8b26}.home-page .categories-bubble-container .category-bubble.cat-magic{color:#e74c3c;background:#fdedec}.home-page .categories-bubble-container .category-bubble.cat-magic.active{border-color:#e74c3c}.home-page .categories-bubble-container .category-bubble.cat-animal{color:#16a085;background:#e8f8f5}.home-page .categories-bubble-container .category-bubble.cat-animal.active{border-color:#16a085}.home-page .categories-bubble-container .category-bubble.cat-space{color:#2980b9;background:#ebf5fb}.home-page .categories-bubble-container .category-bubble.cat-space.active{border-color:#2980b9}.home-page .categories-bubble-container .category-bubble.cat-bedtime{color:#8e44ad;background:#f4ecf7}.home-page .categories-bubble-container .category-bubble.cat-bedtime.active{border-color:#8e44ad}.home-page .categories-bubble-container .category-bubble.cat-adventure{color:#f39c12;background:#fef9e7}.home-page .categories-bubble-container .category-bubble.cat-adventure.active{border-color:#f39c12}.home-page .categories-bubble-container .category-bubble.cat-all{color:#7f8c8d;background:#f4f6f7}.home-page .categories-bubble-container .category-bubble.cat-all.active{border-color:#7f8c8d}.home-page .stories-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.home-page .home-pagination-container{justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;margin-bottom:2rem;display:flex}.home-page .home-pagination-container .pagination-btn{color:#ff4b8b;background:#fff;border:3px solid #fff0f5;border-radius:50px;align-items:center;gap:.3rem;padding:.5rem 1.4rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px #0000000f}.home-page .home-pagination-container .pagination-btn:hover{background:#fff0f5;border-color:#ffd1df;transform:scale(1.08)translateY(-2px)}.home-page .home-pagination-container .pagination-btn:active{transform:scale(.95)}.home-page .home-pagination-container .pagination-btn.disabled{opacity:.4;pointer-events:none}.home-page .home-pagination-container .pagination-fraction{color:#ff4b8b;background:#fff;border:3px solid #fff0f5;border-radius:50px;padding:.4rem 1.2rem;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700;box-shadow:inset 0 2px 4px #0000000f}.stories-catalog-page{animation:.5s ease-out pop-in}.stories-catalog-page .catalog-header{text-align:center;margin-bottom:2rem}.stories-catalog-page .catalog-header .catalog-title{color:#ff4b8b;margin-bottom:.5rem;font-size:2.5rem}.stories-catalog-page .catalog-header .catalog-desc{color:#718096;font-size:1.1rem;font-weight:700}.stories-catalog-page .filter-bar{background:#fff;border-radius:25px;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 8px 20px #0000000f}@media (width>=768px){.stories-catalog-page .filter-bar{flex-direction:row;justify-content:space-between}}.stories-catalog-page .filter-bar .search-input-wrapper{width:100%;max-width:400px;position:relative}.stories-catalog-page .filter-bar .search-input-wrapper .search-icon{color:#718096;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.stories-catalog-page .filter-bar .search-input-wrapper .search-input{background:#f8fafc;border:3px solid #e2e8f0;border-radius:50px;width:100%;padding:.8rem 1rem .8rem 2.8rem;font-size:1rem;transition:all .2s}.stories-catalog-page .filter-bar .search-input-wrapper .search-input:focus{background:#fff;border-color:#ff4b8b}.stories-catalog-page .filter-bar .filter-groups{flex-wrap:wrap;gap:1rem;display:flex}.stories-catalog-page .filter-bar .filter-groups .filter-select{color:#2d3748;cursor:pointer;background:#f8fafc;border:3px solid #e2e8f0;border-radius:50px;outline:none;padding:.6rem 1.2rem;font-family:Quicksand,sans-serif;font-weight:700}.stories-catalog-page .filter-bar .filter-groups .filter-select:focus{border-color:#ff4b8b}.stories-catalog-page .stories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;display:grid}.stories-catalog-page .no-results{text-align:center;background:#fff;border-radius:25px;padding:4rem 2rem;box-shadow:0 8px 20px #0000000f}.stories-catalog-page .no-results .no-results-icon{color:#718096;margin-bottom:1rem;font-size:3rem}.stories-catalog-page .no-results .no-results-text{color:#2d3748;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.stories-catalog-page .no-results .reset-btn{color:#fff;background:#ff4b8b;border-radius:50px;margin-top:1rem;padding:.6rem 1.5rem;font-weight:700;box-shadow:0 4px 10px #ff4b8b33}.favorites-page{animation:.5s ease-out pop-in}.favorites-page .favorites-header{text-align:center;margin-bottom:3rem}.favorites-page .favorites-header .favorites-title{color:#ff4b8b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2.5rem;display:inline-flex}.favorites-page .favorites-header .favorites-title .heart-icon{color:#ff4b8b;animation:2s infinite pulse-slow}.favorites-page .favorites-header .favorites-desc{color:#718096;font-size:1.1rem;font-weight:700}.favorites-page .empty-favorites{text-align:center;background:#fff;border:4px dashed #ffd1df;border-radius:25px;max-width:600px;margin:0 auto;padding:4rem 2rem;box-shadow:0 8px 20px #0000000f}.favorites-page .empty-favorites .empty-icon{color:#ffd1df;margin-bottom:1rem;font-size:4rem}.favorites-page .empty-favorites .empty-title{color:#2d3748;margin-bottom:.5rem;font-size:1.5rem}.favorites-page .empty-favorites .browse-btn{color:#fff;background:#4dd0e1;border-radius:50px;margin-top:1.5rem;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-block;box-shadow:0 6px 15px #4dd0e140}.favorites-page .empty-favorites .browse-btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #4dd0e159}.favorites-page .stories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;display:grid}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:1rem;animation:.5s ease-out pop-in;display:flex}.auth-page .auth-card{text-align:center;background:#fff;border:4px solid #fff5f7;border-radius:25px;width:100%;max-width:500px;padding:2.5rem 2rem;position:relative;box-shadow:0 15px 35px #0000000f}.auth-page .auth-card .auth-tab-buttons{background:#f3f4f6;border-radius:50px;margin-bottom:2rem;padding:.3rem;display:flex}.auth-page .auth-card .auth-tab-buttons .tab-btn{color:#718096;border-radius:50px;flex:1;padding:.6rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s}.auth-page .auth-card .auth-tab-buttons .tab-btn.active{color:#ff4b8b;background:#fff;box-shadow:0 4px 10px #0000000d}.auth-page .auth-card .auth-title{color:#ff4b8b;margin-bottom:.5rem;font-size:2rem}.auth-page .auth-card .auth-subtitle{color:#718096;margin-bottom:2rem;font-size:.95rem;font-weight:700}.auth-page .auth-card .auth-form{flex-direction:column;gap:1.2rem;display:flex}.auth-page .auth-card .auth-form .form-group{text-align:left}.auth-page .auth-card .auth-form .form-group .form-label{color:#2d3748;margin-bottom:.4rem;margin-left:.5rem;font-family:Fredoka,sans-serif;font-size:1rem;display:block}.auth-page .auth-card .auth-form .form-group .form-input{background:#f8fafc;border:3px solid #e2e8f0;border-radius:50px;width:100%;padding:.8rem 1.2rem;font-size:1.05rem;transition:all .2s}.auth-page .auth-card .auth-form .form-group .form-input:focus{background:#fff;border-color:#ff4b8b}.auth-page .auth-card .auth-form .avatar-selector{margin-bottom:1rem}.auth-page .auth-card .auth-form .avatar-selector .avatar-label{color:#2d3748;text-align:left;margin-bottom:.5rem;margin-left:.5rem;font-family:Fredoka,sans-serif;font-size:1rem;display:block}.auth-page .auth-card .auth-form .avatar-selector .avatar-grid{grid-template-columns:repeat(6,1fr);gap:.6rem;display:grid}.auth-page .auth-card .auth-form .avatar-selector .avatar-grid .avatar-option{background:#f8fafc;border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.auth-page .auth-card .auth-form .avatar-selector .avatar-grid .avatar-option:hover{background:#fff0f5;transform:scale(1.15)}.auth-page .auth-card .auth-form .avatar-selector .avatar-grid .avatar-option.selected{background:#fff0f5;border-color:#ff4b8b;transform:scale(1.15);box-shadow:0 4px 10px #ff4b8b33}.auth-page .auth-card .auth-form .auth-submit-btn{color:#fff;background:#ff4b8b;border-radius:50px;margin-top:1rem;padding:.8rem;font-family:Fredoka,sans-serif;font-size:1.3rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 15px #ff4b8b40}.auth-page .auth-card .auth-form .auth-submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #ff4b8b59}.story-viewer-page{padding:1rem 0;animation:.5s ease-out pop-in}.story-viewer-page .viewer-back-btn{color:#ff4b8b;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #0000000f}.story-viewer-page .viewer-back-btn:hover{border-color:#ff4b8b;transform:translate(-5px)}.story-viewer-page .book-container{background:#fff;border:12px solid #fff;border-radius:30px;max-width:900px;margin:0 auto;transition:background-color .5s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000001f}.story-viewer-page .book-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;position:absolute;top:0;left:0;right:0}.story-viewer-page .book-header .viewer-decoration{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ffd54f;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;animation:4s linear infinite sparkle;display:flex;box-shadow:0 4px 10px #0000000d}.story-viewer-page .book-header .story-title-pill{text-align:center;pointer-events:auto;background:#fff;border:3px solid #ffd1df;border-radius:50px;max-width:70%;padding:.6rem 2rem;box-shadow:0 4px 15px #0000000d}.story-viewer-page .book-header .story-title-pill .story-title-text{color:#ff4b8b;white-space:nowrap;text-overflow:ellipsis;font-family:Fredoka,sans-serif;font-size:1.2rem;overflow:hidden}.story-viewer-page .book-header .audio-speech-btn{pointer-events:auto;color:#2d3748;background:#fff;border:3px solid #fff5f7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:all .25s cubic-bezier(.175,.885,.32,1.35);display:flex;box-shadow:0 6px 15px #00000014}.story-viewer-page .book-header .audio-speech-btn:hover{color:#ff4b8b;border-color:#ff4b8b;transform:scale(1.18)rotate(8deg)}.story-viewer-page .book-header .audio-speech-btn.playing{color:#ff4b8b;background:#fff0f5;border-color:#ff4b8b;animation:1.5s infinite success-pulse}.story-viewer-page .book-header .audio-speech-btn.fullscreen-toggle-btn.active{color:#16a085;background:#e8f8f5;border-color:#a2e8dd}.story-viewer-page .slide-stage{background:#eceff1;justify-content:center;align-items:center;height:450px;display:flex;position:relative;overflow:hidden}@media (width<=768px){.story-viewer-page .slide-stage{height:350px}}@media (width<=480px){.story-viewer-page .slide-stage{height:250px}}.story-viewer-page .slide-stage .slide-image{object-fit:cover;width:100%;height:100%}.story-viewer-page .slide-stage .nav-arrow{z-index:10;color:#fff;cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.6rem;transition:all .25s cubic-bezier(.175,.885,.32,1.35);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.story-viewer-page .slide-stage .nav-arrow:hover{transform:translateY(-50%)scale(1.22)}.story-viewer-page .slide-stage .nav-arrow:active{transform:translateY(-50%)scale(.9)}.story-viewer-page .slide-stage .nav-arrow.prev-arrow{background:#4dd0e1;animation:2.5s ease-in-out infinite bubble-bounce-left;left:20px;box-shadow:0 8px 20px #4dd0e173}.story-viewer-page .slide-stage .nav-arrow.prev-arrow:hover{transform:translateY(-50%)scale(1.22)rotate(-6deg)}.story-viewer-page .slide-stage .nav-arrow.next-arrow{background:#ff4b8b;animation:2.5s ease-in-out infinite bubble-bounce-right;right:20px;box-shadow:0 8px 20px #ff4b8b73}.story-viewer-page .slide-stage .nav-arrow.next-arrow:hover{transform:translateY(-50%)scale(1.22)rotate(6deg)}.story-viewer-page .slide-text-overlay{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#fffffff2;border:4px solid #ffd1df;border-radius:25px;justify-content:center;align-items:center;gap:1rem;padding:1.2rem 2.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in-bounce;display:flex;position:absolute;bottom:102px;left:10%;right:10%;box-shadow:0 12px 35px #ff4b8b1f}.story-viewer-page .slide-text-overlay .sparkle-icon{color:#ff4b8b;font-size:1.8rem;animation:2.5s ease-in-out infinite float}.story-viewer-page .slide-text-overlay .slide-text{color:#3f2b96;text-shadow:0 2px #ffffffd9;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.4}@media (width<=768px){.story-viewer-page .slide-text-overlay .slide-text{font-size:1.4rem}}@media (width<=480px){.story-viewer-page .slide-text-overlay .slide-text{font-size:1.2rem}}.story-viewer-page .book-footer-controls{background:#fff;border-top:4px solid #fff5f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.2rem 2rem;display:flex}@media (width<=768px){.story-viewer-page .book-footer-controls{justify-content:center;padding:1rem}}.story-viewer-page .book-footer-controls .dots-container{gap:.5rem;display:flex}.story-viewer-page .book-footer-controls .dots-container .dot{background:#fadbd8;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.story-viewer-page .book-footer-controls .dots-container .dot.active{background:#ff4b8b;transform:scale(1.3);box-shadow:0 0 8px #ff4b8b66}.story-viewer-page .book-footer-controls .dots-container .dot:hover{background:#f4b1ab;transform:scale(1.1)}.story-viewer-page .book-footer-controls .fraction-indicator{color:#ff4b8b;align-items:center;gap:.3rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.story-viewer-page .book-footer-controls .fraction-indicator .book-icon{color:#718096;font-size:1.2rem}.story-viewer-page .book-footer-controls .quick-jump-controls{align-items:center;gap:.5rem;display:flex}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-btn{color:#ff4b8b;background:#fadbd8;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;display:flex}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-btn:hover{color:#fff;background:#ff4b8b;transform:scale(1.1)}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-btn.disabled{opacity:.4;pointer-events:none}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-input{text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50px;width:70px;padding:.4rem .6rem;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:700}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-input:focus{border-color:#ff4b8b}.story-viewer-page .book-footer-controls .quick-jump-controls .go-btn{color:#6a1b9a;background:#ce93d8;border-radius:50px;padding:.4rem 1rem;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:700;box-shadow:0 2px 5px #ce93d833}.story-viewer-page .book-footer-controls .quick-jump-controls .go-btn:hover{color:#fff;background:#ba68c8}.story-viewer-page .story-finished-overlay{z-index:100;text-align:center;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex;position:absolute;inset:0}.story-viewer-page .story-finished-overlay .trophy-icon{color:#ffd54f;margin-bottom:1.5rem;font-size:4.5rem;animation:1.5s infinite pulse-slow}.story-viewer-page .story-finished-overlay .congrats-title{color:#ff4b8b;margin-bottom:.5rem;font-size:2.5rem}.story-viewer-page .story-finished-overlay .congrats-text{color:#718096;margin-bottom:2rem;font-size:1.25rem;font-weight:700}.story-viewer-page .story-finished-overlay .finish-action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.story-viewer-page .story-finished-overlay .finish-action-buttons .finish-btn{border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.story-viewer-page .story-finished-overlay .finish-action-buttons .finish-btn.replay-btn{color:#16a085;background:#e8f8f5}.story-viewer-page .story-finished-overlay .finish-action-buttons .finish-btn.replay-btn:hover{background:#d1f2eb}.story-viewer-page .story-finished-overlay .finish-action-buttons .finish-btn.back-catalog-btn{color:#fff;background:#ff4b8b;box-shadow:0 4px 10px #ff4b8b33}.story-viewer-page .story-finished-overlay .finish-action-buttons .finish-btn.back-catalog-btn:hover{background:#ff327b}.kids-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e268c;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}.kids-modal-content{text-align:center;background:#fff;border:6px solid #fff;border-radius:25px;width:100%;max-width:480px;padding:3.5rem 2.2rem 2.5rem;transition:all .3s;animation:.5s cubic-bezier(.175,.885,.32,1.35) pop-in-bounce;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.kids-modal-content.modal-finish{background:linear-gradient(135deg,#fff9ff 0%,#f3e5f5 100%);border-color:#ba68c8;box-shadow:0 20px 40px #ba68c859}.kids-modal-content.modal-finish .modal-icon{animation:2.2s ease-in-out infinite float}.kids-modal-content.modal-success{background:linear-gradient(135deg,#f4fdf5 0%,#e8f5e9 100%);border-color:#4caf50;box-shadow:0 20px 40px #4caf5059}.kids-modal-content.modal-success .modal-icon{animation:1.8s ease-in-out infinite success-pulse}.kids-modal-content.modal-error{background:linear-gradient(135deg,#fff8f8 0%,#ffebee 100%);border-color:#f44336;animation:.5s cubic-bezier(.175,.885,.32,1.35) shake-in-bounce;box-shadow:0 20px 40px #f4433659}.kids-modal-content.modal-error .modal-icon{animation:.4s ease-in-out infinite alternate wiggle}.kids-modal-content.modal-info{background:linear-gradient(135deg,#f5fdff 0%,#e1f5fe 100%);border-color:#03a9f4;box-shadow:0 20px 40px #03a9f459}.kids-modal-content.modal-info .modal-icon{animation:3s ease-in-out infinite float}.kids-modal-content .modal-close-btn{color:#718096;z-index:10;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.kids-modal-content .modal-close-btn:hover{color:#ff4b8b;background:#0000000d;transform:scale(1.15)rotate(90deg)}.kids-modal-content .modal-icon-container{z-index:5;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex;position:relative}.kids-modal-content .modal-icon-container .modal-icon{font-size:5rem;line-height:1;display:inline-block}.kids-modal-content .modal-icon-container .modal-sparkle{font-size:2.5rem;animation:2s linear infinite sparkle;position:absolute;top:-12px;right:-18px}.kids-modal-content .modal-title{color:#2d3748;text-shadow:0 2px 4px #00000005;z-index:5;margin-bottom:.8rem;font-family:Fredoka,sans-serif;font-size:2.1rem;position:relative}.kids-modal-content .modal-message{color:#718096;z-index:5;margin-bottom:2.2rem;font-size:1.15rem;font-weight:700;line-height:1.6;position:relative}.kids-modal-content .modal-actions{z-index:5;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.kids-modal-content .modal-actions .modal-ok-btn{color:#fff;background:#ff4b8b;border-radius:50px;padding:.7rem 2.2rem;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 12px #ff4b8b40}.kids-modal-content .modal-actions .modal-ok-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 18px #ff4b8b59}.kids-modal-content .modal-actions .modal-btn{border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;transition:all .2s;display:flex}.kids-modal-content .modal-actions .modal-btn.replay-btn{color:#16a085;background:#e8f8f5;border:3px solid #a2e8dd}.kids-modal-content .modal-actions .modal-btn.replay-btn:hover{background:#d1f2eb;transform:translateY(-2px)}.kids-modal-content .modal-actions .modal-btn.back-catalog-btn{color:#fff;background:#ff4b8b;border:3px solid #0000;box-shadow:0 4px 10px #ff4b8b33}.kids-modal-content .modal-actions .modal-btn.back-catalog-btn:hover{background:#ff327b;transform:translateY(-2px)}.kids-modal-content .payment-modal-actions{z-index:5;justify-content:center;gap:1rem;width:100%;margin-top:1.5rem;display:flex;position:relative}.kids-modal-content .payment-modal-actions .subscribe-confirm-btn{color:#fff;background:#4caf50;border-radius:50px;padding:.75rem 2rem;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 12px #4caf5040}.kids-modal-content .payment-modal-actions .subscribe-confirm-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 18px #4caf5059}.kids-modal-content .payment-modal-actions .subscribe-cancel-btn{color:#2d3748;background:#e2e8f0;border-radius:50px;padding:.75rem 2rem;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;transition:all .2s}.kids-modal-content .payment-modal-actions .subscribe-cancel-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.kids-modal-content .payment-math-form{z-index:5;flex-direction:column;align-items:center;gap:1.2rem;width:100%;display:flex;position:relative}.kids-modal-content .payment-math-form .payment-input{text-align:center;background:#f8fafc;border:3px solid #e2e8f0;border-radius:50px;max-width:220px;padding:.7rem 1.2rem;font-size:1.4rem;font-weight:700;transition:all .2s}.kids-modal-content .payment-math-form .payment-input:focus{background:#fff;border-color:#ff4b8b}.kids-modal-content .modal-deco-particle{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.22;z-index:1;font-size:2rem;transition:all .3s;position:absolute}.kids-modal-content .modal-deco-particle.particle-1{animation:5s ease-in-out infinite particle-float-1;top:12%;left:8%}.kids-modal-content .modal-deco-particle.particle-2{animation:7s ease-in-out infinite particle-float-2;top:15%;right:10%}.kids-modal-content .modal-deco-particle.particle-3{animation:6s ease-in-out infinite particle-float-3;bottom:15%;left:10%}.kids-modal-content .modal-deco-particle.particle-4{animation:8s ease-in-out infinite particle-float-1;bottom:12%;right:12%}.kids-modal-content .modal-deco-particle.particle-5{font-size:1.5rem;animation:9s ease-in-out infinite particle-float-2;top:40%;left:5%}.kids-modal-content .modal-deco-particle.particle-6{font-size:1.6rem;animation:8s ease-in-out infinite particle-float-3;top:50%;right:6%}.kids-modal-content .modal-deco-particle.particle-7{opacity:.12;font-size:1.3rem;animation:10s ease-in-out infinite particle-float-1;bottom:42%;left:45%}@keyframes particle-float-1{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-18px)rotate(180deg)scale(1.15)}to{transform:translateY(0)rotate(360deg)scale(1)}}@keyframes particle-float-2{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(22px)rotate(-180deg)scale(.85)}to{transform:translateY(0)rotate(-360deg)scale(1)}}@keyframes particle-float-3{0%{transform:translate(0)scale(1)}50%{transform:translate(18px,-12px)scale(1.2)}to{transform:translate(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in-bounce{0%{opacity:0;transform:scale(.6)translateY(50px)}70%{opacity:.9;transform:scale(1.06)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shake-in-bounce{0%{opacity:0;transform:scale(.6)translateY(50px)rotate(0)}30%{transform:scale(.95)translateY(0)rotate(-8deg)}50%{transform:scale(1.05)rotate(6deg)}70%{transform:scale(.98)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes success-pulse{0%{transform:scale(1)}50%{filter:drop-shadow(0 6px 12px #4caf504d);transform:scale(1.15)rotate(6deg)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)scale(1.08)}75%{transform:rotate(8deg)scale(1.08)}}@keyframes bubble-bounce-left{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.08)rotate(-4deg)}}@keyframes bubble-bounce-right{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.08)rotate(4deg)}}.footer{z-index:10;background:#fffbf5;border-top:4px solid #ffebef;margin-top:auto;padding-top:1rem;position:relative}.footer .footer-wave{width:100%;height:52px;line-height:0;position:absolute;top:-50px;left:0;overflow:hidden;transform:rotate(180deg)}.footer .footer-wave svg{fill:#fffbf5;width:100%;height:100%}.footer .footer-inner{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem}.footer .footer-grid{grid-template-columns:2fr 1fr 2fr;gap:3rem;margin-bottom:2.5rem;display:grid}.footer .footer-brand .footer-logo{color:#ff4b8b;align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:1.8rem;font-weight:700;display:flex}.footer .footer-brand .footer-logo .star-logo{color:#ffd54f;animation:3s linear infinite sparkle;display:inline-block}.footer .footer-brand .footer-desc{color:#718096;max-width:400px;font-size:.95rem;font-weight:500;line-height:1.6}.footer .footer-links-group .footer-title{color:#2d3748;margin-bottom:1rem;font-family:Fredoka,sans-serif;font-size:1.3rem;position:relative}.footer .footer-links-group .footer-links{color:#718096;flex-direction:column;gap:.8rem;font-weight:700;display:flex}.footer .footer-links-group .footer-links a{transition:all .2s;display:inline-block}.footer .footer-links-group .footer-links a:hover{color:#ff4b8b;transform:translate(5px)}.footer .footer-mascots .footer-title{color:#2d3748;margin-bottom:1rem;font-family:Fredoka,sans-serif;font-size:1.3rem}.footer .footer-mascots .mascot-row{gap:1rem;margin-bottom:1rem;display:flex}.footer .footer-mascots .mascot-row .footer-mascot{cursor:pointer;font-size:2.2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.footer .footer-mascots .mascot-row .footer-mascot:hover{transform:scale(1.3)translateY(-6px)rotate(8deg)}.footer .footer-mascots .footer-parent-note{color:#718096;background:#fff0f5;border:3px dashed #ffd1df;border-radius:18px;padding:.8rem 1rem;font-size:.85rem;line-height:1.5}.footer .footer-bottom{text-align:center;border-top:3px dashed #fff0f5;padding-top:1.5rem}.footer .footer-bottom .footer-copy{color:#718096;justify-content:center;align-items:center;gap:.3rem;font-size:.9rem;font-weight:700;display:flex}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen,.book-container.is-fullscreen-mode:-webkit-full-screen){flex-direction:column;justify-content:space-between;display:flex;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important;padding:0!important}:is(.book-container.is-fullscreen-mode:fullscreen,.book-container.is-fullscreen-mode:fullscreen){flex-direction:column;justify-content:space-between;display:flex;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important;padding:0!important}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen .book-header,.book-container.is-fullscreen-mode:-webkit-full-screen .book-header){pointer-events:auto;background:#fffffff2;border-bottom:4px solid #fff0f5;padding:1rem 2rem;position:relative!important}:is(.book-container.is-fullscreen-mode:fullscreen .book-header,.book-container.is-fullscreen-mode:fullscreen .book-header){pointer-events:auto;background:#fffffff2;border-bottom:4px solid #fff0f5;padding:1rem 2rem;position:relative!important}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen .book-header .story-title-pill,.book-container.is-fullscreen-mode:-webkit-full-screen .book-header .story-title-pill){max-width:75%}:is(.book-container.is-fullscreen-mode:fullscreen .book-header .story-title-pill,.book-container.is-fullscreen-mode:fullscreen .book-header .story-title-pill){max-width:75%}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen .slide-stage,.book-container.is-fullscreen-mode:-webkit-full-screen .slide-stage){flex:1;background:#111!important;height:auto!important;max-height:none!important}:is(.book-container.is-fullscreen-mode:fullscreen .slide-stage,.book-container.is-fullscreen-mode:fullscreen .slide-stage){flex:1;background:#111!important;height:auto!important;max-height:none!important}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen .slide-stage .slide-image,.book-container.is-fullscreen-mode:-webkit-full-screen .slide-stage .slide-image){object-fit:contain;max-height:70vh}:is(.book-container.is-fullscreen-mode:fullscreen .slide-stage .slide-image,.book-container.is-fullscreen-mode:fullscreen .slide-stage .slide-image){object-fit:contain;max-height:70vh}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen .slide-text-overlay,.book-container.is-fullscreen-mode:-webkit-full-screen .slide-text-overlay){z-index:100;background:#fffffff2;border:4px solid #ff4b8b;position:absolute;bottom:120px;left:15%;right:15%}:is(.book-container.is-fullscreen-mode:fullscreen .slide-text-overlay,.book-container.is-fullscreen-mode:fullscreen .slide-text-overlay){z-index:100;background:#fffffff2;border:4px solid #ff4b8b;position:absolute;bottom:120px;left:15%;right:15%}:-webkit-any(.book-container.is-fullscreen-mode:fullscreen .book-footer-controls,.book-container.is-fullscreen-mode:-webkit-full-screen .book-footer-controls){background:#fff;border-top:4px solid #fff0f5;padding:1rem 3rem}:is(.book-container.is-fullscreen-mode:fullscreen .book-footer-controls,.book-container.is-fullscreen-mode:fullscreen .book-footer-controls){background:#fff;border-top:4px solid #fff0f5;padding:1rem 3rem}.fullscreen-toggle-btn.active{color:#16a085;background:#e8f8f5;border-color:#a2e8dd}.fullscreen-toggle-btn:hover{transform:scale(1.15)rotate(5deg)}.rotate-hint-overlay{z-index:20000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#212529eb;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.rotate-hint-overlay .rotate-hint-bubble{text-align:center;background:#fff9fa;border:5px solid #ff4b8b;border-radius:25px;width:100%;max-width:320px;padding:2.2rem 1.5rem 1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #ff4b8b4d}.rotate-hint-overlay .rotate-hint-bubble .rotate-icon{margin-bottom:1rem;font-size:4rem;animation:2.5s ease-in-out infinite float;display:block}.rotate-hint-overlay .rotate-hint-bubble .rotate-title{color:#ff4b8b;margin-bottom:.6rem;font-family:Fredoka,sans-serif;font-size:1.6rem}.rotate-hint-overlay .rotate-hint-bubble .rotate-text{color:#718096;margin-bottom:1.8rem;font-size:.95rem;font-weight:700;line-height:1.5}.rotate-hint-overlay .rotate-hint-bubble .rotate-close-btn{color:#2d3748;background:#e2e8f0;border-radius:50px;padding:.5rem 1.5rem;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:inset 0 2px 4px #0000000f}.rotate-hint-overlay .rotate-hint-bubble .rotate-close-btn:hover{background:#cbd5e1;transform:scale(1.05)}@media (width<=768px){.kids-modal-content{border-width:4px;padding:2.2rem 1.2rem 1.8rem}.kids-modal-content .modal-title{font-size:1.5rem}.kids-modal-content .modal-message{margin-bottom:1.5rem;font-size:.95rem}.kids-modal-content .modal-icon-container .modal-icon{font-size:3.5rem}.kids-modal-content .modal-icon-container .modal-sparkle{font-size:1.8rem}.main-content{padding:1rem .8rem}.navbar{padding:.6rem 1rem}.navbar .nav-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:0}.navbar .nav-logo{font-size:1.3rem}.navbar .nav-logo span:last-child{display:none}.navbar .nav-menu{justify-content:flex-end;gap:.4rem;width:auto}.navbar .nav-menu .nav-btn{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:.5rem;display:flex}.navbar .nav-menu .nav-btn span{display:none}.navbar .nav-menu .nav-btn svg{margin:0}.navbar .nav-user{gap:.3rem;padding:.3rem .6rem}.navbar .nav-user .user-name{display:none}.navbar .nav-user .user-avatar{width:28px;height:28px;font-size:1.1rem}.home-page .welcome-banner{margin-bottom:2rem;padding:1.8rem 1.2rem}.home-page .welcome-banner .banner-title{font-size:1.8rem}.home-page .welcome-banner .banner-subtitle{margin-bottom:1.2rem;font-size:.9rem}.home-page .welcome-banner .banner-cta{padding:.6rem 1.4rem;font-size:1.1rem}.home-page .home-section-title{margin-bottom:1rem;font-size:1.4rem}.home-page .categories-bubble-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.6rem;margin-bottom:1.5rem;padding:.5rem .2rem 1rem;overflow-x:auto}.home-page .categories-bubble-container::-webkit-scrollbar{display:none}.home-page .categories-bubble-container{-ms-overflow-style:none;scrollbar-width:none}.home-page .categories-bubble-container .category-bubble{scroll-snap-align:start;flex:none;padding:.6rem 1.2rem;font-size:.95rem}.home-page .stories-grid{gap:1.2rem}.home-page .home-pagination-container{gap:.8rem;margin-top:1.5rem;margin-bottom:1rem}.home-page .home-pagination-container .pagination-btn{padding:.4rem .8rem;font-size:.95rem}.home-page .home-pagination-container .pagination-fraction{padding:.35rem .9rem;font-size:1.05rem}.story-viewer-page .book-container{border-width:4px;border-radius:20px}.story-viewer-page .book-header{background:#fff;border-bottom:3px solid #fff0f5;padding:.8rem 1rem;position:relative}.story-viewer-page .book-header .story-title-pill{border-width:2px;max-width:65%;padding:.4rem 1.2rem}.story-viewer-page .book-header .story-title-pill .story-title-text{font-size:.95rem}.story-viewer-page .book-header .audio-speech-btn,.story-viewer-page .book-header .viewer-decoration{width:34px;height:34px;font-size:1rem}.story-viewer-page .slide-stage{aspect-ratio:4/3;height:auto;min-height:220px;max-height:320px}.story-viewer-page .slide-stage .nav-arrow{opacity:.95;border-width:3px;width:52px;height:52px;font-size:1.25rem}.story-viewer-page .slide-stage .nav-arrow.prev-arrow{left:10px;background:#4dd0e1!important}.story-viewer-page .slide-stage .nav-arrow.next-arrow{right:10px;background:#ff4b8b!important}.story-viewer-page .slide-text-overlay{background:#fff9fa;border:4px solid #ffd1df;border-radius:20px;margin:1.5rem 1rem;padding:1rem 1.5rem;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 6px 15px #ff4b8b14}.story-viewer-page .slide-text-overlay .slide-text{color:#3f2b96;text-shadow:0 1px #ffffffe6;font-family:Fredoka,sans-serif;font-size:1.4rem;line-height:1.4}.story-viewer-page .book-footer-controls{border-top:3px solid #fff5f7;flex-direction:column;gap:.8rem;padding:1rem}.story-viewer-page .book-footer-controls .dots-container{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%}.story-viewer-page .book-footer-controls .dots-container .dot{width:10px;height:10px}.story-viewer-page .book-footer-controls .fraction-indicator{font-size:.95rem}.story-viewer-page .book-footer-controls .quick-jump-controls{justify-content:center;width:100%}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-btn{width:28px;height:28px;font-size:.9rem}.story-viewer-page .book-footer-controls .quick-jump-controls .jump-input{width:60px;padding:.3rem .5rem;font-size:.85rem}.story-viewer-page .book-footer-controls .quick-jump-controls .go-btn{padding:.3rem .8rem;font-size:.8rem}.story-viewer-page .story-finished-overlay{padding:1.5rem 1rem}.story-viewer-page .story-finished-overlay .trophy-icon{margin-bottom:1rem;font-size:3rem}.story-viewer-page .story-finished-overlay .congrats-title{font-size:1.8rem}.story-viewer-page .story-finished-overlay .congrats-text{margin-bottom:1.5rem;font-size:1rem}.story-viewer-page .story-finished-overlay .finish-action-buttons{gap:.8rem}.story-viewer-page .story-finished-overlay .finish-action-buttons .finish-btn{padding:.6rem 1.2rem;font-size:.95rem}.stories-catalog-page .catalog-header{margin-bottom:1.5rem}.stories-catalog-page .catalog-header .catalog-title{font-size:1.8rem}.stories-catalog-page .catalog-header .catalog-desc{font-size:.9rem}.stories-catalog-page .filter-bar{gap:.8rem;padding:1rem}.stories-catalog-page .filter-bar .search-input-wrapper{max-width:100%}.stories-catalog-page .filter-bar .filter-groups{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.stories-catalog-page .filter-bar .filter-groups .filter-select{width:100%;padding:.5rem;font-size:.85rem}.auth-page .auth-card{padding:1.5rem 1.2rem}.auth-page .auth-card .auth-title{font-size:1.6rem}.auth-page .auth-card .avatar-selector .avatar-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.auth-page .auth-card .avatar-selector .avatar-grid .avatar-option{width:44px;height:44px;font-size:1.6rem}.footer{padding-top:.5rem}.footer .footer-wave{height:40px;top:-38px}.footer .footer-inner{padding:1.5rem 1rem}.footer .footer-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.footer .footer-brand .footer-logo{justify-content:center}.footer .footer-brand .footer-desc{margin:0 auto}.footer .footer-mascots .mascot-row{justify-content:center}.footer .footer-bottom{padding-top:1rem}.footer .footer-bottom .footer-copy{flex-direction:column;gap:.2rem;font-size:.8rem}}@media (width<=768px) and (orientation:landscape){.navbar,.footer{display:none!important}.main-content{max-width:100%!important;margin:0!important;padding:0!important}.book-container{flex-direction:column;justify-content:space-between;height:100vh;display:flex;border-width:0!important;border-radius:0!important}.book-container .book-header{background:#fff;border-bottom:2px solid #fff0f5;padding:.4rem 1rem;position:relative!important}.book-container .book-header .story-title-pill{border-width:2px;max-width:60%;padding:.2rem .8rem}.book-container .book-header .story-title-pill .story-title-text{font-size:.85rem}.book-container .book-header .audio-speech-btn,.book-container .book-header .viewer-decoration{width:32px;height:32px;font-size:.9rem}.book-container .slide-stage{flex:1;aspect-ratio:auto!important;height:auto!important;max-height:none!important}.book-container .slide-stage .slide-image{object-fit:contain;height:60vh!important}.book-container .slide-stage .nav-arrow{border-width:3px;width:48px;height:48px;font-size:1.2rem}.book-container .slide-stage .nav-arrow.prev-arrow{background:#4dd0e1!important}.book-container .slide-stage .nav-arrow.next-arrow{background:#ff4b8b!important}.book-container .slide-text-overlay{background:#fffffff2;border:3px solid #ffd1df;position:absolute;bottom:52px;left:10%;right:10%;margin:0!important;padding:.5rem 1.2rem!important}.book-container .slide-text-overlay .slide-text{color:#3f2b96;text-shadow:0 1px #ffffffe6;font-family:Fredoka,sans-serif;font-size:1.25rem;line-height:1.3}.book-container .book-footer-controls{padding:.4rem 1rem!important}}