:root{--color-primary:#FF6B35;--color-secondary:#3498DB;--color-tertiary:#9B59B6;--color-success:#2ECC71;--color-warning:#F39C12;--color-text:#2C3E50;--color-text-light:#7F8C8D;--color-bg:#FFFFFF;--color-bg-alt:#F8F9FA;--color-border:#E8ECF0;--color-card-shadow:rgba(0,0,0,0.08);--radius:12px;--radius-sm:8px;--max-width:1200px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}.logo{font-size:1.4rem;font-weight:700;color:var(--color-primary);white-space:nowrap}.logo span{color:var(--color-text);font-weight:400}.search-wrapper{flex:1 1;max-width:480px;position:relative}.search-input{width:100%;height:40px;padding:0 16px 0 40px;border:1px solid var(--color-border);border-radius:20px;font-size:.9rem;outline:none;transition:border-color .2s;background:var(--color-bg-alt)}.search-input:focus{border-color:var(--color-primary);background:var(--color-bg)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-light);font-size:.9rem}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--color-card-shadow);margin-top:4px;max-height:360px;overflow-y:auto;z-index:200;display:none}.search-dropdown.active{display:block}.search-dropdown-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:var(--color-bg-alt)}.search-dropdown-item .title{font-weight:600;font-size:.9rem}.search-dropdown-item .excerpt{font-size:.8rem;color:var(--color-text-light);margin-top:2px}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{font-size:.9rem;color:var(--color-text-light);transition:color .2s}.nav-link:hover{color:var(--color-primary)}.hero{padding:60px 0 40px;text-align:center;background:linear-gradient(135deg,#FFF5F0,#F0F8FF)}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:16px;line-height:1.2}.hero h1 span{color:var(--color-primary)}.hero p{font-size:1.1rem;color:var(--color-text-light);max-width:600px;margin:0 auto 32px}.hero-characters{display:flex;justify-content:center;gap:20px;margin-bottom:32px;font-size:3rem}.cta-button{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:white;padding:14px 32px;border-radius:28px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,107,53,.3)}.modules{padding:48px 0}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.module-card{padding:28px;border-radius:var(--radius);border:1px solid var(--color-border);transition:box-shadow .2s}.module-card:hover{box-shadow:0 4px 16px var(--color-card-shadow)}.module-card .icon{font-size:2rem;margin-bottom:12px}.module-card h3{font-size:1.2rem;margin-bottom:8px}.module-card p{font-size:.9rem;color:var(--color-text-light);line-height:1.5}.fable-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.fable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.fable-card{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.fable-card:hover{box-shadow:0 4px 16px var(--color-card-shadow);transform:translateY(-2px)}.fable-card-body{padding:20px}.fable-card-title{font-size:1.1rem;font-weight:700;margin-bottom:4px}.fable-card-subtitle{font-size:.85rem;color:var(--color-text-light);margin-bottom:12px}.fable-card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.75rem;padding:3px 8px;border-radius:12px;background:var(--color-bg-alt);color:var(--color-text-light);border:1px solid var(--color-border)}.tag.primary{background:#FFF0E8;color:var(--color-primary);border-color:#FFD6C0}.fable-detail-header{padding:32px 0 24px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.fable-detail-title{font-size:2rem;font-weight:800;margin-bottom:4px}.fable-detail-subtitle{font-size:1rem;color:var(--color-text-light);margin-bottom:16px}.fable-detail-meta{display:flex;gap:16px;flex-wrap:wrap}.grade-tabs{display:flex;gap:8px;margin-bottom:24px}.grade-tab{padding:10px 20px;border-radius:20px;font-weight:600;font-size:.9rem;transition:all .2s;border:1px solid var(--color-border)}.grade-tab.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.grade-tab:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.grade-content{line-height:1.8;font-size:1rem}.grade-content p{margin-bottom:16px}.audio-player{background:var(--color-bg-alt);border-radius:var(--radius);padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.audio-player button{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:white;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.audio-player .track-info{flex:1 1}.audio-player .track-name{font-weight:600;font-size:.95rem}.audio-player .track-duration{font-size:.8rem;color:var(--color-text-light)}.flashcard-section{margin:32px 0}.flashcard-viewer{background:var(--color-bg-alt);border-radius:var(--radius);padding:40px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flashcard-face{font-size:1.5rem;font-weight:700;margin-bottom:12px}.flashcard-back{font-size:1rem;color:var(--color-text-light)}.flashcard-nav{display:flex;justify-content:center;gap:12px;margin-top:16px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-chip{padding:6px 14px;border-radius:16px;font-size:.85rem;border:1px solid var(--color-border);transition:all .2s}.filter-chip.active{background:var(--color-primary);color:white}.filter-chip.active,.filter-chip:hover:not(.active){border-color:var(--color-primary)}.age-card{transition:transform .2s!important}.age-card:hover{transform:translateY(-4px)!important}.paywall-section{background:linear-gradient(135deg,#FFF5F0,#FFF0E8);border-radius:var(--radius);padding:32px;text-align:center;margin:32px 0}.paywall-section h3{font-size:1.3rem;margin-bottom:8px}.paywall-section p{color:var(--color-text-light);margin-bottom:20px}.parent-guide{background:#F0F8FF;border-radius:var(--radius);padding:20px;margin:24px 0}.parent-guide h4{font-size:1rem;margin-bottom:8px;color:var(--color-secondary)}.parent-guide p{font-size:.9rem;line-height:1.6}.footer,.parent-guide p{color:var(--color-text-light)}.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:32px 0;margin-top:48px;text-align:center;font-size:.85rem}@media (max-width:768px){.module-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.header-inner{flex-wrap:wrap;height:auto;padding:12px 0}.search-wrapper{order:3;max-width:100%;flex-basis:100%}.fable-grid{grid-template-columns:1fr}}