@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";.page-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;background:#e5e7eb}.ad-left{width:200px;padding:0 10px;margin-top:24px;display:flex;justify-content:center;align-items:flex-start;position:sticky;top:90px;background:#e5e7eb}.ad-right{width:200px;margin-top:24px;display:flex;justify-content:center;align-items:flex-start;position:sticky;top:90px;background:#e5e7eb}.ad-frame{width:180px;background:none;border-radius:0;box-shadow:none;overflow:visible}.ad-image{width:100%;height:auto;display:block;object-fit:contain}.main-content{flex:1;max-width:960px;background:#fff;margin:24px 0;padding:32px;border-radius:12px;box-shadow:0 12px 30px #00000014}@media(max-width:1024px){.ad-left,.ad-right{display:none}.main-content{margin:16px;padding:24px}}.phonics-cta{margin:28px auto;padding:22px 20px;max-width:720px;text-align:center;background:linear-gradient(135deg,#fff7cc,#ffe4a1);border-radius:20px;box-shadow:0 10px 25px #00000014;border:2px solid #facc15}.phonics-cta-text{font-size:18px;font-weight:700;color:#78350f;margin-bottom:14px;line-height:1.6}.phonics-cta-btn{display:inline-block;padding:12px 26px;font-size:16px;font-weight:800;color:#fff;text-decoration:none;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}.phonics-cta-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 18px #16a34a66}.phonics-cta.compact{padding:16px;max-width:100%}.phonics-cta.compact .phonics-cta-text{font-size:16px}@media(max-width:480px){.phonics-cta{margin:20px 12px;padding:20px 16px;border-radius:18px}.phonics-cta-text{font-size:16px;line-height:1.7}.phonics-cta-btn{width:100%;max-width:220px;padding:14px 0;font-size:17px}}.ad-left .phonics-cta{margin-top:0;padding:22px 16px;min-height:520px}.ad-left .phonics-cta-text{font-size:16px;line-height:1.9;padding:0 6px}.ad-left .phonics-cta-btn{margin-top:12px}.ad-left .phonics-cta{margin:0;max-width:100%;width:100%;min-height:620px;padding:26px 16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:18px}.ad-left .phonics-cta-text{font-size:16px;line-height:1.9;word-break:break-word;overflow-wrap:anywhere}.ad-left .phonics-cta-btn{width:100%;max-width:180px;margin:6px auto 0}:root{--ght-ink:#0f172a;--ght-muted:#64748b;--a-blue:#3b82f6;--a-green:#22c55e;--a-purple:#8b5cf6;--a-cyan:#06b6d4;--a-orange:#f97316;--a-pink:#ec4899;--a-amber:#f59e0b;--bg-plain:#f8fafc;--bg-card:#ffffff;--bd:#e2e8f0;--shadow: rgba(15,23,42,.08)}.ght{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:6px;background:var(--bg-plain)}.ght-g1,.ght-g2,.ght-g3{background:var(--bg-plain)}.ght-bg{display:none}.ght-card{width:100%;max-width:100%;background:var(--bg-card);border:1px solid var(--bd);border-radius:16px;box-shadow:0 10px 24px var(--shadow);padding:12px}@media(min-width:768px){.ght-card{max-width:420px;border-radius:18px}}.ght-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ght-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#f1f5f9;border:1px solid var(--bd);font-weight:900;font-size:13px;color:var(--ght-ink)}.ght-cloud{font-size:18px;opacity:.8}.ght-title{text-align:center;font-size:30px;font-weight:900;margin:4px 0;color:var(--ght-ink)}.ght-sub{text-align:center;margin:0 0 12px;color:var(--ght-muted);font-weight:800;font-size:14px}.ght-grid{display:grid;grid-template-columns:1fr;gap:10px}.ght-tile{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:12px;border-radius:14px;text-decoration:none;background:#fff;border:1px solid var(--bd);box-shadow:0 6px 14px #0f172a0f;transition:transform .15s ease,box-shadow .15s ease}.ght-tile:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0f172a1a}.ght-tile:active{transform:scale(.985)}.ght-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:20px;background:#f1f5f9}.ght-text{font-size:16px;font-weight:900;color:var(--ght-ink)}.ght-go{display:none!important}.a-blue{border-left:4px solid var(--a-blue)}.a-green{border-left:4px solid var(--a-green)}.a-purple{border-left:4px solid var(--a-purple)}.a-cyan{border-left:4px solid var(--a-cyan)}.a-orange{border-left:4px solid var(--a-orange)}.a-pink{border-left:4px solid var(--a-pink)}.a-amber{border-left:4px solid var(--a-amber)}.a-blue .ght-ico{background:#3b82f624}.a-green .ght-ico{background:#22c55e24}.a-purple .ght-ico{background:#8b5cf624}.a-cyan .ght-ico{background:#06b6d424}.a-orange .ght-ico{background:#f9731624}.a-pink .ght-ico{background:#ec489924}.a-amber .ght-ico{background:#f59e0b24}@media(max-width:480px){.ght-title{font-size:28px}.ght-tile{padding:11px}.ght-text{font-size:15px}}@media(prefers-reduced-motion:reduce){.ght-tile{transition:none}}.wdp-page{min-height:100vh;padding:28px 14px;box-sizing:border-box}.wdp-embed{padding:0}.wdp-wrap{max-width:900px;margin:0 auto}.wdp-bigtitle{text-align:center;font-size:34px;font-weight:800;margin:10px 0 18px}.wdp-sectiontitle{text-align:center;font-size:28px;font-weight:800;margin:10px 0 26px}.wdp-level{margin:18px 0 28px}.wdp-level-title{font-size:18px;font-weight:800;margin:0 0 12px}.wdp-lessons{display:flex;flex-direction:column;gap:14px}.wdp-card{display:block;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e6e6e6;text-decoration:none;color:inherit;font-weight:700;box-shadow:0 2px 10px #0000000d;transition:transform .08s ease,box-shadow .08s ease}.wdp-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.wdp-msg{text-align:center;padding:18px}.wdp-section{margin:18px 0 28px}.appbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}.appbar-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.appbar-left,.appbar-center,.appbar-right{display:flex;align-items:center}.appbar-logo{font-size:20px;font-weight:700;color:#0f172a;text-decoration:none;cursor:pointer}.appbar-btn{padding:8px 16px;background:#4f46e5;color:#fff;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.appbar-btn:hover{background:#4338ca}@media(max-width:640px){.appbar-inner{padding:10px 14px}.appbar-logo{font-size:18px}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fb}.app-content{flex:1;min-height:0}.site-footer{margin-top:auto;padding:28px 16px;background:#f8fafc;border-top:1px solid rgba(0,0,0,.05);width:100%}.footer-inner{max-width:1100px;margin:0 auto;text-align:center}.footer-title{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 6px}.footer-text{font-size:14px;color:#64748b;margin:0 0 10px}.footer-copy{font-size:13px;color:#94a3b8;margin:0}body.no-page-scroll{overflow:hidden;height:100vh}html.no-page-scroll{overflow:hidden;height:100%}.grade-wrap{padding:48px 16px;background:#fff8ec}.grade-title{text-align:center;font-size:34px;font-weight:800;color:#9333ea;margin-bottom:14px}.grade-desc{max-width:820px;margin:0 auto 46px;text-align:center;font-size:16px;line-height:1.9;color:#475569}.grade-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:34px}.grade-card{background:#fff;padding:40px 20px;border-radius:22px;text-align:center;font-size:20px;font-weight:700;color:#0f172a;cursor:pointer;border:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#3b82f6,#22c55e,#f97316,#a855f7);background-origin:border-box;background-clip:padding-box,border-box;transition:transform .25s ease}.grade-card:hover{transform:translateY(-6px)}.si-wrap{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:12px;background:#f6f7fb}.si-card{width:100%;max-width:460px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 24px #00000014;padding:14px}.si-top{display:grid;gap:6px;margin-bottom:12px}.si-badge{display:inline-block;width:fit-content;padding:6px 10px;border-radius:999px;background:#eef2ff;border:1px solid #e5e7eb;font-weight:900;font-size:12px}.si-title{font-weight:1000;font-size:20px;color:#111827}.si-desc{font-size:14px;color:#374151}.si-q{margin-top:10px;font-weight:1000;font-size:18px;color:#111827;padding:12px;border-radius:14px;border:1px solid #e5e7eb;background:#f9fafb}.si-input{width:100%;margin-top:10px;padding:14px;border-radius:14px;border:1px solid #e5e7eb;outline:none;font-size:16px;font-weight:700}.si-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.si-grid2{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.si-chip{padding:12px 10px;border-radius:16px;border:2px solid #e5e7eb;background:#fff;font-weight:1000;cursor:pointer;box-shadow:0 10px 18px #0000000f}.si-chip.isOn{border-color:#111827;background:#fff7ed}.si-big{padding:16px 12px;border-radius:18px;border:2px solid #e5e7eb;background:#fff;font-weight:1000;font-size:18px;cursor:pointer;box-shadow:0 10px 18px #0000000f}.si-big.isOn{border-color:#111827;background:#ecfeff}.si-row{margin-top:12px;display:flex;gap:10px}.si-btn{flex:1;padding:14px 12px;border-radius:16px;border:none;background:#111827;color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 10px 18px #0000001a}.si-btn:disabled{opacity:.55;cursor:not-allowed}.si-btnSoft{background:#fff;color:#111827;border:2px solid #e5e7eb}.si-heard{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px dashed #e5e7eb;background:#f9fafb;font-size:14px}.si-note{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid #e5e7eb;background:#f0fdf4;font-size:14px;font-weight:800}.si-done{margin-top:14px;padding:16px;border-radius:16px;border:1px solid #e5e7eb;background:#f0fdf4;text-align:center}.si-doneTitle{font-weight:1000;font-size:20px}.si-doneText{margin-top:6px;color:#374151;font-weight:800}.bs-page{min-height:100vh;background:#e9f4ff;font-family:system-ui,sans-serif}.bs-main{padding:24px 16px 40px}.bs-section{max-width:1100px;margin:auto}.bs-title{text-align:center;font-size:36px;font-weight:900;color:#0b3a59}.bs-subtitle{text-align:center;margin-bottom:24px;color:#334155}.bs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:820px){.bs-grid{grid-template-columns:1fr}}.bs-card{background:#fff;border-radius:18px;box-shadow:0 10px 24px #00000014;overflow:hidden;display:flex;flex-direction:column}.bs-thumb{padding:18px;background:#f4f8ff}.bs-bookCover{height:300px;border-radius:14px;background-color:#fff;background-image:linear-gradient(135deg,#eef2ff,#fef3c7);background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 0 2px #00000014}.bs-cardBody{padding:16px;display:flex;flex-direction:column;gap:6px}.bs-cardTitle{font-size:18px;font-weight:900}.bs-cardSub{font-size:13px;color:#475569}.bs-price{display:inline-block;width:fit-content;background:#e0f2fe;color:#075985;padding:4px 10px;border-radius:999px;font-weight:800;margin-top:6px}.bs-btn{margin-top:auto;background:#0a7a2e;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:900;cursor:pointer}.bs-btn:hover{filter:brightness(1.05)}.bs-footer{text-align:center;padding:16px;color:#475569}.ra-page{width:100%;min-height:100vh;padding:22px 14px 60px;background:#f8fafc;box-sizing:border-box;font-family:Nunito,sans-serif}.ra-card{max-width:920px;margin:0 auto;background:#fff;border-radius:24px;padding:20px 18px 24px;box-shadow:0 14px 36px #00000014;border:1px solid rgba(15,23,42,.06)}.ra-headerCenter{text-align:center;margin-bottom:12px}.ra-titleBig{margin:0 0 8px;font-size:clamp(28px,6vw,46px);line-height:1.05;font-weight:900;color:#ef4444;letter-spacing:.2px}.ra-subBig{font-size:clamp(14px,3.8vw,18px);margin:0;opacity:.75;font-weight:800;color:#475569}.ra-readBox{margin:14px 0 12px;padding:18px 16px;border-radius:22px;border:2px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fffdf7,#fff)}.ra-readTextKids{text-align:center}.ra-lineKids{margin:10px 0;font-weight:900;color:#334155;font-size:clamp(26px,5.6vw,38px);line-height:1.3}.ra-section{margin-top:12px}.ra-ynCard{position:relative;border-radius:22px;padding:16px;border:2px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;transform:translateZ(0)}.ra-ynTop{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.ra-qNum{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#1e293b;font-weight:900}.ra-qNumBig{width:56px;height:56px;border-radius:18px;font-size:20px}.ra-qTextBig{font-size:clamp(20px,5.2vw,32px);line-height:1.2;font-weight:900;color:#1f2937}.ra-btnRow{display:flex;gap:12px;margin-top:10px}.ra-btn{flex:1;border:none;border-radius:18px;padding:14px 12px;font-weight:900;cursor:pointer;box-shadow:0 12px 22px #0000001a;transform:translateZ(0);transition:transform .08s ease,filter .08s ease}.ra-btnBig{font-size:clamp(16px,4.5vw,22px)}.ra-yes{background:#86efac;color:#064e3b}.ra-no{background:#fca5a5;color:#7f1d1d}.ra-btn:active{transform:scale(.98)}.ra-btn:hover{filter:brightness(.98)}.ra-feedback{margin-top:12px;font-weight:900;min-height:30px}.ra-goodBig,.ra-tryBig,.ra-hintBig{font-size:clamp(16px,4.2vw,20px)}.ra-goodBig{color:#065f46}.ra-tryBig{color:#9f1239}.ra-hint{opacity:.65;color:#475569}.ra-pop{display:inline-block;animation:raPop .35s ease-out both}@keyframes raPop{0%{transform:scale(.7);opacity:.2}to{transform:scale(1);opacity:1}}.ra-progress{margin-top:12px;font-weight:800;opacity:.75;color:#475569}.ra-ynCard.is-wrong{animation:raShake .35s ease-in-out both;border-color:#f43f5e59}@keyframes raShake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-6px)}to{transform:translate(0)}}.ra-ynCard.is-fly{animation:raRocket .7s ease-in both}.ra-ynCard.is-correct{border-color:#22c55e59}.ra-ynCard.is-fly:after{content:"";position:absolute;left:50%;bottom:-20px;width:14px;height:140px;transform:translate(-50%);background:linear-gradient(180deg,#ffd70000,#ffd7008c,#ff63848c,#0000);filter:blur(1px);border-radius:999px;opacity:.9;animation:trail .7s ease-in both}@keyframes raRocket{0%{transform:translateY(0) scale(1);opacity:1}60%{transform:translateY(-35vh) rotate(-6deg) scale(1.02)}to{transform:translateY(-120vh) rotate(-10deg) scale(.98);opacity:0}}@keyframes trail{0%{height:30px;opacity:0}30%{height:140px;opacity:.9}to{height:40px;opacity:0}}@media(max-width:520px){.ra-btnRow{flex-direction:column}}.ra-imageWrap{width:100%;margin:0 0 14px}.ra-image{width:100%;max-height:260px;object-fit:contain;border-radius:16px;display:block}.ra-card{position:relative}.ra-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:22px;z-index:5}.ra-confettiPiece{position:absolute;top:-12px;width:10px;height:16px;border-radius:4px;animation-name:ra-confettiFall;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes ra-confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(360px) rotate(520deg);opacity:0}}.ipm-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:14px;z-index:9999}.ipm-card{width:min(920px,100%);max-height:85vh;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.ipm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.ipm-title{font-size:16px;font-weight:700}.ipm-close{border:0;background:transparent;font-size:20px;cursor:pointer}.ipm-loading,.ipm-empty{padding:18px}.ipm-grid{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:auto}@media(max-width:520px){.ipm-grid{grid-template-columns:repeat(2,1fr)}}.ipm-item{border:0;padding:0;background:transparent;cursor:pointer}.ipm-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;box-shadow:0 10px 22px #0000002e}.reading-btn.prev{background:#10b981;box-shadow:0 6px #047857}.reading-btn.next{background:#f97316;box-shadow:0 6px #c2410c}.ra-admin{max-width:900px;margin:auto;padding:20px}.box{background:#fff;padding:16px;border-radius:12px;margin-bottom:20px;box-shadow:0 8px 20px #00000014}label{display:block;margin-top:10px;font-weight:600}input,textarea,select{width:100%;padding:8px;margin-top:4px}button{margin-top:14px;padding:10px 16px;font-weight:700;cursor:pointer}.ra-imgRow{display:flex;gap:10px;align-items:center}.ra-imgBtn{padding:10px 12px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.ra-imgPreview{margin-top:10px;border:1px solid #eee;border-radius:14px;padding:10px;background:#fafafa}.ra-imgPreview img{width:100%;max-height:260px;object-fit:contain;border-radius:12px;display:block}.ra-imgHint{margin-top:6px;font-size:13px;opacity:.7}.ram-page{width:100%;padding:28px 16px 60px;background:#f6f7fb;box-sizing:border-box}.ram-card{max-width:980px;margin:0 auto;background:#fff;border-radius:20px;padding:18px 18px 20px;box-shadow:0 12px 34px #00000014}.ram-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ram-title{margin:0;font-size:26px;font-weight:900;letter-spacing:-.3px}.ram-newBtn{text-decoration:none;background:#111827;color:#fff;padding:10px 14px;border-radius:12px;font-weight:800}.ram-muted{color:#6b7280;padding:14px 4px}.ram-list{display:flex;flex-direction:column;gap:10px}.ram-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid #eef0f6;border-radius:16px}.ram-left{min-width:0}.ram-rowTitle{font-size:18px;font-weight:900;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ram-meta{margin-top:4px;font-size:13px;color:#6b7280;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ram-dot{opacity:.6}.ram-actions{display:flex;gap:8px;align-items:center}.ram-edit,.ram-del{border:0;padding:10px 12px;border-radius:12px;font-weight:800;cursor:pointer}.ram-edit{background:#2563eb;color:#fff}.ram-del{background:#ef4444;color:#fff}.ram-del:disabled{opacity:.6;cursor:not-allowed}.g1ra-page{width:100%;padding:28px 16px 60px;background:#f8fafc;box-sizing:border-box}.g1ra-content{max-width:900px;margin:0 auto}.g1ra-title{margin:0 0 14px;font-size:30px;font-weight:900;color:red;text-align:center}.g1ra-note{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;color:#475569;font-weight:700;margin-bottom:14px}.g1ra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:680px){.g1ra-grid{grid-template-columns:1fr}}.g1ra-card{display:block;text-decoration:none;background:#fff;border-radius:18px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 12px 30px #00000014;transition:transform .12s ease,box-shadow .12s ease}.g1ra-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0000001f}.g1ra-cardTitle{font-size:18px;font-weight:900;color:#0f172a;margin-bottom:6px}.g1ra-cardSub{font-size:13px;font-weight:800;color:#64748b;text-transform:capitalize}.g1ra-open{margin-top:12px;display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:900}.rb-page{width:100%;padding:0 18px 40px;box-sizing:border-box;background:#f7f7f7;min-height:auto!important}.rb-card{max-width:1100px;margin:0 auto;background:#fff;border-radius:18px;padding:18px 18px 22px;box-shadow:0 10px 30px #0000000f;min-height:auto!important}.rb-card>*:first-child{margin-top:0!important}.rb-top{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.rb-field label,.rb-titleWrap label,.rb-right label{display:block;font-weight:800;margin-bottom:6px;color:#0f172a}.rb-field input,.rb-field select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;outline:none;font-size:14px;background:#fff}.rb-actions{display:flex;justify-content:flex-end}.rb-pub{display:inline-flex;gap:10px;align-items:center;font-weight:800;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;-webkit-user-select:none;user-select:none;background:#fff}.rb-titleWrap{margin-top:14px}.rb-title{width:100%;padding:14px;border-radius:14px;border:1px solid #e5e7eb;outline:none;font-size:20px;font-weight:800;background:#fff}.rb-divider{height:1px;background:#eef2f7;margin:16px 0}.rb-blocks{display:flex;flex-direction:column;gap:14px}.rb-block{border:1px solid #eef2f7;border-radius:16px;padding:14px;display:grid;grid-template-columns:360px 1fr 64px;gap:14px;align-items:start}.rb-left{display:flex;flex-direction:column;gap:10px;align-self:start}.rb-preview{width:100%;height:140px;background:#f1f5f9;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.rb-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.rb-placeholder{font-weight:900;color:#64748b}.rb-pickBtn{display:inline-flex;justify-content:center;padding:12px;border-radius:14px;border:2px solid #111;font-weight:900;cursor:pointer;background:#fff}.rb-right textarea{width:100%;min-height:140px;padding:12px;border-radius:14px;border:1px solid #e5e7eb;outline:none;font-size:16px;line-height:1.6;resize:vertical;background:#fff}.rb-right textarea:focus{border-color:#cbd5e1}.rb-tools{display:flex;flex-direction:column;gap:10px;align-items:stretch}.rb-idx{text-align:center;font-weight:900;padding:10px 0;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb}.rb-toolBtn{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 0;font-weight:900;cursor:pointer}.rb-toolBtn.danger{border-color:#fecaca}.rb-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.rb-plus{width:48px;height:48px;border-radius:14px;border:2px solid #111;background:#fff;font-size:26px;font-weight:900;cursor:pointer}.rb-saveRow{display:flex;gap:10px}.rb-btn{padding:12px 14px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;font-weight:900;cursor:pointer}.rb-btn.primary{background:#111;color:#fff;border-color:#111}.rb-btn:disabled{opacity:.6;cursor:not-allowed}.rb-msg{margin-top:12px;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;font-weight:700}.rb-parentNote{width:100%;min-height:90px;resize:vertical;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;font-size:15px;line-height:1.5;background:#fff}.rb-parentEditor .editor-toprow,.rb-parentEditor .editor-actions{display:none}.rb-parentHint{margin-top:6px;font-size:13px;color:#64748b}.ue-wrap{width:100%}.ue-loading{padding:12px;color:#374151}.ue-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.ue-btn{border:1px solid #e5e7eb;background:#f9fafb;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:#111827}.ue-btn:hover{background:#f3f4f6}.ue-btn.is-active{background:#111827;color:#fff;border-color:#111827}.ue-sep{width:1px;height:22px;background:#e5e7eb;margin:0 4px}.ue-spacer{flex:1}.ue-save{border:none;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;background:#e5e7eb;color:#111827}.ue-save.is-dirty{background:#16a34a;color:#fff}.ue-save:disabled{cursor:not-allowed;opacity:.7}.ue-color{display:flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#f9fafb;padding:6px 10px;border-radius:8px;font-size:13px;color:#111827}.ue-color input[type=color]{width:28px;height:22px;padding:0;border:none;background:transparent;cursor:pointer}.ue-surface{margin-top:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.ue-editor{min-height:320px;outline:none;padding:10px 18px 10px 10px;line-height:1.6;font-size:15px;color:#111827}.ue-editor p{margin:8px 0}.ue-editor ul,.ue-editor ol{padding-left:22px;margin:10px 0}.ue-editor h1{font-size:28px;margin:14px 0 10px}.ue-editor h2{font-size:22px;margin:14px 0 10px}.ue-editor h3{font-size:18px;margin:14px 0 10px}.ue-editor a{color:#2563eb;text-decoration:underline}.rm-page{padding:22px 16px 60px}.rm-card{max-width:1200px;margin:0 auto;background:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:18px}.rm-header{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.rm-header h2{margin:0;font-size:22px;font-weight:900}.rm-sub{color:#64748b;font-size:13px;margin-top:4px}.rm-actionsTop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rm-search{width:280px;max-width:90vw;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;outline:none}.rm-btn{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:700;text-decoration:none;color:#0f172a;display:inline-flex;align-items:center}.rm-btn.primary{background:#111827;border-color:#111827;color:#fff}.rm-msg{margin:10px 0 14px;padding:10px 12px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;font-weight:700}.rm-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}@media(max-width:960px){.rm-grid{grid-template-columns:1fr}}.rm-panelTitle{font-weight:900;margin:6px 0 10px}.rm-left,.rm-right{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.rm-list{display:flex;flex-direction:column;gap:10px}.rm-lessonRow{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;cursor:pointer}.rm-lessonRow.active{outline:3px solid rgba(59,130,246,.2);border-color:#93c5fd}.rm-lessonTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.rm-lessonTitle{font-weight:900}.rm-lessonMeta{display:flex;gap:8px;margin-top:6px;color:#64748b;font-size:13px}.rm-pill{font-size:12px;font-weight:900;padding:5px 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0}.rm-pill.pub{background:#ecfdf5;border-color:#86efac}.rm-rowBtns{display:flex;gap:8px;margin-top:10px}.rm-mini{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:800;text-decoration:none;color:#0f172a}.rm-mini.danger{border-color:#fecaca;background:#fff5f5}.rm-empty{padding:16px;color:#64748b;font-weight:800}.rm-itemsTop{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.rm-items{display:flex;flex-direction:column;gap:12px}.rm-itemRow{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr 1.2fr;gap:12px}@media(max-width:960px){.rm-itemRow{grid-template-columns:1fr}}.rm-itemLeft{display:flex;gap:12px}.rm-thumb{width:120px;height:92px;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;background:#f1f5f9;flex-shrink:0;display:grid;place-items:center}.rm-thumb img{width:100%;height:100%;object-fit:cover}.rm-thumbEmpty{font-weight:900;color:#94a3b8;font-size:12px}.rm-itemFields{flex:1;display:grid;gap:8px}.rm-fieldLine{display:grid;gap:6px}.rm-fieldLine label,.rm-itemRight label{font-weight:900;font-size:13px}.rm-fieldLine input{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;outline:none}.rm-small{width:90px}.rm-itemRight textarea{width:100%;min-height:86px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;outline:none;margin-top:6px}.rm-itemBtns{display:flex;gap:10px;margin-top:10px}.rl-page{width:100%;min-height:70vh;padding:34px 18px 80px;box-sizing:border-box;background:#f7f7f7}.rl-wrap{max-width:980px;margin:0 auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 18px 50px #00000014}.rl-title{margin:0 0 18px;font-size:clamp(30px,5vw,44px);font-weight:900;color:#0f172a;letter-spacing:-.5px;text-align:center}.rl-state{padding:18px 6px;font-weight:800;color:#334155}.rl-state.error{color:#b91c1c}.rl-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:680px){.rl-grid{grid-template-columns:1fr}}.rl-lessonBtn{text-decoration:none;color:#0f172a;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:110px;border-radius:18px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 26px #0000000f;transition:transform .12s ease,box-shadow .12s ease}.rl-lessonBtn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0000001a}.rl-lessonBtn:active{transform:translateY(0)}.rv-page{width:100%;padding:28px 16px 60px;background:#f8fafc;box-sizing:border-box}.rv-card{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:22px 22px 26px;box-shadow:0 12px 34px #00000014}.rv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.rv-headLeft{display:flex;flex-direction:column;gap:8px}.rv-title{font-family:Nunito,Poppins,Arial,sans-serif;font-size:clamp(26px,4vw,38px);font-weight:800;color:#0f172a;margin:0;text-align:center}.rv-backBtn{font-size:16px;font-weight:700;color:#2563eb;text-decoration:none}.rv-backBtn:hover{text-decoration:underline}.rv-parentNote{background:#f1f5f9;border-radius:14px;padding:12px 14px;font-size:18px;color:#334155}.rv-parentNoteInner{line-height:1.6}.rv-state{padding:24px 0;text-align:center;font-size:18px;font-weight:700;color:#475569}.rv-state.error{color:#dc2626}.rv-blocks{display:flex;flex-direction:column;gap:24px}.rv-block{display:grid;grid-template-columns:1fr;gap:14px}.rv-imgWrap{width:100%;max-width:420px;margin:0 auto;border-radius:18px;background:#f8fafc;overflow:hidden;border:2px solid #e2e8f0}.rv-imgWrap img{width:100%;display:block;object-fit:contain}.rv-noImg{padding:60px 0;text-align:center;font-weight:700;color:#94a3b8}.rv-text{font-family:Nunito,Poppins,Arial,sans-serif;font-size:clamp(22px,3.2vw,32px);line-height:1.75;font-weight:800;color:#0f172a;text-align:center;white-space:pre-wrap;letter-spacing:.2px;font-size:42px}@media(min-width:768px){.rv-block{grid-template-columns:420px 1fr;align-items:center}.rv-text{text-align:left}}@media print{@page{size:A4;margin:18mm 16mm 22mm}body{background:#fff!important}header,footer,.rv-backBtn,.rv-printBtn{display:none!important}.rv-page{padding:0!important;background:#fff!important}.rv-card{max-width:100%!important;padding:0!important;border-radius:0!important;box-shadow:none!important}.rv-title{font-size:28px!important;margin-bottom:8mm!important}.rv-parentNote{font-size:14px!important;margin-bottom:10mm!important;background:#fff!important;border:1px solid #e2e8f0!important}.rv-block{grid-template-columns:1fr!important;gap:6mm!important;margin-bottom:14mm!important;page-break-inside:avoid;break-inside:avoid}.rv-imgWrap{max-width:130mm!important;margin:0 auto!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background:#fff!important}.rv-imgWrap img{width:100%!important;height:auto!important;object-fit:contain!important}.rv-text{font-size:22px!important;line-height:1.55!important;text-align:center!important}img{max-width:100%!important;height:auto!important}body:after{content:"www.katpom.com  |  077 61 69 470  |  Page " counter(page);position:fixed;bottom:10mm;left:0;right:0;text-align:center;font-size:11px;color:#475569}}.mcq-pill{padding:8px 12px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 24px #0000000f;font-size:13px;font-weight:700}.mcq-question{position:relative;z-index:1;font-size:22px;line-height:1.6;font-weight:800;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:#fff9;border:1px solid rgba(17,24,39,.06)}.mcq-opt{border:0;border-radius:14px;padding:14px 12px;font-size:18px;font-weight:800;cursor:pointer;background:linear-gradient(180deg,#141414,#0b0b0b);color:#fff;box-shadow:0 14px 26px #0000002e;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.mcq-opt[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.mcq-explain{font-size:15px;line-height:1.55;color:#111827}.mcq-page{min-height:100vh;padding:22px 14px 44px;background:radial-gradient(1200px 600px at 20% 0%,#fff2f7 0%,transparent 55%),radial-gradient(900px 520px at 85% 10%,#eef8ff 0%,transparent 50%),#f6f7fb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}.mcq-loading{padding:18px;font-weight:700}.mcq-topbar{max-width:980px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mcq-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:.2px}.mcq-star{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#111827,#2b2f3a);color:#ffd54a;box-shadow:0 10px 26px #1118272e}.mcq-name{background:linear-gradient(90deg,#111827,#ff3b7a 45%,#111827);-webkit-background-clip:text;background-clip:text;color:transparent}.mcq-pill{padding:8px 12px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 24px #0000000f;font-size:13px;font-weight:800}.mcq-card{max-width:980px;margin:0 auto;background:#ffffffdb;border:1px solid rgba(17,24,39,.08);border-radius:18px;box-shadow:0 18px 60px #0000001a;padding:22px 18px 18px;position:relative;overflow:hidden}.mcq-card:before{content:"";position:absolute;inset:-120px -160px auto auto;width:380px;height:380px;background:radial-gradient(circle at 30% 30%,rgba(255,59,122,.2),transparent 60%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.18),transparent 55%);transform:rotate(12deg);pointer-events:none}.mcq-qno{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:16px;background:linear-gradient(135deg,#ff3b7a,#ff7aa8);color:#fff;box-shadow:0 14px 30px #ff3b7a40;margin-bottom:12px;position:relative;z-index:1}.mcq-question{position:relative;z-index:1;font-size:22px;line-height:1.6;font-weight:900;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:#fff9;border:1px solid rgba(17,24,39,.06)}.mcq-options{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}.mcq-opt{border:0;border-radius:14px;padding:14px 12px;font-size:18px;font-weight:900;cursor:pointer;background:linear-gradient(180deg,#141414,#0b0b0b);color:#fff;box-shadow:0 14px 26px #0000002e;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.mcq-opt:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00000038;filter:brightness(1.05)}.mcq-opt:active{transform:translateY(0) scale(.99)}.mcq-opt:disabled{opacity:.8;cursor:not-allowed}.mcq-opt.is-selected{outline:3px solid rgba(255,59,122,.35);box-shadow:0 18px 40px #ff3b7a2e}.mcq-opt.is-correct{background:linear-gradient(180deg,#0f766e,#065f46)}.mcq-opt.is-wrong{background:linear-gradient(180deg,#b91c1c,#7f1d1d)}.mcq-feedback{position:relative;z-index:1;margin-top:16px;border-radius:16px;padding:14px;border:1px solid rgba(17,24,39,.08);background:#ffffffb3}.mcq-feedback-title{font-weight:900;margin-bottom:6px;font-size:16px}.mcq-explain{font-size:15px;line-height:1.55;color:#111827;margin-bottom:12px}.mcq-correct{box-shadow:0 16px 36px #10b9811f;border-color:#10b98133}.mcq-wrong{box-shadow:0 16px 36px #ef44441f;border-color:#ef444433}.mcq-next{border:0;padding:12px 14px;border-radius:14px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#111827,#2b2f3a);color:#fff;box-shadow:0 14px 30px #1118272e;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.mcq-next:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 34px #11182738}.mcq-next:active{transform:translateY(0) scale(.99)}.mcq-finish{position:relative;z-index:1;text-align:center;padding:24px 10px 10px}.mcq-finish-title{font-weight:1000;font-size:22px;margin-bottom:6px}.mcq-finish-sub{font-weight:700;opacity:.85;margin-bottom:16px}@media(max-width:780px){.mcq-question{font-size:18px}.mcq-options{grid-template-columns:1fr}.mcq-opt{font-size:16px;padding:14px}}.tnr-page{padding:18px 12px;background:#f3f4f6;min-height:100vh;display:flex;justify-content:center}.tnr-card{width:100%;max-width:980px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 24px #0000001a;text-align:center}.tnr-sub{margin-top:2px;font-size:14px;font-weight:800;color:#444}.tnr-num-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:320px;margin:10px auto 14px}.tnr-num-btn{height:44px;border-radius:12px;border:2px solid #111;background:#111;color:#fff;font-size:16px;font-weight:900;cursor:pointer;transition:transform .06s ease,background .15s ease}.tnr-num-btn:active{transform:scale(.97)}.tnr-num-btn.is-active{background:#fff;color:#111;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b59}.tnr-img-wrap{margin:10px auto 8px;width:min(340px,86vw);height:220px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:14px;border:1px solid #eee;padding:8px}.tnr-img{max-width:100%;max-height:100%;object-fit:contain}.tnr-missing{font-weight:900;color:#b00020}.tnr-sentences{margin-top:6px;font-size:40px;font-weight:900;line-height:1.15}.tnr-s1,.tnr-s2{margin:8px 0}.tnr-repeat{margin-top:12px;padding:12px 14px;border:2px solid #111;border-radius:12px;background:#fffbe6;font-weight:900;cursor:pointer}@media(max-width:520px){.tnr-img-wrap{height:200px}.tnr-sentences{font-size:40px}.tnr-num-btn{height:40px;font-size:15px}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.site-footer{margin-top:auto}.np-wrap{flex:1;width:100%;display:grid;place-items:center;background:#f3f4f6;padding:16px 12px;box-sizing:border-box}.np-card{width:min(900px,94vw);background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0000001a;box-sizing:border-box}.np-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.np-box{padding:12px 14px;border-radius:14px;color:#fff;font-weight:900;line-height:1.05;min-width:120px;box-sizing:border-box}.points{background:#3b82f6}.time{background:#111827}.np-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.np-start{background:#22c55e;color:#fff;border:none;border-radius:12px;padding:10px 18px;font-weight:900;cursor:pointer;box-shadow:0 8px 16px #22c55e38;transition:transform .12s ease,opacity .12s ease}.np-start:active{transform:translateY(1px)}.np-start:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.np-qno{margin-top:14px;font-weight:900;color:#111827}.np-question{margin:24px 0 18px;text-align:center;font-weight:900;color:#0b1220;font-size:clamp(34px,9vw,62px)}.np-line{display:inline-block;width:clamp(40px,12vw,70px);border-bottom:6px solid #000;transform:translateY(-6px)}.np-answers{display:flex;justify-content:center;gap:clamp(10px,3vw,26px);flex-wrap:wrap}.np-btn{border:none;color:#fff;font-weight:900;cursor:pointer;width:clamp(88px,26vw,160px);padding:14px 0;font-size:clamp(20px,6vw,28px);border-radius:0;transition:transform .12s ease,opacity .12s ease}.np-btn:active{transform:translateY(2px) scale(.99)}.c0{background:#00a8ff}.c1{background:#d10000}.c2{background:#06255d}.np-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:420px){.np-card{padding:18px}.np-box{min-width:108px;padding:10px 12px}.np-start{padding:9px 14px}}.hm-page{min-height:100vh;padding:14px;background:#f3f4f6;display:grid;place-items:start center}.hm-card{width:min(820px,100%);background:#fff;border-radius:18px;padding:14px 14px 12px;box-shadow:0 10px 26px #00000014;max-height:calc(100vh - 120px);display:grid;grid-template-rows:auto 1fr auto auto;gap:10px}.hm-title{margin:0;font-size:clamp(18px,2.4vw,30px);font-weight:900;letter-spacing:-.4px}.hm-imgBox{background:#f8fafc;border:2px solid #e5e7eb;border-radius:16px;padding:10px;display:grid;place-items:center;overflow:hidden;min-height:0}.hm-img{width:min(360px,92%);height:auto;max-height:clamp(220px,42vh,420px);object-fit:contain;display:block}.hm-choices{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hm-btn{width:92px;height:48px;border-radius:14px;border:2px solid #111827;background:#fff;font-size:22px;font-weight:900;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hm-btn:hover{box-shadow:0 10px 18px #0000001a}.hm-btn:active{transform:scale(.98)}.hm-correct{background:#16a34a;color:#fff;border-color:#16a34a}.hm-wrong{background:#dc2626;color:#fff;border-color:#dc2626}.hm-muted{opacity:.55}.hm-small{text-align:center;font-size:12px;color:#6b7280;font-weight:800}@media(max-width:520px){.hm-card{max-height:calc(100vh - 90px)}.hm-btn{width:84px;height:46px;font-size:20px;border-radius:12px}.hm-img{width:min(320px,95%);max-height:46vh}}.hm-btn{font-size:28px;font-weight:800;color:#0f172a;line-height:1;-webkit-text-fill-color:#0f172a;opacity:1}.hm-choices{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;margin-bottom:6px;flex-wrap:nowrap}.hm-choices .hm-btn{min-width:140px;height:46px;font-size:18px;font-weight:700;border-radius:14px}.phonics-cta{margin:18px auto 0;padding:18px 16px;max-width:320px;background:#111827;border-left:4px solid #facc15;border-radius:12px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 18px #00000059}.phonics-cta-text{margin:0;text-align:left;font-size:14px;font-weight:600;line-height:1.5;color:#f9fafb}.phonics-cta-btn{align-self:flex-start;padding:10px 16px;background:transparent;color:#facc15;border:1.8px solid #facc15;border-radius:8px;font-size:13.5px;font-weight:700;letter-spacing:.4px;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}.phonics-cta-btn:hover{background:#facc15;color:#111827;transform:translateY(-1px)}.phonics-cta.compact{padding:14px 12px;gap:10px}.phonics-cta.compact .phonics-cta-text{font-size:13px}.phonics-cta.compact .phonics-cta-btn{padding:8px 14px;font-size:13px}.number-pad{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);row-gap:6px;column-gap:10px;width:86%;margin:0 auto;padding:4px 0;box-sizing:border-box;align-content:start;position:relative;z-index:20;pointer-events:auto}.pad-btn{width:100%;height:clamp(44px,9vh,56px);border:none;border-radius:12px;color:#111827;font-size:clamp(22px,3.5vh,28px);font-weight:900;line-height:1;box-shadow:0 3px 8px #0000001a;cursor:pointer;pointer-events:auto;position:relative}.pad-btn:active{transform:scale(.95);filter:brightness(.95)}.pad-btn:disabled{opacity:.55;cursor:not-allowed}.pad-fn{background:#cbd5e1;color:#111}.pad-n1{background:#fde2e4}.pad-n2{background:#faedcb}.pad-n3{background:#e2ece9}.pad-n4{background:#bee1e6}.pad-n5{background:#e9d8fd}.pad-n6{background:#fff1c1}.pad-n7{background:#dbeafe}.pad-n8{background:#dcfce7}.pad-n9{background:#ffe4cc}.pad-n0{background:#e5e7eb}.pad-nc{background:#cbd5e1}:root{--paper-bg: #f5f1e6;--paper-card: #fffdf7;--ink: #1f2937;--muted-ink: #6b7280;--rule: #e5e1d8}.worddiff-page{min-height:100vh;background:var(--paper-bg);padding:32px 14px;box-sizing:border-box;font-family:Noto Sans Tamil,Georgia,Times New Roman,serif}.worddiff-card{max-width:760px;margin:0 auto;background:var(--paper-card);padding:40px 36px;border-radius:10px;border:1px solid var(--rule);box-shadow:0 2px 10px #0000000f}.worddiff-title{font-size:30px;font-weight:800;margin:0 0 22px;color:var(--ink);line-height:1.25;text-align:center}.worddiff-content{font-size:18px;line-height:1.85;color:var(--ink);word-break:break-word;overflow-wrap:anywhere;max-width:100%}.worddiff-content p{margin:0 0 16px}.worddiff-content br{line-height:1.85}.worddiff-content strong{font-weight:800}.worddiff-content em{font-style:italic}.worddiff-content hr{border:none;border-top:1px solid var(--rule);margin:22px 0}.worddiff-footer{margin-top:28px;font-size:13px;color:var(--muted-ink);border-top:1px solid var(--rule);padding-top:12px}.worddiff-status{padding:40px;font-size:16px;color:var(--ink);text-align:center}.wd-back{border:0;background:#eef2ff;color:#1e3a8a;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer;margin-bottom:14px}.wd-back:hover{filter:brightness(.97)}.answers-block{margin-top:10px}.answers-block .answers-list{list-style:none;padding-left:0;margin:10px 0 0}.answers-block .answers-list>li{display:flex;gap:12px;align-items:flex-start;margin:10px 0}.answers-block .ans-no{width:40px;text-align:right;flex:0 0 40px;font-weight:700}.answers-block .ans-text{flex:1;min-width:0}.answers-block .ans-text p{margin:0}.answers-block .ans-text p+p{margin-top:6px}.worddiff-content ol,.worddiff-content ul{margin:12px 0 18px!important;padding-left:1.6rem!important;list-style-position:outside!important}.worddiff-content li{margin:8px 0!important;padding-left:0!important;line-height:1.8!important}.worddiff-content li p{margin:0!important;font-size:inherit}.worddiff-content .WordSection1{margin:0!important;padding:0!important}.worddiff-content p.MsoNormal,.worddiff-content .MsoNormal{margin:0 0 14px!important;text-indent:0!important;padding:0!important}.worddiff-content p.MsoListParagraphCxSpFirst,.worddiff-content p.MsoListParagraphCxSpMiddle,.worddiff-content p.MsoListParagraphCxSpLast,.worddiff-content p.MsoListParagraph{margin:0 0 10px!important;text-indent:0!important;padding-left:0!important}.worddiff-content p[style*="text-indent:-"],.worddiff-content p[style*=mso-list],.worddiff-content span[style*=mso-list]{text-indent:0!important;margin-left:0!important;padding-left:0!important}.worddiff-content *{max-width:100%}@media(max-width:640px){.worddiff-card{padding:26px 18px}.worddiff-title{font-size:24px}.worddiff-content{font-size:17px;line-height:1.8}.answers-block .ans-no{width:34px;flex:0 0 34px}}@media(max-width:480px){.worddiff-card{padding:22px 16px}.worddiff-content{font-size:19px;line-height:1.9}.worddiff-content ol,.worddiff-content ul{padding-left:1.1rem!important;font-size:19px}.worddiff-content li{font-size:19px;line-height:1.9;padding-left:0!important}.worddiff-content li p{font-size:inherit}.worddiff-content li::marker{font-weight:600}.worddiff-title{font-size:26px}.worddiff-content :lang(ta){font-size:21px;line-height:2}}.ue-video{width:100%;max-width:100%;aspect-ratio:16 / 9;position:relative;margin:14px 0}.worddiff-content iframe,.worddiff-content video,.worddiff-content embed,.worddiff-content object,.ue-video iframe{width:100%!important;max-width:100%!important;height:100%!important;display:block;border:0}.worddiff-content iframe{aspect-ratio:16 / 9;height:auto!important}:root{--g-bg: #f3fbf7;--g-card: #ffffff;--g-text: #0f172a;--g-muted: #64748b;--g-green: #22c55e;--g-green-dark: #16a34a;--g-mint: #dcfce7;--g-border: rgba(15, 23, 42, .12);--g-shadow: 0 18px 55px rgba(15, 23, 42, .12);--g-shadow-soft: 0 10px 25px rgba(15, 23, 42, .08);--g-radius: 16px}.admin-page{min-height:100vh;padding:28px 14px;background:radial-gradient(1200px 600px at 20% 0%,var(--g-mint),transparent 60%),radial-gradient(1000px 600px at 90% 10%,rgba(34,197,94,.14),transparent 55%),linear-gradient(180deg,var(--g-bg),#ffffff);display:flex;justify-content:center}.admin-content{width:100%;max-width:980px;background:var(--g-card);border:1px solid var(--g-border);border-radius:var(--g-radius);box-shadow:var(--g-shadow);padding:28px 26px;position:relative;overflow:hidden}.admin-content:before{content:"";position:absolute;left:0;top:0;height:8px;width:100%;background:linear-gradient(90deg,var(--g-green),#86efac,var(--g-green))}.admin-content h1{margin:8px 0 18px;font-size:34px;line-height:1.1;font-weight:900;color:var(--g-text);letter-spacing:-.02em}.admin-content .error{margin:10px 0 16px;padding:12px 14px;border-radius:12px;background:#fff1f2;border:1px solid rgba(244,63,94,.25);color:#9f1239;font-weight:700}.admin-content label{display:block;margin-top:16px;margin-bottom:8px;font-weight:900;color:var(--g-text);letter-spacing:.01em}.admin-content input,.admin-content select,.admin-content textarea{width:100%;border:1px solid rgba(15,23,42,.16);border-radius:14px;padding:12px 14px;font-size:16px;color:var(--g-text);background:#fff;outline:none;box-shadow:0 0 #22c55e00;transition:border-color .18s ease,box-shadow .18s ease,transform .05s ease}.admin-content textarea{resize:vertical;min-height:220px;line-height:1.5}.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{border-color:#22c55ecc;box-shadow:0 0 0 5px #22c55e29}.admin-content p{margin:10px 0 0;color:var(--g-muted)}.admin-content button{appearance:none;border:none;border-radius:14px;padding:12px 16px;font-size:16px;font-weight:900;cursor:pointer;transition:transform .06s ease,filter .15s ease,box-shadow .15s ease}.admin-content button:last-of-type{margin-top:18px;background:linear-gradient(180deg,var(--g-green),var(--g-green-dark));color:#fff;box-shadow:var(--g-shadow-soft);width:160px}.admin-content button:last-of-type:hover{filter:brightness(1.03);box-shadow:0 14px 34px #16a34a38;transform:translateY(-1px)}.admin-content button:last-of-type:active{transform:translateY(0) scale(.99)}.admin-content button[type=button]{margin-top:10px;background:#f1f5f9;color:#0f172a;border:1px solid rgba(15,23,42,.12)}.admin-content button[type=button]:hover{filter:brightness(.98);transform:translateY(-1px)}.admin-content button[type=button]:active{transform:translateY(0) scale(.99)}.admin-content button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.admin-page{padding:16px 10px}.admin-content{padding:18px 14px;border-radius:14px}.admin-content h1{font-size:28px}.admin-content button:last-of-type{width:100%}}.wd-admin{min-height:100vh;background:#f3f4f6;padding:24px 14px}.wd-wrap{max-width:1200px;margin:0 auto}.wd-title{margin:0 0 14px;font-size:28px;font-weight:900;color:#111827}.wd-msg{background:#fff;border:1px solid #e5e7eb;padding:10px 12px;border-radius:12px;margin-bottom:14px;font-weight:700;color:#b91c1c}.wd-grid{display:grid;grid-template-columns:360px 1fr;gap:14px}@media(max-width:900px){.wd-grid{grid-template-columns:1fr}}.wd-list,.wd-editor{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 24px #0000000f;overflow:hidden}.wd-list-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #eef2f7}.wd-list-title{font-size:16px;font-weight:900;color:#111827}.wd-ul{list-style:none;margin:0;padding:10px;display:grid;gap:8px}.wd-item{width:100%;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;cursor:pointer;transition:transform .05s ease,box-shadow .1s ease}.wd-item:hover{box-shadow:0 10px 18px #00000014;transform:translateY(-1px)}.wd-item.is-active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.wd-item-title{font-weight:900;color:#111827;font-size:15px;margin-bottom:4px}.wd-item-sub{font-size:12px;color:#6b7280}.wd-muted{color:#6b7280;padding:14px;font-weight:600}.wd-editor{padding:14px}.wd-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eef2f7;margin-bottom:12px}.wd-editor-title{font-size:16px;font-weight:900;color:#111827}.wd-actions{display:flex;gap:8px;flex-wrap:wrap}.wd-btn{border:none;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:900;font-size:14px}.wd-btn:disabled{opacity:.55;cursor:not-allowed}.wd-btn-ghost{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}.wd-btn-blue{background:#2563eb;color:#fff}.wd-btn-red{background:#dc2626;color:#fff}.wd-field{display:grid;gap:6px;margin-bottom:12px}.wd-label{font-weight:900;color:#111827}.wd-input{border:1px solid #d1d5db;border-radius:12px;padding:10px 12px;font-size:16px;outline:none}.wd-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.wd-toolbar{display:flex;gap:8px;margin:10px 0}.wd-tb{border:1px solid #d1d5db;background:#f9fafb;border-radius:12px;padding:8px 12px;cursor:pointer;font-size:16px;font-weight:900}.wd-tb:disabled{opacity:.6;cursor:not-allowed}.wd-box{min-height:260px;border:1px solid #d1d5db;border-radius:14px;padding:12px;font-size:18px;line-height:1.7;outline:none;background:#fff}.wd-box.is-disabled{background:#f9fafb}.wd-hint{margin-top:10px;color:#6b7280;font-weight:700}.pe2-root{min-height:100vh;background:#f5f6fb;padding:18px;box-sizing:border-box}.pe2-topbar{position:sticky;top:0;z-index:50;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 8px 24px #0000000f}.pe2-left,.pe2-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pe2-title{font-size:18px;font-weight:900;color:#111827;margin-right:6px}.pe2-grid{margin-top:14px;display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}.pe2-sidebar{position:sticky;top:78px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px;box-shadow:0 8px 24px #0000000f;height:calc(100vh - 110px);display:flex;flex-direction:column;overflow:hidden}.pe2-search{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.pe2-count{margin:10px 2px 8px;font-size:12px;color:#6b7280;font-weight:700}.pe2-list{overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.pe2-item{text-align:left;width:100%;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:12px;background:#fff;cursor:pointer}.pe2-item:hover{background:#f7f7ff}.pe2-item.is-active{border-color:#3b82f680;box-shadow:0 10px 22px #3b82f624}.pe2-item-title{font-weight:900;color:#111827;font-size:14px;line-height:1.2}.pe2-item-slug{margin-top:4px;font-size:12px;color:#6b7280;word-break:break-word}.pe2-main{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 8px 24px #0000000f;padding:14px}.pe2-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.pe2-field{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;font-size:14px;outline:none;background:#fff}.pe2-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.pe2-panel{border:1px solid rgba(0,0,0,.1);border-radius:16px;overflow:hidden;background:#fff}.pe2-panel-head{padding:10px 12px;font-weight:900;border-bottom:1px solid rgba(0,0,0,.08);background:#fafafa}.pe2-panel-body{padding:12px}.pe2-btn{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}.pe2-btn:disabled{opacity:.6;cursor:not-allowed}.pe2-btn-primary{background:#2563eb;color:#fff;border-color:#2563ebb3}.pe2-btn-ghost{background:#f3f4f6}.pe2-msg{max-width:320px;font-size:12px;color:#374151;font-weight:800;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1000px){.pe2-grid{grid-template-columns:1fr}.pe2-sidebar{position:relative;top:0;height:auto}.pe2-panels,.pe2-fields{grid-template-columns:1fr}}.qa-admin-wrap{padding:24px;max-width:1200px;width:100%;margin:0 auto;background:#fff}.qa-admin-top{display:flex;align-items:center;gap:16px;margin-bottom:24px}.qa-admin-label{width:90px;font-weight:700}.qa-admin-select{min-width:320px;padding:10px 12px;border:2px solid #111;border-radius:6px;font-size:16px}.qa-admin-block{margin-top:10px}.qa-row{display:grid;grid-template-columns:40px 1fr 40px;gap:16px;align-items:start;padding:14px 0}.qa-left{display:grid;gap:18px;padding-top:8px}.qa-mark{font-weight:800}.qa-right{display:grid;gap:12px}.qa-input{width:100%;padding:12px 14px;border:1px solid #bbb;border-radius:6px;font-size:16px}.qa-del{border:1px solid #bbb;border-radius:6px;background:#fff;cursor:pointer;height:42px}.qa-add{margin-top:10px;padding:12px 14px;border:1px solid #bbb;border-radius:6px;background:#fff;cursor:pointer}.qa-vocab{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;margin-top:26px}.qa-vocab-label{font-weight:700}.qa-vocab-input{padding:12px 14px;border:1px solid #bbb;border-radius:6px;font-size:16px}.qa-actions{display:flex;justify-content:center;margin-top:32px}.qa-update{background:#ffeb3b;border:2px solid #111;padding:14px 60px;font-size:18px;font-weight:800;cursor:pointer}.qa-update:disabled{opacity:.6;cursor:not-allowed}.qa-msg{margin-top:16px;text-align:center;font-weight:700}.qa-form{display:none}.pqa-wrap{min-height:100vh;padding:28px 12px;background:#f3f4f6;display:flex;justify-content:center}.pqa-paper{width:100%;max-width:980px;background:#fff;padding:38px 44px;border-radius:10px;box-shadow:0 8px 24px #00000014}.pqa-title{text-align:center;margin:0 0 18px;font-size:34px;font-weight:800;color:#d10000}.pqa-instruction{margin:0 auto 28px;max-width:860px;font-size:18px;line-height:1.6;white-space:pre-line}.pqa-list{display:grid;gap:28px}.pqa-row{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:start}.pqa-qno{font-size:15px;font-weight:800;line-height:1.2;padding-top:1px}.pqa-qa{display:grid;gap:3px}.pqa-q{font-size:20px;font-weight:500;line-height:1.32;margin:0}.pqa-a{font-size:20px;font-weight:400;line-height:1.32;margin:0}@media(max-width:640px){.pqa-paper{padding:22px 18px}.pqa-title{font-size:28px}.pqa-instruction{font-size:16px}.pqa-list{gap:14px}.pqa-row{grid-template-columns:32px 1fr;gap:6px}.pqa-q,.pqa-a{font-size:18px}}@media(max-width:640px){.pqa-list{gap:25px}}.qa-topic-wrap{padding:16px;max-width:100%;margin:0 auto;box-sizing:border-box}.qa-topic-title{text-align:center;font-size:22px;font-weight:800;margin-bottom:20px}.qa-topic-grid{display:grid;grid-template-columns:1fr;gap:16px}.qa-topic-card{background:#fff;border:2px solid #111;border-radius:14px;padding:20px;text-align:center;font-size:18px;font-weight:700;cursor:pointer}@media(max-width:480px){.qa-topic-wrap{padding:10px}}@media(min-width:768px){.qa-topic-wrap{max-width:1100px;padding:40px}.qa-topic-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.qa-topic-title{font-size:28px;margin-bottom:30px}.qa-topic-card{font-size:20px;padding:28px}}.qa-topic-grid{justify-items:stretch}.qa-topic-card{display:block;width:100%;box-sizing:border-box}.qa-topic-wrap{max-width:520px}.qa-topic-wrap,.qa-topic-grid{width:100%}.qa-topic-card{width:100%!important;max-width:none!important;box-sizing:border-box}.qa-admin-shell{padding:18px}.qa-admin-head h2{margin:0 0 14px}.qa-admin-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}.qa-admin-left,.qa-admin-right{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.qa-admin-left-title{font-weight:800;margin-bottom:10px}.qa-topic-list{display:grid;gap:10px}.qa-topic-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid #eee;border-radius:10px}.qa-topic-row.is-active{border-color:#111}.qa-topic-name{font-weight:700;align-self:center}.qa-topic-actions{display:flex;gap:8px}.btn{padding:8px 10px;border:1px solid #bbb;background:#fff;border-radius:8px;cursor:pointer;font-weight:700}.btn.primary{background:#ffeb3b;border:2px solid #111}.btn.danger{border-color:#ef4444;color:#ef4444}.qa-empty{padding:24px;font-weight:700}.qa-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.qa-editor-title{font-weight:800}.qa-editor-title span{color:#111}.qa-editor-buttons{display:flex;gap:10px}.qa-editor-card{display:grid;grid-template-columns:1fr 140px;gap:12px;border:1px solid #eee;border-radius:12px;padding:12px;margin-bottom:12px}.qa-field{display:grid;gap:6px}.qa-field.full{grid-column:1 / -1}.input{width:100%;padding:10px 12px;border:1px solid #bbb;border-radius:8px;font-size:15px}.input.small{max-width:140px}.input.tiny{width:70px;padding:8px 10px}.textarea{width:100%;padding:10px 12px;border:1px solid #bbb;border-radius:8px;font-size:15px}.qa-items{display:grid;gap:12px}.qa-item{display:grid;grid-template-columns:70px 1fr 140px;gap:12px;align-items:start;border:1px solid #eee;border-radius:12px;padding:12px}.qa-item-left{font-weight:900;padding-top:6px}.qa-item-mid{display:grid;gap:10px}.qa-item-right{display:grid;gap:10px;justify-items:end}.qa-admin-muted{color:#6b7280;font-weight:700}.qa-msg{margin-top:12px;font-weight:900;text-align:center}@media(max-width:980px){.qa-admin-grid{grid-template-columns:1fr}}.qa-admin-right{height:calc(100vh - 90px);overflow-y:auto;padding-bottom:40px}.qa-items{padding-bottom:40px}.qa-editor-head{position:sticky;top:0;background:#fff;padding:12px 0;z-index:5}:root{--g1-card: #ffffff;--g1-ink: #0f172a;--g1-muted: #64748b;--g1-blue: #3b82f6;--g1-green: #22c55e;--g1-orange: #f97316;--g1-pink: #ec4899;--g1-purple: #8b5cf6;--g1-cyan: #06b6d4}.g1home{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:8px 16px 20px;position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 20% -10%,rgba(59,130,246,.18),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgba(236,72,153,.18),transparent 60%),radial-gradient(900px 500px at 10% 100%,rgba(34,197,94,.16),transparent 60%),#f6f7fb}.g1home-bg{position:absolute;inset:0;pointer-events:none}.g1home-bg .blob{position:absolute;width:260px;height:260px;border-radius:999px;filter:blur(26px);opacity:.55}.g1home-bg .b1{left:-60px;top:120px;background:#3b82f673}.g1home-bg .b2{right:-90px;top:60px;background:#ec489973}.g1home-bg .b3{left:40px;bottom:-90px;background:#22c55e73}.g1home-card{width:100%;max-width:420px;background:#ffffffeb;border:1px solid rgba(226,232,240,.9);border-radius:18px;box-shadow:0 10px 30px #0f172a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 14px 16px;position:relative;z-index:1;margin-left:-20px}.g1home-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.g1home-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:linear-gradient(90deg,#3b82f624,#ec489924);border:1px solid rgba(59,130,246,.18);color:var(--g1-ink);font-weight:800;font-size:13px}.g1home-cloud{font-size:18px;opacity:.8}.g1home-title{text-align:center;font-size:30px;font-weight:900;margin:10px 0 6px;letter-spacing:.2px;background:linear-gradient(90deg,var(--g1-blue),var(--g1-purple),var(--g1-pink),var(--g1-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.g1home-sub{text-align:center;margin:0 0 12px;color:var(--g1-muted);font-weight:700;font-size:14px}.g1home-grid{display:grid;grid-template-columns:1fr;gap:10px}.g1home-tile{display:grid;grid-template-columns:44px 1fr 34px;align-items:center;gap:10px;text-decoration:none;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 6px 16px #0f172a0f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;will-change:transform}.g1home-tile:hover{transform:translateY(-2px);box-shadow:0 14px 26px #0f172a1a}.g1home-tile:active{transform:scale(.985)}.g1home-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:20px;background:#f1f5f9}.g1home-text{color:#0f172a;font-size:16px;font-weight:800}.g1home-go{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#f8fafc;color:#334155;font-weight:900}.t-maths{border-left:6px solid var(--g1-blue)}.t-vocab{border-left:6px solid var(--g1-green)}.t-grammar{border-left:6px solid var(--g1-purple)}.t-reading{border-left:6px solid var(--g1-cyan)}.t-readanswer{border-left:6px solid var(--g1-orange)}.t-phonics{border-left:6px solid var(--g1-pink)}.t-qa{border-left:6px solid #f59e0b}.t-maths .g1home-ico{background:#3b82f624}.t-vocab .g1home-ico{background:#22c55e24}.t-grammar .g1home-ico{background:#8b5cf624}.t-reading .g1home-ico{background:#06b6d424}.t-readanswer .g1home-ico{background:#f9731624}.t-phonics .g1home-ico{background:#ec489924}.t-qa .g1home-ico{background:#f59e0b24}@media(max-width:480px){.g1home-card{padding:12px;border-radius:16px}.g1home-title{font-size:28px}.g1home-tile{padding:11px}.g1home-text{font-size:15px}}@media(prefers-reduced-motion:reduce){.g1home-tile{transition:none}}.grade2-page .g1-page{background:#fff;min-height:auto;padding:18px}.grade2-page .g1-title{margin-top:20px}.grade2-page .g1-content{width:100%;max-width:680px}@media(min-width:768px){.grade2-page .g1-content{max-width:900px}}@media(min-width:1024px){.grade2-page .g1-content{max-width:1100px}}.grade2-page .g1-grid{gap:10px}.grade2-page .g1-card{min-height:60px;padding:10px 12px;border-radius:14px;font-size:15px;box-shadow:0 6px 14px #0f172a1f}.grade2-page .g1-card:before{padding:1px;border-radius:14px}.grade2-page .g1-card-title{font-size:15px;font-weight:700}.grade2-page .g1-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000024}@media(max-width:480px){.grade2-page .g1-grid{gap:8px}.grade2-page .g1-card{min-height:52px;padding:8px 10px;border-radius:12px;font-size:14px}.grade2-page .g1-card-title{font-size:14px}}.dow-wrap{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:10px;background:#f6f7fb}.dow-card{width:100%;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px #0000000f;padding:12px}.dow-top{display:grid;gap:8px;margin-bottom:8px}.dow-questionBubble{width:100%;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;border-radius:14px;padding:12px 14px;font-weight:700;font-size:17px;text-align:left}.dow-msg{height:32px;display:grid;place-items:center;font-weight:700;border-radius:999px;border:1px solid #e5e7eb}.dow-msg.good{background:#f0fdf4;border-color:#86efac}.dow-msg.bad{background:#fef2f2;border-color:#fecaca}.dow-grid{display:grid;grid-template-columns:1fr;gap:6px}.dow-dayBtn{width:100%;border:none;border-radius:12px;padding:11px 12px;font-size:16px;font-weight:650;color:#fff;cursor:pointer;letter-spacing:.2px;opacity:1!important;filter:none!important}.dow-dayBtn:nth-child(1){background:#ef4444}.dow-dayBtn:nth-child(2){background:#22c55e}.dow-dayBtn:nth-child(3){background:#facc15;color:#1f2937}.dow-dayBtn:nth-child(4){background:#a855f7}.dow-dayBtn:nth-child(5){background:#3b82f6}.dow-dayBtn:nth-child(6){background:#8b5a2b}.dow-dayBtn:nth-child(7){background:#f97316}.dow-dayBtn:disabled{cursor:default;opacity:1!important;filter:none!important;box-shadow:inset 0 0 0 2px #0000001a}.shake{animation:shake .32s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.dow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:380px){.dow-grid{gap:10px}}.dow-dayBtn{width:100%;border:none;border-radius:14px;padding:16px 12px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #0000001a;transition:transform .05s ease}.dow-dayBtn:active{transform:scale(.98)}.dow-dayBtn:disabled{opacity:.75;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;background:#f1f5f9;color:#0f172a}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-layout{width:100%;min-height:100%;display:flex;flex-direction:column}img,video,iframe{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}@media(max-width:480px){body{overflow-x:hidden}.app-layout{padding:0;margin:0}}@media(max-width:480px){.app-layout{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.phonics-container,.phonics-list{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}}