:root{--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-primary-light:#eef2ff;--brand-accent:#0284c7;--brand-coral:#f43f5e;--brand-amber:#f59e0b;--brand-emerald:#10b981;--brand-violet:#8b5cf6;--brand-teal:#0d9488;--bg-app:#f8fafc;--surface-card:#fff;--surface-subtle:#f1f5f9;--surface-nav:#ffffffeb;--border-card:#e2e8f0;--border-card-hover:#cbd5e1;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--nav-btn-bg:#f1f5f9;--nav-btn-hover:#e2e8f0;--nav-btn-text:#475569;--nav-border:#e2e8f0;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--font-admin:"Inter", system-ui, sans-serif;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 12px 28px -4px #0f172a1f, 0 4px 10px -2px #0f172a0a;--shadow-xl:0 20px 35px -5px #0f172a26;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-full:9999px}[data-theme=dark],.dark{--bg-app:#090d16;--surface-card:#131a29;--surface-subtle:#1c2638;--surface-nav:#0d1321eb;--border-card:#283548;--border-card-hover:#3b4e6b;--border-subtle:#1c2638;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--nav-btn-bg:#1c2638;--nav-btn-hover:#283548;--nav-btn-text:#cbd5e1;--nav-border:#283548;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px -2px #0009;--shadow-lg:0 12px 28px -4px #000000b3;--shadow-xl:0 20px 35px -5px #000000d9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{background-color:var(--bg-app);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.btn-modern{font-family:var(--font-main);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-modern:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-modern:active{transform:translateY(0)}.btn-primary{background-color:var(--brand-primary);color:#fff;box-shadow:0 2px 10px #4f46e54d}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-card);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--surface-subtle);border-color:var(--border-card-hover)}.btn-emerald{color:#fff;background-color:#10b981;box-shadow:0 2px 10px #10b9814d}.badge-pill{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.horizontal-scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:6px 4px 18px;display:flex;overflow-x:auto}.horizontal-scroll-row::-webkit-scrollbar{height:5px}.horizontal-scroll-row::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9999px}.horizontal-scroll-row::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.recommended-carousel-track{scroll-snap-type:x mandatory;gap:20px;padding:10px 4px 24px;display:flex;overflow-x:auto}.recommended-carousel-track::-webkit-scrollbar{height:6px}.recommended-carousel-track::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.recommended-card{scroll-snap-align:center;background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;flex-direction:column;flex:0 0 340px;transition:all .25s;display:flex;overflow:hidden}.recommended-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-card-hover);transform:translateY(-4px)}.square-card-item{scroll-snap-align:start;background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:18px;flex-direction:column;flex:0 0 280px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.square-card-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-card-hover);transform:translateY(-4px)}.category-view-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.category-view-grid .square-card-item{flex:none;width:100%}.view-all-button{background-color:var(--surface-subtle);color:var(--brand-primary);border:1px solid var(--border-card);cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.view-all-button:hover{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translate(2px);box-shadow:0 2px 8px #4f46e540}.back-to-home-btn{background-color:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.back-to-home-btn:hover{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.now-reading-card{background:var(--surface-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;max-width:520px;transition:all .2s;display:flex;overflow:hidden}.now-reading-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.now-reading-container{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #312e814d}.now-reading-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f14d 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-50px;right:-50px}.story-grid{grid-templateColumns:repeat(auto-fill, minmax(300px, 1fr));gap:24px;display:grid}.story-card-modern{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.story-card-modern:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-4px)}.activity-card-modern{border:1px solid var(--border-card);border-radius:var(--radius-lg);justifyContent:space-between;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex}.activity-card-modern:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.comic-reader-container{flex-direction:column;align-items:center;gap:18px;max-width:680px;margin:0 auto;padding:16px 16px 140px;display:flex}.comic-slide-card{border-radius:var(--radius-xl);border:1px solid #ffffff1f;width:100%;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 32px -8px #00000029}.comic-slide-card.active-slide{box-shadow:0 0 0 2px #4f46e566,0 16px 36px -6px #00000038}.comic-strip-panel{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:4px!important}.comic-strip-panel .comic-slide-media{border-radius:16px;transition:transform .2s;box-shadow:0 6px 20px #00000014}.comic-strip-panel .comic-slide-media:hover{transform:scale(1.005)}.comic-slide-media{background-color:#0000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.comic-slide-media-imageonly{aspect-ratio:auto!important;min-height:unset!important;background-color:#0000!important}.comic-ambient-backdrop{filter:blur(40px)brightness(.92)saturate(1.5);opacity:.65;pointer-events:none;z-index:1;background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.2)}[data-theme=dark] .comic-ambient-backdrop,.dark .comic-ambient-backdrop{filter:blur(44px)brightness(.45)saturate(1.6);opacity:.75}.comic-media-content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.comic-media-feather-top{z-index:3;pointer-events:none;height:28px;position:absolute;top:0;left:0;right:0}.comic-media-feather-bottom{z-index:3;pointer-events:none;height:38px;position:absolute;bottom:0;left:0;right:0}.comic-slide-caption{z-index:4;background:0 0;flex-direction:column;gap:12px;padding:22px 26px 26px;display:flex;position:relative}.slide-sentence{font-size:1.25rem;font-weight:600;line-height:1.6;font-family:var(--font-main);letter-spacing:-.01em}.slide-sentence-malayalam{border-left:4px solid #10b981;border-radius:14px;padding:12px 16px;font-size:1.1rem;font-weight:600;line-height:1.65}.slide-text-only-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:48px 32px;display:flex;position:relative}.slide-event-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.speech-bubble-modern{background:var(--surface-subtle);border:1px solid var(--border-card);color:var(--text-primary);box-shadow:var(--shadow-xs);border-radius:16px;padding:14px 18px;font-size:1.05rem;font-weight:600;position:relative}.speech-bubble-modern:after{content:"";border-style:solid;border-width:10px 10px 0 0;border-color:var(--border-card) transparent transparent transparent;width:0;height:0;position:absolute;bottom:-10px;left:32px}.floating-reader-dock{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-full,9999px);z-index:90;background:#fffffff5;align-items:center;gap:10px;padding:8px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:auto;right:24px;transform:none;box-shadow:0 10px 30px #0000001f,0 2px 8px #0000000f}@media (width<=640px){.floating-reader-dock{transform-origin:100% 100%;gap:8px;padding:6px 12px;bottom:16px;right:14px;transform:scale(.92)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-portal-root{color:#f8fafc;min-height:100vh;font-family:var(--font-admin);background-color:#0f172a}.admin-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;transition:border-color .2s}.admin-card:hover{border-color:#475569}.admin-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-badge-published{color:#34d399;background:#10b98126;border:1px solid #34d3994d}.admin-badge-revoked{color:#f87171;background:#ef444426;border:1px solid #f871714d}.admin-badge-active{color:#818cf8;background:#6366f126;border:1px solid #818cf84d}.square-card-item{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;background:var(--surface-card)!important;border-color:var(--border-card)!important;color:var(--text-primary)!important}.square-card-item:hover{border-color:var(--border-card-hover)!important;box-shadow:var(--shadow-lg)!important}[data-theme=dark] .square-card-item h3,.dark .square-card-item h3{color:var(--text-primary)!important}[data-theme=dark] .square-card-item p,.dark .square-card-item p{color:var(--text-muted)!important}[data-theme=dark] .comic-reader-container h1,[data-theme=dark] .comic-reader-container h2,.dark .comic-reader-container h1,.dark .comic-reader-container h2{color:var(--text-primary)!important}[data-theme=dark] .comic-reader-container p,.dark .comic-reader-container p{color:var(--text-muted)!important}.horizontal-scroll-touch{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.horizontal-scroll-touch::-webkit-scrollbar{display:none}@media (width<=768px){.hide-on-mobile{display:none!important}.kids-container-responsive{padding:16px 12px 95px!important}.square-card-item{flex:0 0 240px!important}.recommended-card{flex:0 0 280px!important}.category-view-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important}.now-reading-card{flex-direction:column!important;max-width:100%!important}.now-reading-card>div:first-child{width:100%!important;height:160px!important}}@media (width<=480px){.category-view-grid{grid-template-columns:repeat(1,1fr)!important}.square-card-item{flex:0 0 220px!important}}.mobile-bottom-nav{background:var(--surface-nav);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-card);z-index:100;justify-content:space-around;align-items:center;height:62px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000001a}.mobile-bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .15s;display:flex}.mobile-bottom-nav-item.active{color:var(--brand-primary);font-weight:700}@media (width>=769px){.mobile-bottom-nav{display:none!important}}.floating-nav-container{z-index:999;pointer-events:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.floating-nav-pill{pointer-events:auto;-webkit-backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #4f46e52e;border-radius:9999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;transition:all .25s;display:flex;box-shadow:0 12px 32px -4px #0f172a29,0 4px 12px -2px #0f172a14}[data-theme=dark] .floating-nav-pill,.dark .floating-nav-pill{background:#121826f0;border:1px solid #6366f14d;box-shadow:0 14px 36px #00000080}.nav-logo-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:transform .2s;display:flex}.nav-logo-btn:hover{transform:scale(1.08)}.nav-logo-img{object-fit:cover;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #4f46e54d}.nav-divider{background:#00000014;width:1px;height:26px}[data-theme=dark] .nav-divider,.dark .nav-divider{background:#ffffff1f}.nav-items-wrapper{align-items:center;gap:4px;display:flex}.floating-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:60px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.floating-nav-item:hover{color:var(--text-primary);background:#4f46e50f}.floating-nav-item.active{color:#4f46e5;background:#4f46e51f;border-color:#4f46e53d}[data-theme=dark] .floating-nav-item.active,.dark .floating-nav-item.active{color:#818cf8;background:#6366f12e;border-color:#6366f159}.nav-icon{transition:transform .2s}.floating-nav-item.active .nav-icon{color:#4f46e5;transform:scale(1.1)}[data-theme=dark] .floating-nav-item.active .nav-icon,.dark .floating-nav-item.active .nav-icon{color:#818cf8}.nav-label{letter-spacing:-.2px;font-size:.72rem;font-weight:700;line-height:1}.nav-active-dot{background-color:#4f46e5;border-radius:50%;width:4px;height:4px;margin-top:1px}[data-theme=dark] .nav-active-dot,.dark .nav-active-dot{background-color:#818cf8}.nav-badge-count{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:14px;padding:1px 5px;font-size:.62rem;font-weight:800;line-height:1.2;position:absolute;top:-5px;right:-8px}.nav-avatar-icon{font-size:1.15rem;line-height:1}.kids-home-desktop-wrapper{max-width:1360px;min-height:calc(100vh - 58px);margin:0 auto;display:flex}.kids-sidebar-desktop{border-right:1px solid var(--border-card);justifyContent:space-between;background-color:var(--surface-nav);flex-direction:column;flex-shrink:0;width:230px;height:calc(100vh - 58px);padding:24px 14px;display:flex;position:sticky;top:58px;overflow-y:auto}@media (width<=960px){.kids-sidebar-desktop{display:none!important}}