@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&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}}: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);--shadow2: rgba(15,23,42,.06);--shadow3: rgba(15,23,42,.1)}.ght{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:8px;background:var(--bg-plain);color:var(--ght-ink)}.ght-g1,.ght-g2,.ght-g3{background:var(--bg-plain)}.ght-bg{display:none!important}.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:14px}@media(min-width:768px){.ght{padding:12px}.ght-card{max-width:520px;border-radius:18px;padding:16px}}.ght-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.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:14px;color:var(--ght-ink)}.ght-cloud{font-size:18px;opacity:.85}.ght-title{text-align:center;font-size:32px;font-weight:900;margin:6px 0 2px;color:var(--ght-ink);letter-spacing:.2px}.ght-sub{text-align:center;margin:0 0 14px;color:var(--ght-muted);font-weight:800;font-size:15px;line-height:1.35}.ght-grid{display:grid;grid-template-columns:1fr;gap:12px}.ght-tile{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:14px;border-radius:16px;text-decoration:none;background:#fff;border:1px solid var(--bd);box-shadow:0 6px 14px var(--shadow2);transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.ght-tile:hover{transform:translateY(-2px);box-shadow:0 14px 24px var(--shadow3)}.ght-tile:active{transform:scale(.985)}.ght-tile:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.ght-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-size:22px;background:#f1f5f9}.ght-text{font-size:18px;font-weight:900;color:var(--ght-ink);line-height:1.2}.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{padding:8px}.ght-card{border-radius:16px;padding:14px}.ght-title{font-size:30px}.ght-sub{font-size:15px}.ght-tile{padding:13px;grid-template-columns:48px 1fr}.ght-ico{width:48px;height:48px;font-size:22px}.ght-text{font-size:18px}}@media(prefers-reduced-motion:reduce){.ght-tile{transition:none}}.basic-eng-card{margin-top:28px;padding:18px;background:#fff;border-radius:18px;box-shadow:0 10px 24px #00000014;text-align:center}.basic-eng-card h3{margin:0 0 8px;font-size:clamp(18px,2.2vw,22px);font-weight:800;color:#1f2937}.basic-eng-card p{margin:0 0 14px;font-size:15px;line-height:1.5;color:#374151}.basic-eng-btn{padding:10px 22px;font-size:15px;font-weight:700;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;transition:transform .15s ease,box-shadow .15s ease}.basic-eng-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #16a34a59}.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}.addsub-page{max-width:700px;margin:auto;padding:20px}.section-card{background:#fff;border-radius:12px;padding:18px;margin-bottom:20px;box-shadow:0 6px 18px #00000014}.section-card h2{margin-bottom:12px;font-size:22px;color:#1e293b}.pdf-link{display:block;padding:10px 12px;margin-bottom:8px;background:#f1f5f9;border-radius:8px;text-decoration:none;color:#0f172a;font-weight:500}.pdf-link:hover{background:#e0e7ff}.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}}.gl-page{min-height:100vh;padding:14px;background:#f3f4f6;display:grid;place-items:start center}.gl-wrap{width:min(980px,100%);background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px #00000014}.gl-title{margin:0 0 12px;font-size:clamp(18px,2.4vw,30px);font-weight:900;letter-spacing:-.4px}.gl-state{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;font-weight:700}.gl-state.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.gl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.gl-lessonBtn{display:block;text-decoration:none;padding:14px 12px;border-radius:14px;background:#f8fafc;border:2px solid #e5e7eb;font-weight:900;color:#111827;transition:transform .08s ease,border-color .12s ease,background .12s ease}.gl-lessonBtn:hover{transform:translateY(-1px);background:#fff;border-color:#cbd5e1}.gl-lessonBtn:active{transform:translateY(0)}.gv-page{min-height:100vh;padding:14px;background:#f3f4f6;display:grid;place-items:start center}.gv-card{width:min(980px,100%);background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px #00000014;max-height:calc(100vh - 120px);overflow:auto}.gv-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.gv-title{margin:0;font-size:clamp(18px,2.4vw,30px);font-weight:900;letter-spacing:-.4px}.gv-parentNote{margin-top:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px}.gv-parentNoteInner{font-size:14px;line-height:1.5}.gv-state{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;font-weight:700}.gv-state.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.gv-blocks{display:grid;gap:10px}.gv-block{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:10px}.gv-imgWrap{width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center}.gv-imgWrap img{width:100%;height:100%;object-fit:contain;display:block}.gv-noImg{font-weight:800;color:#6b7280;font-size:14px}.gv-text{font-size:clamp(16px,1.7vw,22px);font-weight:900;color:#111827;line-height:1.3}@media(max-width:720px){.gv-block{grid-template-columns:1fr}.gv-imgWrap{aspect-ratio:16 / 10}}.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}}.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}.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}}: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}.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}.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}: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}}.pbl-page{height:100vh;width:100%;background:#fff;position:relative;overflow:hidden}.pbl-topLeft{position:absolute;top:16px;left:16px;width:min(980px,calc(100% - 32px))}.pbl-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.pbl-lineBox{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#ffd7002e;border:1px solid rgba(0,0,0,.1)}.pbl-banana{font-size:28px;line-height:1}.pbl-label{font-size:22px;font-weight:900;color:#374151;white-space:nowrap}.pbl-flyLayer{position:absolute;inset:0;pointer-events:none}.pbl-fly{position:fixed;font-size:30px;line-height:1;transform:translate(0);opacity:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));transition:transform 1.1s ease-in-out,opacity 1.1s ease-in-out}.pbl-fly.go{opacity:0}.pbl-bottomBar{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:12px;padding:10px}.pbl-btn{border:none;border-radius:18px;padding:12px 26px;font-size:22px;font-weight:900;cursor:pointer;background:#16a34a;color:#fff}.pbl-btn:active{transform:scale(.97)}.pbl-btn:disabled{opacity:.55;cursor:not-allowed}.pbl-btn.ghost{background:#e5e7eb;color:#111827}.glsS-page{min-height:100vh;padding:14px;background:#f3f4f6;display:grid;place-items:start center}.glsS-card{width:min(980px,100%);background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px #00000014}.glsS-top{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.glsS-title{margin:0;font-size:clamp(18px,2.6vw,30px);font-weight:900;letter-spacing:-.4px;color:#111827}.glsS-sub{color:#6b7280;font-weight:400}.glsS-muted{color:#6b7280;font-weight:400;padding:12px 4px}.glsS-error{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;font-weight:700}.glsS-back{display:inline-flex;width:fit-content;text-decoration:none;color:#111827;font-weight:700;background:#f9fafb;border:1px solid #e5e7eb;padding:6px 10px;border-radius:12px}.glsS-backBtn{width:fit-content;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;font-weight:700;padding:8px 12px;border-radius:12px;cursor:pointer}.glsS-breadcrumb{font-size:13px;font-weight:600;color:#6b7280}.glsS-link{text-decoration:none;color:#374151}.glsS-link:hover{text-decoration:underline}.glsS-btnGrid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media(max-width:620px){.glsS-btnGrid{grid-template-columns:1fr}}.glsS-lessonBtn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid #eef2f7;background:#fafafa;text-decoration:none;color:#111827;font-weight:700}.glsS-lessonBtn:hover{background:#f5f5f5}.glsS-lessonNum{height:32px;width:32px;display:grid;place-items:center;border-radius:999px;background:#111827;color:#fff;font-weight:700;font-size:14px}.glsS-lessonText{font-size:15px;line-height:1.25}.glsS-lessonArrow{font-size:22px;color:#6b7280}.glsS-notes{margin-top:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:12px}.glsS-notesLabel{font-weight:700;color:#1e3a8a;margin-bottom:6px}.glsS-notesText{all:unset;display:block;white-space:pre-wrap}.glsS-notesText ul,.glsS-notesText ol{padding-left:1.2em}.glsS-notesText b,.glsS-notesText strong{font-weight:700}.glsS-videoWrap{margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid #eef2f7;background:#000}.glsS-video{width:100%;aspect-ratio:16 / 9;border:0;display:block}.glsS-footer{margin-top:14px;display:flex;justify-content:center}.glsS-footerBtn{text-decoration:none;border:1px solid #e5e7eb;background:#111827;color:#fff;font-weight:700;padding:10px 14px;border-radius:14px}.gls-admin-page{min-height:100vh;padding:14px;background:#f3f4f6;display:grid;place-items:start center}.gls-admin-card{width:min(1100px,100%);background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px #00000014}.gls-admin-topbar{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.gls-filters{display:flex;gap:10px;flex-wrap:wrap}.gls-field{display:grid;gap:6px;font-size:13px;color:#111827}.gls-field>span{font-weight:800;font-size:12px;color:#374151}.gls-field select,.gls-field input{height:38px;padding:0 10px;border:1px solid #e5e7eb;border-radius:12px;outline:none;background:#fff;font-size:14px}.gls-field select:focus,.gls-field input:focus{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f11f}.gls-add-btn{height:40px;padding:0 14px;border:0;border-radius:14px;background:#111827;color:#fff;font-weight:900;cursor:pointer}.gls-add-btn:hover{opacity:.92}.gls-error{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;font-weight:800}.gls-list{margin-top:12px;display:grid;gap:10px}.gls-muted{color:#6b7280;font-weight:700;padding:10px 4px}.gls-row{border:1px solid #eef2f7;border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#fafafa}.gls-row-main{cursor:pointer}.gls-row-title{font-weight:950;color:#111827;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gls-row-sub{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;color:#6b7280;font-weight:800;font-size:12px}.gls-sub-item{background:#fff;border:1px solid #eef2f7;padding:4px 8px;border-radius:999px}.gls-pill{font-size:11px;font-weight:900;padding:4px 8px;border-radius:999px;border:1px solid transparent}.gls-pill.pub{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.gls-pill.draft{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.gls-row-actions{display:flex;gap:8px;align-items:center}.gls-mini{height:34px;padding:0 10px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-weight:900;cursor:pointer}.gls-mini:hover{background:#f9fafb}.gls-mini.danger{border-color:#fecaca;color:#991b1b}.gls-mini.danger:hover{background:#fff1f2}.gls-panel-backdrop{position:fixed;inset:0;background:#11182759;opacity:0;pointer-events:none;transition:.2s ease;z-index:40}.gls-panel-backdrop.open{opacity:1;pointer-events:auto}.gls-panel{position:fixed;top:0;right:0;height:100vh;width:min(540px,96vw);background:#fff;border-left:1px solid #eef2f7;box-shadow:-12px 0 30px #0000001f;transform:translate(105%);transition:.22s ease;z-index:50;display:grid;grid-template-rows:auto 1fr auto}.gls-panel.open{transform:translate(0)}.gls-panel-head{padding:12px 14px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between}.gls-panel-title{font-size:16px;font-weight:950;color:#111827}.gls-close{height:36px;width:36px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:900}.gls-panel-body{padding:12px 14px;overflow:auto;display:grid;gap:12px}.gls-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.gls-grid2{grid-template-columns:1fr}}.gls-toggle{align-items:center}.gls-toggle input[type=checkbox]{height:18px;width:18px}.gls-hint{font-size:12px;color:#6b7280;font-weight:800;margin-top:6px}.gls-editor-block{display:grid;gap:8px;padding-top:6px}.gls-editor-label{font-weight:950;color:#111827;font-size:13px}.gls-panel-foot{padding:12px 14px;border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end}.gls-btn{height:42px;padding:0 14px;border-radius:14px;font-weight:950;cursor:pointer;border:1px solid #e5e7eb;background:#fff}.gls-btn.ghost:hover{background:#f9fafb}.gls-btn.primary{border:0;background:#111827;color:#fff}.gls-btn.primary:disabled{opacity:.6;cursor:not-allowed}.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}*,*: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}}.hm-topBar{display:flex;align-items:center;justify-content:space-between;gap:10px}.hm-instructionBtn{padding:8px 12px;border-radius:12px;border:2px solid #0f172a;background:#fff;font-weight:800;cursor:pointer;white-space:nowrap}.hm-instructionBtn:hover{background:#f1f5f9}