@import "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700;800;900&family=Imbue:opsz,wght@10..72,400;700&family=Noto+Sans+Tamil:wght@400;600;700;800&display=swap";:root{--bg-app:#f5f2ef;--bg-surface:#fff;--bg-muted:#ede7e3;--bg-subtle:#f8f6f4;--bg-tint-sage:#ecfdf5;--bg-tint-amber:#fffbeb;--bg-tint-sky:#f0f9ff;--bg-tint-rose:#fff1f2;--border-subtle:#e2dbd5;--border-medium:#cfc6be;--border-strong:#9c9187;--accent-green:#1b633e;--accent-green-hover:#154f31;--accent-green-tint:#eaf6ef;--accent-lake:#1d5f8a;--accent-lake-hover:#174b6e;--accent-lake-tint:#edf5fa;--accent-ochre:#c25e24;--accent-ochre-tint:#fdf2ec;--ink-primary:#1f1b18;--ink-secondary:#3b3530;--ink-muted:#6b635c;--ink-faint:#9c938b;--font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Imbue", serif;--font-tamil:"Noto Sans Tamil", "Albert Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;min-height:100%;color:var(--ink-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;touch-action:manipulation;overflow-x:hidden}img,svg{max-width:100%;height:auto}.tamil-font{font-family:var(--font-tamil)}.learning-workspace-root{flex-direction:column;max-width:1380px;min-height:100svh;margin:0 auto;padding:20px 28px 48px;display:flex}.primary-top-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;padding:8px 0 24px;display:flex}.header-brand-wrap{align-items:center;gap:14px;display:flex}.header-brand-titles{flex-direction:column;display:flex}.title-row{align-items:baseline;gap:12px;display:flex}.brand-main-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--ink-primary);font-size:2.3rem;font-weight:700;line-height:1}.brand-stage-badge{background:var(--accent-green-tint);color:var(--accent-green);letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:800}.brand-subtitle{color:var(--ink-muted);margin-top:4px;font-size:.85rem;font-weight:500}.header-actions-group{align-items:center;gap:14px;display:flex}.dialect-selector-group{background:var(--bg-muted);border-radius:8px;padding:3px;display:flex}.dialect-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 18px;font-size:.82rem;font-weight:700;transition:background-color .15s,color .15s}.dialect-btn.active{background:var(--bg-surface);color:var(--accent-green)}.wordbank-toggle-btn{background:var(--bg-surface);border:2px solid var(--border-subtle);color:var(--ink-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 16px;font-size:.82rem;font-weight:700;transition:background-color .15s,border-color .15s;display:flex}.wordbank-toggle-btn:hover{background:var(--bg-muted);border-color:var(--border-medium)}.wordbank-toggle-btn.active{background:var(--ink-primary);border-color:var(--ink-primary);color:#fff}.voice-input-strip{margin-bottom:28px}.direct-audio-bar{background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:14px;align-items:center;gap:14px;padding:10px 16px;display:flex}.audio-mic-action-group{flex-shrink:0}.direct-mic-btn{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:800;transition:background-color .15s,transform .1s;display:inline-flex}.direct-mic-btn:hover:not(:disabled){background:var(--accent-green-hover);transform:translateY(-1px)}.direct-mic-btn:disabled{opacity:.6;cursor:not-allowed}.direct-mic-btn.active-recording{background:#b91c1c}.spin-animate{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quick-search-form{background:var(--bg-subtle);border:1.5px solid var(--border-subtle);border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 14px;transition:border-color .15s,background-color .15s;display:flex}.quick-search-form:focus-within{border-color:var(--accent-green);background:var(--bg-surface)}.search-lead-icon{color:var(--ink-faint);flex-shrink:0}.quick-search-input{font-family:var(--font-family);color:var(--ink-primary);background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.quick-search-input::placeholder{color:var(--ink-faint)}.clear-search-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.audio-status-notice{color:var(--accent-lake);white-space:nowrap;background:var(--accent-lake-tint);border-radius:6px;padding:5px 12px;font-size:.84rem;font-weight:700}.topics-section-container{flex-direction:column;gap:24px;display:flex}.topics-nav-track{align-items:center;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.topic-tab-pill{background:var(--bg-surface);border:2px solid var(--border-subtle);cursor:pointer;white-space:nowrap;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:flex-start;padding:10px 18px;transition:border-color .15s,background-color .15s;display:flex}.topic-tab-pill:hover{background:var(--bg-subtle);border-color:var(--border-medium)}.topic-tab-pill.active{background:var(--bg-surface);border-color:var(--accent-green)}.topic-tab-pill.active .topic-tab-title{color:var(--accent-green)}.topic-tab-title{color:var(--ink-primary);gap:6px;font-size:.88rem;font-weight:800;display:inline-flex}.topic-tab-count{color:var(--ink-muted);font-weight:600}.topic-tab-tamil{font-family:var(--font-tamil);color:var(--ink-muted);margin-top:2px;font-size:.74rem}.cards-mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;display:grid}.concept-visual-card{background:var(--bg-surface);border:2px solid var(--border-subtle);cursor:pointer;border-radius:14px;outline:none;flex-direction:column;height:100%;min-height:fit-content;transition:transform .15s ease-out,border-color .15s ease-out;display:flex;position:relative;overflow:hidden}.concept-visual-card:hover,.concept-visual-card:focus-visible{border-color:var(--accent-green);transform:translateY(-3px)}.card-illustration-frame{background:var(--bg-subtle);justify-content:center;align-items:center;width:100%;height:146px;padding:14px;display:flex;position:relative}.card-category-subtle-badge{letter-spacing:.03em;background:var(--bg-muted);color:var(--ink-secondary);z-index:2;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:800;position:absolute;top:10px;left:10px}.concept-visual-card:hover .card-illustration-frame svg,.concept-visual-card:hover .card-illustration-frame img{transform:scale(1.08)translateY(-2px)}.card-illustration-frame svg,.card-illustration-frame img{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.card-illustration-frame.theme-body,.modal-illustration-hero.theme-body{background:#f0fdfa}.card-illustration-frame.theme-family,.modal-illustration-hero.theme-family{background:#fff7ed}.card-illustration-frame.theme-nature,.modal-illustration-hero.theme-nature{background:#f0fdf4}.card-illustration-frame.theme-animals,.modal-illustration-hero.theme-animals{background:#fffbeb}.card-illustration-frame.theme-numbers,.modal-illustration-hero.theme-numbers{background:#eff6ff}.card-illustration-frame.theme-school,.modal-illustration-hero.theme-school{background:#f5f5f4}.card-info-pane{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.card-native-header{align-items:baseline;gap:8px;display:flex}.native-primary-word{color:var(--ink-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.native-script-hint{font-family:var(--font-tamil);color:var(--accent-green);font-size:.88rem;font-weight:700}.card-target-cluster{background:var(--bg-subtle);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.target-language-row{align-items:center;gap:8px;display:flex}.target-lang-label{color:var(--ink-muted);flex-shrink:0;min-width:54px;font-size:.76rem;font-weight:800}.target-word-val{color:var(--ink-primary);flex:1;font-size:.96rem;font-weight:800}.target-word-val.english-val{font-size:.92rem}.inline-audio-btn{background:var(--bg-surface);border:1.5px solid var(--border-medium);width:28px;height:28px;color:var(--ink-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.inline-audio-btn:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.card-phonics-strip{background:var(--bg-subtle);border:1px dashed var(--border-medium);text-align:center;word-break:break-word;border-radius:6px;margin-top:auto;padding:8px 10px}.phonics-formula-text{color:var(--ink-secondary);font-size:.82rem;font-weight:700}.learning-modal-backdrop{z-index:1000;background:#1f1b188c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.learning-modal-container{background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:18px;flex-direction:column;width:min(880px,94vw);max-width:880px;max-height:92svh;transition:width .2s ease-out;display:flex;overflow:hidden}.modal-top-bar{background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-topic-badge{color:var(--ink-muted);background:var(--bg-muted);border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:800}.modal-controls-group{align-items:center;gap:8px;display:flex}.modal-nav-btn{background:var(--bg-muted);border:1.5px solid var(--border-subtle);color:var(--ink-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex}.modal-nav-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-medium);color:var(--ink-primary)}.modal-nav-btn:disabled{opacity:.4;cursor:not-allowed}.modal-close-btn{background:var(--bg-muted);border:1.5px solid var(--border-subtle);cursor:pointer;width:32px;height:32px;color:var(--ink-secondary);border-radius:6px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.modal-close-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.modal-scroll-area{flex-direction:column;gap:18px;padding:20px 24px 32px;display:flex;overflow-y:auto}.modal-illustration-hero{border-radius:14px;align-items:center;gap:22px;padding:18px 22px;display:flex}.illustration-display-box{flex-shrink:0}.hero-titles-block{flex-direction:column;gap:2px;display:flex}.hero-english-title{color:var(--ink-primary);letter-spacing:-.02em;font-size:1.85rem;font-weight:900}.hero-tamil-title{color:var(--accent-green);font-size:1.45rem;font-weight:700}.learning-tier-card{border-radius:12px;flex-direction:column;gap:14px;padding:18px 22px;display:flex}.native-tier-card{background:var(--bg-tint-sage)}.tamil-tier-card{background:var(--bg-subtle)}.english-tier-card{background:var(--bg-tint-sky)}.tier-header-bar{justify-content:space-between;align-items:center;display:flex}.tier-section-heading{color:var(--ink-secondary);font-size:.95rem;font-weight:800}.native-audio-action-btn{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:.84rem;font-weight:800;transition:background-color .15s,transform .1s;display:inline-flex}.native-audio-action-btn:hover:not(:disabled){background:var(--accent-green-hover);transform:translateY(-1px)}.native-audio-action-btn.playing{background:#047857}.bridge-listen-btn{background:var(--bg-surface);border:1.5px solid var(--border-medium);color:var(--ink-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.bridge-listen-btn:hover{background:var(--ink-primary);color:#fff;border-color:var(--ink-primary)}.bridge-listen-btn.playing{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.native-pronounce-box{align-items:baseline;gap:10px;display:flex}.native-spoken-text{color:var(--ink-primary);font-size:1.55rem;font-weight:900}.native-script-text{font-family:var(--font-tamil);color:var(--accent-green);font-size:1.15rem;font-weight:700}.native-phonetic-caption{color:var(--ink-muted);font-size:.84rem}.phonics-equation-wrap{flex-direction:column;gap:12px;width:100%;display:flex}.equation-label{color:var(--ink-muted);font-size:.78rem;font-weight:800}.equation-chips-row{flex-wrap:wrap;align-items:center;gap:12px 8px;width:100%;display:flex}.letter-unit-chip{min-width:44px;height:44px;color:var(--ink-primary);cursor:pointer;background:#fff;border:2px solid #cfc6be;border-bottom:4px solid #ad9f94;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:1.25rem;font-weight:900;transition:transform .1s,border-color .1s;display:inline-flex}.letter-unit-chip:hover{border-color:var(--accent-green);color:var(--accent-green);transform:translateY(-1px)}.letter-unit-chip.active-unit{background:var(--accent-green-tint);border-color:var(--accent-green);color:var(--accent-green);border-bottom-width:2px;transform:translateY(2px)}.math-operator{color:var(--ink-faint);font-size:1.25rem;font-weight:800}.math-equals{color:var(--ink-muted);margin:0 4px}.blended-result-chip{background:var(--accent-green);color:#fff;border:2px solid var(--accent-green-hover);cursor:pointer;border-bottom:4px solid #0f3c24;border-radius:8px;justify-content:center;align-items:center;height:44px;padding:0 18px;font-size:1.2rem;font-weight:900;transition:transform .1s,background-color .15s;display:inline-flex}.blended-result-chip:hover{background:var(--accent-green-hover);transform:translateY(-1px)}.blended-result-chip.active-unit{border-bottom-width:2px;transform:translateY(2px)}.usage-sentence-box{background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:8px;gap:8px;padding:10px 14px;font-size:.88rem;line-height:1.4;display:flex}.sentence-label{color:var(--ink-muted);flex-shrink:0;font-weight:800}.sentence-text{color:var(--ink-secondary);font-style:italic}.vocab-manager-panel{background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:18px;padding:24px;display:flex}.vocab-manager-header{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.vocab-manager-title{color:var(--ink-primary);font-size:1.3rem;font-weight:800}.vocab-search-row{gap:12px;display:flex}.vocab-search-box{background:var(--bg-subtle);border:1.5px solid var(--border-subtle);border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 14px;display:flex}.vocab-search-box input{color:var(--ink-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.vocab-table-wrap{border:1.5px solid var(--border-subtle);border-radius:8px;max-height:520px;overflow-y:auto}.vocab-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.vocab-table th{background:var(--bg-muted);color:var(--ink-muted);z-index:10;padding:12px 14px;font-weight:800;position:sticky;top:0}.vocab-table td{border-bottom:1px solid var(--border-subtle);padding:12px 14px}.vocab-table tr:hover td{background:var(--bg-subtle)}@media (width<=1024px){.learning-workspace-root{padding:16px 20px 40px}.brand-main-title{font-size:2rem}.cards-mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}.learning-modal-container{width:min(800px,92vw);max-height:92svh}}@media (width<=768px){.learning-workspace-root{padding:14px 16px 36px}.primary-top-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px;padding:4px 0 16px}.header-brand-wrap{justify-content:flex-start;align-items:center;gap:12px;width:100%;display:flex}.header-brand-titles{flex-direction:column;justify-content:center;gap:2px;display:flex}.brand-main-title{font-size:1.7rem;line-height:1.1}.brand-subtitle{color:var(--ink-muted);font-size:.82rem;line-height:1.3}.header-actions-group{justify-content:space-between;gap:10px;width:100%}.dialect-selector-group{flex:1}.dialect-btn{text-align:center;flex:1;padding:8px 12px;font-size:.85rem}.wordbank-toggle-btn{padding:8px 14px;font-size:.82rem}.direct-audio-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.audio-mic-action-group{width:100%}.direct-mic-btn{justify-content:center;width:100%;min-height:46px;padding:12px 18px;font-size:.92rem}.quick-search-form{width:100%;min-height:42px}.audio-status-notice{text-align:center;width:100%}.topics-nav-track{-webkit-overflow-scrolling:touch;padding-bottom:8px}.topic-tab-pill{min-height:44px;padding:8px 14px}.cards-mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}.card-illustration-frame{height:132px}.learning-modal-backdrop{padding:14px}.learning-modal-container{width:100%;max-width:680px;max-height:94svh}.modal-top-bar{padding:14px 18px}.modal-scroll-area{gap:16px;padding:16px 18px 26px}.modal-illustration-hero{gap:16px;padding:14px 18px}.hero-english-title{font-size:1.55rem}.hero-tamil-title{font-size:1.3rem}.learning-tier-card{padding:14px 18px}}@media (width<=540px){.learning-workspace-root{padding:10px 12px 28px}.brand-main-title{font-size:1.5rem}.brand-stage-badge{padding:3px 6px;font-size:.65rem}.brand-subtitle{font-size:.72rem}.cards-mosaic-grid{grid-template-columns:1fr;gap:12px}.concept-visual-card{border-radius:12px}.card-illustration-frame{height:126px}.inline-audio-btn{width:36px;height:36px}.learning-modal-backdrop{align-items:flex-end;padding:0}.learning-modal-container{border-bottom:none;border-left:none;border-right:none;border-radius:18px 18px 0 0;width:100vw;max-width:100vw;height:96svh;max-height:96svh}.modal-top-bar{padding:12px 14px}.modal-topic-badge{padding:3px 8px;font-size:.7rem}.modal-nav-btn{padding:6px 8px;font-size:.78rem}.modal-scroll-area{gap:12px;padding:12px 14px 24px}.modal-illustration-hero{text-align:center;flex-direction:column;gap:8px;padding:14px 12px}.hero-english-title{font-size:1.4rem}.hero-tamil-title{font-size:1.2rem}.learning-tier-card{border-radius:10px;gap:10px;padding:12px}.tier-header-bar{flex-wrap:wrap;gap:8px}.tier-section-heading{font-size:.88rem}.native-audio-action-btn,.bridge-listen-btn{justify-content:center;width:100%;min-height:38px;padding:8px 12px}.native-spoken-text{font-size:1.35rem}.native-script-text{font-size:1.05rem}.equation-chips-row{gap:8px 6px}.letter-unit-chip{border-bottom-width:3px;min-width:38px;height:40px;padding:0 8px;font-size:1.15rem}.math-operator{font-size:1.05rem}.blended-result-chip{border-bottom-width:3px;height:40px;padding:0 14px;font-size:1.05rem}.usage-sentence-box{flex-direction:column;gap:2px;padding:8px 10px;font-size:.82rem}.vocab-manager-panel{padding:14px}.vocab-manager-header{flex-direction:column;align-items:stretch;gap:10px}.vocab-search-row{flex-direction:column}}@media (width<=380px){.learning-workspace-root{padding:8px 8px 24px}.brand-main-title{font-size:1.35rem}.brand-subtitle{font-size:.72rem;line-height:1.25;display:block}.modal-nav-btn span{display:none}.letter-unit-chip{min-width:34px;height:36px;padding:0 6px;font-size:1rem}.blended-result-chip{height:36px;padding:0 10px;font-size:.95rem}}