:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--dark:#2c3e50;--light:#f7f9fc;--bg:#f7f9fc;--text:#2c3e50;--surface:#fff;--surface-hover:#edf1f7;--header-bg:#ff6b6b;--nav-btn-active:#fff3;--font-family:"Comic Sans MS","Chalkboard SE",sans-serif}[data-theme=dark]{--bg:#1a2639;--text:#f7f9fc;--surface:#2c3e50;--surface-hover:#34495e;--header-bg:#2c3e50;--nav-btn-active:#ffffff1a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;background-color:var(--bg);color:#2c3e50;color:var(--text);font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-family:var(--font-family);margin:0;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .alphabet-card,[data-theme=dark] .big-button,[data-theme=dark] .color-card,[data-theme=dark] .rhyme-detail-container{filter:saturate(.85) brightness(.95)}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-content>*{animation:fadeInUp .4s ease-out forwards}.big-button{-webkit-tap-highlight-color:transparent;align-items:center;aspect-ratio:1;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.5rem;font-weight:700;justify-content:center;outline:none;padding:20px;text-transform:uppercase;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;width:100%}.big-button:active{box-shadow:0 2px 4px #0000001a;transform:scale(.95)}.big-button-content{flex-direction:column;gap:10px}.big-button-content,.big-button-icon{align-items:center;display:flex;justify-content:center}.big-button-icon{font-size:3rem}.big-button-label{text-shadow:1px 1px 0 #0000001a}.layout-container{background-color:var(--bg);flex-direction:column;min-height:100vh;overflow-x:hidden}.app-header,.layout-container{display:flex;position:relative}.app-header{align-items:center;background-color:var(--header-bg);box-shadow:0 2px 4px #0000001a;color:#fff;height:70px;justify-content:space-between;padding:10px 20px;transition:background-color .3s ease;z-index:10}.header-left,.header-right{align-items:center;display:flex;gap:10px;width:120px}.header-right{justify-content:flex-end}.logo-container{align-items:center;cursor:pointer;display:flex;transition:transform .2s ease}.logo-container:hover{transform:scale(1.05)}.app-logo{background-color:#fff;border:2px solid #fff;border-radius:50%;height:50px;object-fit:contain;width:50px}.page-title{flex-grow:1;font-size:1.5rem;letter-spacing:1px;margin:0;text-align:center;text-transform:uppercase}.nav-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.nav-button:active{background-color:var(--nav-btn-active)}.app-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.app-footer{background-color:initial;flex-direction:column;font-size:.9rem;font-weight:500;gap:15px;margin-top:auto;padding:30px 15px;text-align:center}.app-footer,.theme-toggle{align-items:center;color:var(--text);display:flex}.theme-toggle{background:var(--surface);border:2px solid var(--header-bg);border-radius:50px;box-shadow:0 4px 10px #0000001a;cursor:pointer;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s ease}.theme-toggle:active{transform:scale(.95)}.stars-bg{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:-1}[data-theme=dark] .stars-bg{opacity:1}.star{animation:twinkle-stars var(--duration) infinite ease-in-out;background:#fff;border-radius:50%;opacity:.5;position:absolute}@keyframes twinkle-stars{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.app-footer p{margin:0;opacity:.8}.home-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:600px;padding:10px 0;width:100%}@media (min-width:600px){.home-grid{grid-template-columns:repeat(2,1fr)}}.alphabets-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:0 auto;max-width:800px;padding-bottom:20px;width:100%}.alphabet-button .big-button-label{font-size:2rem}.alphabet-detail-container{border-radius:20px;color:#fff;flex:1 1;justify-content:center;overflow:hidden;padding:0 0 20px;position:relative;text-align:center;transform:translateZ(0);transition:background-color .4s ease-out;will-change:background-color}.alphabet-detail-container,.detail-card{align-items:center;display:flex;flex-direction:column}.detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff2e;border-radius:30px;box-shadow:0 8px 32px 0 #1f26875e;gap:20px;margin-bottom:20px;max-width:400px;padding:40px;transform:perspective(1000px) rotateX(0deg);transition:transform .3s;width:100%}.detail-letter{font-size:8rem;font-weight:900;line-height:1;text-shadow:4px 4px 0 #0000001a}.detail-emoji{animation:bounce 2s infinite;font-size:6rem}.detail-word{font-size:3rem;font-weight:700}.speak-button{background:#fff;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:var(--dark);cursor:pointer;font-size:1.2rem;font-weight:700;padding:10px 20px}.speak-button:active{transform:scale(.95)}.detail-controls{display:flex;justify-content:space-between;max-width:400px;width:100%}.nav-arrow{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:background .2s;width:60px}.nav-arrow:active{background:#ffffff80}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.colors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0 auto;width:100%}.color-card{align-items:center;aspect-ratio:1;border:none;border-radius:50%;box-shadow:0 4px 10px #0003;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;text-shadow:0 2px 4px #0000004d;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.color-card:active{transform:scale(.9)}.color-label{opacity:0;transition:opacity .3s}.color-card:active .color-label,.color-card:hover .color-label{opacity:1}.words-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:800px;padding-bottom:20px;width:100%}.word-category-button{font-size:1.5rem}.rhyme-detail-container{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:100%;overflow-x:hidden;padding:20px;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;transform:translateZ(0);transition:background-color .4s ease-out;will-change:background-color}.rhyme-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 8px 32px 0 #0003;margin-top:20px;max-width:500px;padding:30px 20px;width:100%;z-index:5}.rhyme-lyrics{display:flex;flex-direction:column;gap:15px;margin:20px 0}.lyric-line{font-size:1.6rem;font-weight:600;line-height:1.4;opacity:.7;transform:scale(.95);transition:all .3s ease}.lyric-line.active{background:#ffffff1a;border-radius:10px;color:#fff;opacity:1;padding:5px;text-shadow:0 0 15px #fffc;transform:scale(1.1)}.rhyme-action-button{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 6px 12px #00000026;color:var(--dark);cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;gap:10px;margin:20px 0;padding:15px 40px;transition:transform .2s}.rhyme-action-button:active{transform:scale(.95)}@keyframes slideAcross{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}@keyframes rocking{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.floating-element{font-size:3rem}.star{animation:float 4s ease-in-out infinite,twinkle 2s ease-in-out infinite}.spider{animation:slideAcross 15s linear infinite;top:10%}.boat{animation:rocking 4s ease-in-out infinite;font-size:5rem;margin-top:20px}.controls-container{display:flex;justify-content:space-between;margin-top:auto;max-width:500px;padding:20px 0;width:100%}.stories-header{margin-bottom:20px;padding:0 10px}.search-container{margin:0 auto;max-width:500px;position:relative}.search-input{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:25px;color:var(--text-color);font-size:1.2rem;outline:none;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{box-shadow:0 0 10px #0000001a;transform:scale(1.02)}.stories-count{color:var(--text-color);font-size:1rem;margin-top:10px;opacity:.8;text-align:center}.story-detail-container{align-items:center;border-radius:20px;display:flex;flex-direction:column;margin:10px;min-height:calc(100vh - 120px);padding:20px;transform:translateZ(0);transition:background-color .4s ease-out;will-change:background-color}.story-card{background:#fffffff2;border-radius:30px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;max-width:800px;padding:30px;position:relative;text-align:center;width:100%;z-index:2}[data-theme=dark] .story-card{background:#2d2d2df2;color:#fff}.story-content{font-size:1.4rem;line-height:1.8;margin-top:30px;text-align:left}.story-paragraph{border-radius:15px;cursor:pointer;margin-bottom:20px;padding:15px;transition:all .3s ease}.story-paragraph:hover{background:#0000000d}[data-theme=dark] .story-paragraph:hover{background:#ffffff0d}.story-paragraph.active{background:#0000001a;border-left:5px solid var(--primary-color);transform:scale(1.02)}[data-theme=dark] .story-paragraph.active{background:#ffffff1a}.story-action-button{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s ease}.story-action-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.bedtime-toggle{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;margin-bottom:20px;padding:10px 20px}.story-detail-container.bedtime-mode{background-color:#1a237e!important}.story-detail-container.bedtime-mode .story-card{background:#1a237ecc;border:1px solid #ffffff1a;color:#e8eaf6}.story-detail-container.bedtime-mode .story-paragraph.active{background:#ffffff1a;border-left-color:#9fa8da}.floating-element{font-size:2rem;opacity:.6;pointer-events:none;position:absolute;z-index:1}.floating-element.star{animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.9f0fb430.css.map*/