@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";.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}}html,body{height:100%}#root{min-height:100vh}.app-layout{min-height:100vh;height:auto;overflow:visible;display:flex;flex-direction:column;background:#f5f7fb}.app-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.eHome{min-height:calc(100vh - 64px);padding:28px 12px 40px;background:#f6f8fb}.eHome-wrap{max-width:1060px;margin:0 auto}.eHome-card{background:#fff;border:1px solid rgba(20,25,40,.08);border-radius:22px;padding:22px;box-shadow:0 16px 30px #0c122314}.eHome-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.5px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#1e40aff2}.eHome-h2{margin:14px 0 8px;font-size:40px;line-height:1.05;letter-spacing:-.4px;color:#6faef3;font-weight:900}.eHome-sub{margin:0 0 16px;font-size:20px;font-weight:650;color:#0b1324e6}.eHome-section{background:#f6f8fba6;border:1px solid rgba(20,25,40,.06);border-radius:18px;padding:16px}.eHome-divider{height:22px}.eHome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px}.eHome-grade{background:#fff;border:1px solid rgba(20,25,40,.08);border-radius:18px;padding:14px;cursor:pointer;box-shadow:0 12px 22px #0c12230f;transition:transform .06s ease,box-shadow .15s ease;text-align:left}.eHome-grade:hover{box-shadow:0 16px 26px #0c122317}.eHome-grade:active{transform:translateY(1px)}.eHome-grade.isActive{outline:none;border-color:#3b82f640;box-shadow:0 18px 30px #3b82f61f;transform:translateY(-1px)}.eHome-imgBox{width:100%;border-radius:16px;overflow:hidden;background:#0b13240a;border:1px solid rgba(20,25,40,.06);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.eHome-img{width:100%;height:100%;object-fit:cover;display:block}.eHome-gradeLabel{margin-top:10px;font-weight:950;font-size:18px;color:#0b1324}.eHome-skillSub{opacity:.8;font-size:13px;margin-top:2px;color:#0b1324d9}.eHome-skillGrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}@media(min-width:720px){.eHome-skillGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}.eHome-skillCard{border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:16px;padding:12px;text-align:left;cursor:pointer;transition:transform .06s ease,box-shadow .15s ease}.eHome-skillCard:hover{transform:translateY(-1px);box-shadow:0 14px 24px #0c122314}.eHome-skillCard:active{transform:translateY(1px)}.eHome-skillImgBox{width:100%;height:150px;border-radius:12px;overflow:hidden;background:#0000000a;display:flex;align-items:center;justify-content:center;padding:8px}.eHome-skillImg{max-width:100%;max-height:100%;object-fit:contain;display:block}.eHome-skillText{padding:10px 4px 2px}.eHome-skillLabel{font-weight:900;font-size:16px;color:#0b1324}.eHome-skillDesc{margin-top:4px;font-size:13px;opacity:.78;color:#0b1324d9}@media(max-width:980px){.eHome-h2{font-size:28px}.eHome-sub{font-size:16px}.eHome-grid{grid-template-columns:1fr}}.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}.glsS-page{min-height:100vh;padding:14px;background:#f3f4f6;display:grid;place-items:start center;box-sizing:border-box}.glsS-card{width:min(980px,100%);background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px #00000014;border:1px solid rgba(15,23,42,.06)}.glsS-top{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid #eef2f7;margin-bottom:12px}.glsS-backBtn:hover{background:#fff}.glsS-breadcrumb{font-size:12px;font-weight:800;color:#64748b;text-transform:capitalize}.glsS-title{margin:0;font-size:22px;font-weight:900;color:#0f172a}.glsS-stack{display:grid;gap:14px}.gsp-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:16px;box-shadow:0 10px 26px #0000000f}.gsp-tip{margin:10px 0 14px;padding:12px;border-radius:14px;background:#f0fdf4;border:1px solid rgba(16,185,129,.2);color:#065f46;font-size:14px;line-height:1.6}.gsp-toggleBtn{width:100%;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;padding:12px;border-radius:12px;font-weight:900;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between}.gsp-toggleBtn:hover{background:#fff}.gsp-toggleBtn:active{transform:scale(.99)}.gsp-stepsWrap{display:none;margin-top:12px}.gsp-stepsWrap.isOpen{display:block}.gsp-subtitle{margin:14px 0 8px;font-size:16px;font-weight:900;color:#0f172a}.gsp-steps{margin:8px 0 12px;padding:0;list-style:none;display:grid;gap:10px;counter-reset:step}.gsp-steps li{position:relative;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;display:grid;gap:6px}.gsp-steps li:before{counter-increment:step;content:counter(step);position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:12px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.gsp-stepTitle{display:block;font-weight:900;color:#0f172a;font-size:14px}.gsp-stepText{display:block;color:#334155;font-size:14px;line-height:1.55}.glsS-lessonsCard{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:14px;box-shadow:0 10px 26px #0000000f}.glsS-lessonsTitle{font-size:13px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#0f172a;margin-bottom:10px;display:inline-flex;padding:7px 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0}.glsS-list{display:flex;flex-direction:column;gap:10px}.glsS-lessonBtn{appearance:none;border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:500;font-size:15px;color:#0f172a;text-decoration:none;box-shadow:0 4px 12px #0f172a0f;cursor:pointer;transition:background .12s ease,border-color .12s ease}.glsS-lessonBtn:hover{background:#eef2ff;border-color:#c7d2fe}.glsS-lessonBtn:active{transform:scale(.995)}.glsS-lessonBtn:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.glsS-lessonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glsS-arrow{font-size:22px;line-height:1;color:#64748b}.glsS-lock{font-size:18px;line-height:1;color:#ef4444}.glsS-lessonBtn.isLocked{background:#fff7ed;border-color:#ea580c40}.glsS-lessonBtn.isLocked:hover{background:#ffedd5;border-color:#ea580c59}.glsS-error{padding:12px;border-radius:14px;background:#fff1f2;border:1px solid rgba(244,63,94,.35);color:#9f1239;font-weight:900}.glsS-muted{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-weight:800}@media(max-width:520px){.glsS-page{padding:12px}.glsS-card{padding:12px;border-radius:16px}.gsp-card{padding:14px;border-radius:16px}.glsS-lessonBtn{padding:14px 12px}}@media(prefers-reduced-motion:reduce){.glsS-lessonBtn,.gsp-toggleBtn{transition:none}}.gateOverlay{position:fixed!important;inset:0!important;background:#11182773!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;padding:12px!important;isolation:isolate!important;pointer-events:auto!important}.gateSheet{width:min(560px,92%);background:#fff;border-radius:20px;box-shadow:0 22px 55px #00000040;padding:18px 18px 20px;animation:gatePop .18s ease-out;position:relative;z-index:1}.gateHandle{width:52px;height:6px;border-radius:999px;background:#e5e7eb;margin:6px auto 14px}.gateMsgWrap{text-align:center;padding:2px 8px 6px}.gateMsg{margin:0;font-weight:950;font-size:18px;color:#111827;letter-spacing:-.2px}.gateSub{margin-top:8px;font-weight:800;font-size:16px;color:#0f172a;opacity:.9}.gateRowActions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:14px;flex-wrap:wrap}.gateGoogleBtn{height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;min-width:220px;box-shadow:0 10px 22px #0000001a,inset 0 0 0 1px #0f172a1a}.gateGoogleBtn span{font-size:16px;font-weight:950;color:#111827}.gateGoogleBtn:active{transform:scale(.98)}.gateIcon{width:26px;height:26px;object-fit:contain}.gateBtnBack{height:52px;min-width:150px;border:0;border-radius:14px;background:#e5e7eb;color:#111827;font-size:16px;font-weight:950;cursor:pointer}.gateBtnBack:hover{background:#d1d5db}.gateBtnBack:active{transform:scale(.98)}.gateSteps{margin-top:16px;background:#f8fafc;border-radius:16px;padding:12px;border:1px solid rgba(15,23,42,.08)}.gateStep{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:10px 8px;border-radius:12px}.gateStep+.gateStep{border-top:1px dashed rgba(15,23,42,.15)}.gateStepNo{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:950;font-size:14px;color:#fff;background:#2563eb}.gateStepText{font-size:15px;font-weight:800;color:#111827;line-height:1.35}@keyframes gatePop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:420px){.gateSheet{width:96%;padding:16px 14px}.gateGoogleBtn,.gateBtnBack{width:100%;min-width:0}}.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-backBtn{width:fit-content;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;font-weight:800;padding:10px 14px;border-radius:12px;cursor:pointer}.glsS-backBtn:active{transform:translateY(1px)}.glsS-breadcrumb{font-size:13px;font-weight:700;color:#6b7280}.glsS-link{text-decoration:none;color:#374151}.glsS-link:hover{text-decoration:underline}.glsS-title{margin:0;font-weight:900;letter-spacing:-.4px;color:#111827;font-size:clamp(24px,5.2vw,38px);line-height:1.15;text-align:center}.glsS-muted{color:#6b7280;font-weight:600;padding:12px 4px;font-size:16px}.glsS-error{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;font-weight:800}.glsS-notes{margin-top:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px}.glsS-notesLabel{font-weight:900;color:#1e3a8a;margin-bottom:8px;font-size:16px}.glsS-notesText{display:block;color:#0f172a!important;font-size:20px!important;line-height:1.85!important;max-width:720px;margin:0 auto}.glsS-notesText *{font-size:inherit!important;line-height:inherit!important}.glsS-notesText p{margin:10px 0!important}.glsS-notesText h1{font-size:30px!important;font-weight:900!important;line-height:1.2!important;margin:14px 0 8px!important}.glsS-notesText h2{font-size:26px!important;font-weight:900!important;line-height:1.25!important;margin:14px 0 8px!important}.glsS-notesText h3{font-size:22px!important;font-weight:900!important;line-height:1.3!important;margin:12px 0 6px!important}.glsS-notesText ul,.glsS-notesText ol{margin:10px 0 10px 22px!important;padding:0!important}.glsS-notesText li{margin:6px 0!important}.glsS-notesText b,.glsS-notesText strong{font-weight:900!important}.glsS-notesText u{text-underline-offset:3px}.glsS-notesText a{color:#1d4ed8;text-decoration:underline}@media(max-width:520px){.glsS-notesText{font-size:22px!important;line-height:1.9!important;max-width:100%}}.glsS-videoWrap{margin-top:12px;position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px #00000014}.glsS-video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}@media(max-width:520px){.glsS-videoWrap{border-radius:14px}}.glsS-footer{margin-top:14px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.glsS-footerBtn{text-decoration:none;border:1px solid #e5e7eb;background:#111827;color:#fff;font-weight:900;padding:12px 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.glsS-footerBtn:hover{opacity:.95}.glsS-footerBtn:active{transform:translateY(1px)}.glsReadList{display:grid;gap:14px;margin-top:10px}.glsReadRow{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:14px;box-shadow:0 10px 26px #0f172a0f}.glsReadMedia{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(15,23,42,.06);background:#f8fafc;display:flex;align-items:center;justify-content:center;min-height:170px}.glsReadImg{width:100%;height:auto;display:block;object-fit:cover}.glsReadText{font-size:22px;font-family:Nunito,Poppins,Arial,sans-serif;line-height:1.45;color:#0f172a;max-width:none;margin:0}.glsReadMuted{opacity:.65;font-weight:800}.glsReadNoImg{font-size:14px;opacity:.6;padding:12px;font-weight:700}@media(max-width:640px){.glsReadRow{grid-template-columns:1fr;gap:12px;padding:12px}.glsReadMedia{min-height:200px}.glsReadText{font-size:20px}}.lesson-text{white-space:pre-line;line-height:1.6;font-size:1.1rem;color:#0f172a;word-wrap:break-word;max-width:none;margin:0}.glsS-notes .lesson-text{max-width:720px;margin:0 auto}.glsReadHtml.big-text{font-size:38px;line-height:1.8;font-weight:800}.glsReadHtml.small-text{font-size:20px;line-height:1.55;font-weight:600}.kp-widgetFull{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:14px 12px;box-sizing:border-box}.kp-widgetFull>*{max-width:1100px;margin:0 auto}body{overflow-x:hidden}.groups{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 10px;flex-wrap:wrap}.fq-wrap{width:100%;min-height:100vh;background:#f6f7fb;padding:22px 12px 80px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}.fq-card{width:min(980px,100%);background:#fff;border-radius:24px;box-shadow:0 14px 38px #0000001a;padding:18px 18px 22px;box-sizing:border-box}.fq-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}.fq-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef2ff;font-weight:900;letter-spacing:.6px;color:#111827}.question{margin:0;font-size:38px;font-weight:900;color:#0f172a;line-height:1.15}.counter{margin:0;font-size:16px;font-weight:700;color:#64748b}.fq-hint{margin-top:8px;padding:8px 12px;border-radius:14px;background:#fff7ed;color:#9a3412;font-weight:800;font-size:14px}.groups{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:18px}.group{flex:1;min-height:240px;border-radius:26px;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;cursor:pointer;position:relative;border:3px solid #dbeafe;background:linear-gradient(180deg,#fff,#f1f5ff);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.group:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #0000001f;border-color:#93c5fd}.group:active{transform:scale(.99)}.picBig{width:160px;height:160px;object-fit:contain;border-radius:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 14px #00000014;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.countBadge{position:absolute;top:14px;right:14px;width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;background:#22c55e;color:#fff;box-shadow:0 10px 18px #22c55e59;border:3px solid #ffffff}.vs{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#64748b;background:#fff;border:2px dashed #cbd5e1}.message{margin-top:16px;padding:12px 14px;border-radius:16px;text-align:center;font-weight:900;font-size:18px}.message.ok{background:#ecfdf5;color:#047857;border:2px solid #bbf7d0}.message.bad{background:#fef2f2;color:#b91c1c;border:2px solid #fecaca}.finish-text{margin:0 0 14px;text-align:center;font-size:26px;font-weight:900;color:#0f172a}.fq-btn{width:100%;border:0;cursor:pointer;padding:14px 16px;border-radius:18px;font-weight:900;font-size:16px;background:#111827;color:#fff}.fq-btn:hover{opacity:.95}@media(max-width:720px){.question{font-size:28px}.groups{flex-direction:column;gap:14px}.vs{display:none}.group{width:100%;min-height:220px}.picBig{width:140px;height:140px}.countBadge{width:50px;height:50px;font-size:20px}}.mq-wrap{max-width:760px;margin:0 auto;padding:18px 14px 28px;box-sizing:border-box}.mq-card{border-radius:18px;padding:18px 16px 16px;box-shadow:0 10px 30px #00000014;border:2px solid rgba(255,255,255,.8);background:linear-gradient(135deg,#fff7ed,#eff6ff,#f0fdf4)}.mq-top{text-align:center;padding:10px 10px 6px}.mq-badge{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:800;letter-spacing:.6px;font-size:12px;color:#0f172a;background:linear-gradient(90deg,#fde68a,#a7f3d0,#bfdbfe);border:1px solid rgba(15,23,42,.12)}.question{font-size:28px;margin:10px 0 6px;line-height:1.2;color:#0f172a}.counter{margin:0;color:#334155;font-size:14px}.group{flex:1;min-height:220px;border-radius:22px;background:linear-gradient(#fff,#f3f8ff);padding:16px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:10px;cursor:pointer;position:relative;border:3px solid #dbeafe;transition:transform .15s ease,box-shadow .15s ease}.group:hover{transform:scale(1.03);box-shadow:0 8px 22px #0000001f}.vs{font-weight:900;color:#64748b;background:#fffc;border:1px dashed rgba(100,116,139,.45);padding:8px 10px;border-radius:999px}.group{border:0;cursor:pointer;border-radius:18px;padding:18px 14px;min-width:180px;background:#fff;box-shadow:0 10px 18px #00000014;transition:transform .15s ease,box-shadow .15s ease;position:relative;outline:none}.group:before{content:"";position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(90deg,#fb7185,#fbbf24,#34d399,#60a5fa,#a78bfa);z-index:-1;opacity:.55}@media(hover:hover){.group:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 26px #0000001f}}.group:active{transform:scale(.98)}.emoji{font-size:42px;margin:5px;display:inline-block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.08))}.message{margin-top:10px;font-size:20px;font-weight:800;text-align:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.08)}.message.ok{background:linear-gradient(90deg,#dcfce7,#dbeafe);color:#064e3b}.message.bad{background:linear-gradient(90deg,#ffe4e6,#ffedd5);color:#9f1239}.finish-text{text-align:center;font-size:26px;margin:8px 0 14px;color:#0f172a}.mq-btn{display:block;margin:0 auto;border:0;cursor:pointer;padding:12px 16px;border-radius:14px;font-weight:800;background:linear-gradient(90deg,#60a5fa,#34d399);color:#0f172a;box-shadow:0 10px 18px #0000001a}.mq-btn:active{transform:scale(.98)}@media(max-width:480px){.question{font-size:22px}.group{min-width:150px;padding:16px 12px}.emoji{font-size:34px;margin:4px}.message{font-size:18px}.finish-text{font-size:22px}}.mq-hint{margin-top:8px;padding:8px 12px;border-radius:14px;background:#fff7ed;color:#9a3412;font-weight:800;font-size:14px}.mfq-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f3f4f6}.mfq-card{width:90%;max-width:800px;background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a}.mfq-text{font-size:28px;margin-bottom:10px}.mfq-question{font-size:34px;font-weight:700;margin:30px 0}.mfq-buttons{display:flex;justify-content:center;gap:40px;margin-top:20px}.mfq-btn{font-size:28px;padding:18px 50px;border-radius:12px;border:none;cursor:pointer;background:#3b82f6;color:#fff;transition:.2s}.mfq-btn:hover{background:#2563eb}.mfq-message{margin-top:25px;font-size:24px;font-weight:700}.wil-page{min-height:100vh;background:#f4f6fa;display:flex;justify-content:center;align-items:center;padding:20px}.wil-card{width:100%;max-width:900px;background:#fff;padding:36px;border-radius:22px;text-align:center;box-shadow:0 12px 34px #0000001f;position:relative}.wil-progress{position:absolute;top:14px;right:18px;font-weight:700;opacity:.7}.wil-question{font-size:38px;font-weight:900;margin-bottom:26px}.wil-images{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.wil-box{background:#fff;border-radius:16px;padding:10px;cursor:pointer;border:3px solid transparent;transition:.1s}.wil-box:hover{border-color:#2563eb}.wil-box img{width:100%;height:auto;display:block;border-radius:12px}.wil-box.big{width:280px}.wil-box.small{width:160px}.wil-msg{margin-top:22px;font-size:28px;font-weight:900}.wsn-page{width:100%;min-height:100vh;background:#f6f7fb;display:flex;justify-content:center;align-items:flex-start;padding:18px 12px 40px;box-sizing:border-box;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wsn-card{width:min(900px,100%);background:#fff;border-radius:22px;box-shadow:0 12px 34px #00000014;padding:18px 16px 20px;box-sizing:border-box}.wsn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wsn-progress{font-weight:900;font-size:14px;opacity:.75}.wsn-restart{border:0;background:#eef3fb;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}.wsn-question{font-weight:900;font-size:24px;margin-bottom:8px}.wsn-hint{font-weight:800;font-size:14px;opacity:.75;margin-bottom:14px}.wsn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wsn-box{background:#fff!important;border:2px solid #e8eef7;border-radius:18px;min-height:240px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .12s ease}.wsn-box:active{background:#fff!important}.wsn-box.locked{pointer-events:none;background:#fff!important}.wsn-num{font-weight:900;font-size:96px;line-height:1}@media(max-width:520px){.wsn-question{font-size:20px}.wsn-box{min-height:200px}.wsn-num{font-size:80px}}.bosn-page{width:100%;min-height:100vh;background:#f6f7fb;display:flex;justify-content:center;align-items:flex-start;padding:18px 12px 40px;box-sizing:border-box;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.bosn-card{width:min(900px,100%);background:#fff;border-radius:22px;box-shadow:0 12px 34px #00000014;padding:18px 16px 20px;box-sizing:border-box}.bosn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.bosn-progress{font-weight:900;font-size:14px;opacity:.75}.bosn-restart{border:0;background:#eef3fb;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}.bosn-question{font-weight:900;font-size:24px;margin-bottom:8px}.bosn-hint{font-weight:800;font-size:14px;opacity:.75;margin-bottom:14px}.bosn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bosn-box{background:#fff!important;border:2px solid #e8eef7;border-radius:18px;min-height:240px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .12s ease}.bosn-box:active{background:#fff!important}.bosn-box.locked{pointer-events:none;background:#fff!important}.bosn-num{font-weight:900;font-size:96px;line-height:1}.bosn-msg{margin-top:14px;font-weight:900;font-size:16px}@media(max-width:520px){.bosn-question{font-size:20px}.bosn-box{min-height:200px}.bosn-num{font-size:80px}}.lq-page{width:100%;padding:18px 12px 60px;box-sizing:border-box;background:#f6f7fb;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.lq-card{width:min(920px,100%);margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 12px 34px #00000014;padding:16px 16px 18px;box-sizing:border-box}.lq-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.lq-title{font-size:22px;font-weight:800;letter-spacing:.2px}.lq-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lq-pill{background:#f1f5f9;border:1px solid #e5e7eb;padding:6px 10px;border-radius:999px;font-size:13px;white-space:nowrap}.lq-audioRow{display:flex;justify-content:center;margin:10px 0 12px}.lq-imgWrap{width:100%;display:flex;justify-content:center;background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:10px;box-sizing:border-box}.lq-imgHalf{width:50%;height:auto;display:block;border-radius:14px;object-fit:contain;max-height:420px}.lq-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lq-btn{border:0;border-radius:16px;padding:14px;font-size:18px;font-weight:800;cursor:pointer;background:#f1f5f9;box-shadow:0 6px 16px #00000014;transition:transform .12s ease,opacity .12s ease}.lq-btn:active{transform:scale(.98)}.lq-btn:disabled{opacity:.65;cursor:not-allowed}.lq-primary{background:#111827;color:#fff}.lq-ghost{background:#fff;border:1px solid #e5e7eb;box-shadow:none}.lq-correct{background:#dcfce7}.lq-wrong{background:#fee2e2}.lq-msg{margin-top:12px;text-align:center;background:#f8fafc;border:1px solid #e5e7eb;padding:10px 12px;border-radius:14px;font-weight:800;font-size:16px}.lq-finish{margin-top:14px;text-align:center;padding:18px 12px;border:1px solid #eef2f7;border-radius:18px}.lq-big{font-size:24px;font-weight:900;margin-bottom:12px}@media(max-width:680px){.lq-imgHalf{width:85%}}@media(max-width:520px){.lq-options{grid-template-columns:1fr}.lq-title{font-size:20px}}.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;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;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.hm-btn{min-width:92px;height:48px;padding:0 14px;border-radius:14px;border:2px solid #111827;background:#fff;font-size:26px;font-weight:900;color:#0f172a;line-height:1;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-img{width:min(320px,95%);max-height:46vh}.hm-btn{min-width:84px;height:46px;font-size:22px;border-radius:12px}}.cta-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 26px #00000014;border:1px solid #eef2f7}.cta-card.compact{padding:12px}.cta-top{display:grid;gap:10px}.cta-badge{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.2px;background:#eef2ff;color:#3730a3}.cta-title{margin:0;font-size:clamp(16px,2vw,20px);font-weight:900;line-height:1.25;color:#111827}.cta-actions{margin-top:12px;display:flex;justify-content:flex-end}.cta-btn{text-decoration:none;border:none;cursor:pointer;padding:10px 18px;border-radius:999px;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 14px #2563eb38;transition:transform .15s ease,box-shadow .15s ease}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #2563eb47}.cta-phonics{border-left:6px solid #2563eb}.cta-booksales{border-left:6px solid #22c55e}.cta-booksales .cta-badge{background:#ecfdf5;color:#065f46}.cta-booksales .cta-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 14px #22c55e38}.cta-booksales .cta-btn:hover{box-shadow:0 10px 18px #22c55e47}.scWrap{width:100%;min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.scMenu{width:min(760px,96vw);background:#0b0b0b;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;box-shadow:0 18px 40px #000000b3}.scTitle{margin:0 0 16px;color:#fff;font-size:clamp(22px,3vw,34px);font-weight:900;letter-spacing:.2px}.scRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.scLabel{color:#fffc;font-weight:700}.scSelect{background:#121212;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 12px;font-weight:800;outline:none}.scStartBtn{background:#fff;color:#000;border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}.scGameScreen{width:min(980px,96vw);height:min(680px,86vh);background:#070707;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 22px 50px #000000bf;position:relative}.scHud{height:64px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;box-sizing:border-box;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.1)}.scHudLeft{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.scHudPill{color:#fff;font-weight:900;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:8px 10px;border-radius:999px}.scHudPillTarget{background:#ffffff1f}.scHudPillCombo{background:#ffd7001f;border-color:#ffd70040}.scHudBtn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:12px;font-weight:900;cursor:pointer}.scField{position:relative;width:100%;height:calc(100% - 64px);background:radial-gradient(circle at top,#111,#000 60%)}.scBubble{position:absolute;width:78px;height:78px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#fff;font-size:28px;font-weight:900;letter-spacing:.4px;border:3px solid rgba(255,255,255,.25);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.92),rgba(255,255,255,.16) 30%,transparent 36%),linear-gradient(145deg,#ff5fd2,#6a5cff);filter:hue-rotate(var(--hue, 0deg));box-shadow:inset 0 -7px 14px #00000061,inset 0 7px 12px #ffffff3b,0 12px 24px #0000008c;transition:filter .12s ease}.scBubble.target{border:3px solid rgba(255,255,255,.25)}.scBubbleText{position:relative;z-index:6;text-shadow:0 2px 4px rgba(0,0,0,.55)}.scBubble.locked{pointer-events:none}@keyframes correctGlow{0%{box-shadow:0 0 #fff0}50%{box-shadow:0 0 12px 6px #ffffffe6,0 0 28px 10px #00ffb4d9}to{box-shadow:0 0 #fff0}}.scBubble.glow{animation:correctGlow .2s ease-out}@keyframes wrongShake{0%{transform:translate(-50%,-50%) translate(0)}20%{transform:translate(-50%,-50%) translate(-6px)}40%{transform:translate(-50%,-50%) translate(6px)}60%{transform:translate(-50%,-50%) translate(-4px)}80%{transform:translate(-50%,-50%) translate(4px)}to{transform:translate(-50%,-50%) translate(0)}}.scBubble.wrong{animation:wrongShake .36s ease-in-out;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),rgba(120,0,0,.35) 35%,transparent 40%),linear-gradient(145deg,#7a1c1c,#3b0000);filter:brightness(.9) saturate(.8)!important;border-color:#ff787899}.scBubble:after{content:"";position:absolute;inset:-2px;border-radius:999px;pointer-events:none;opacity:0;z-index:5;background:radial-gradient(circle at 50% 50%,transparent 58%,rgba(255,255,255,.85) 60%,transparent 63%),conic-gradient(from 0deg,transparent 0 10%,rgba(255,255,255,.75) 10% 12%,transparent 12% 22%,rgba(255,255,255,.75) 22% 24%,transparent 24% 40%,rgba(255,255,255,.75) 40% 42%,transparent 42% 62%,rgba(255,255,255,.75) 62% 64%,transparent 64% 78%,rgba(255,255,255,.75) 78% 80%,transparent 80% 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.scBurst{position:absolute;inset:0;border-radius:999px;pointer-events:none;z-index:4;opacity:0}.scBurst .p{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:3px;background:#fffffff2;transform:translate(-50%,-50%);opacity:0}.scBurst .p1{--dx: 0px;--dy: -38px}.scBurst .p2{--dx: 26px;--dy: -26px}.scBurst .p3{--dx: 38px;--dy: 0px}.scBurst .p4{--dx: 26px;--dy: 26px}.scBurst .p5{--dx: 0px;--dy: 38px}.scBurst .p6{--dx: -26px;--dy: 26px}.scBurst .p7{--dx: -38px;--dy: 0px}.scBurst .p8{--dx: -26px;--dy: -26px}@keyframes scPopShrink{0%{transform:translate(-50%,-50%) scale(1);opacity:1}55%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(.15);opacity:0}}@keyframes scCrackFlash{0%{opacity:0;transform:scale(.95)}15%{opacity:1}to{opacity:0;transform:scale(1.12)}}@keyframes scParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.05) rotate(18deg)}}.scBubble.pop{animation:scPopShrink .26s ease-out forwards}.scBubble.pop .scBubbleText{opacity:0}.scBubble.pop:after{opacity:1;animation:scCrackFlash .26s ease-out forwards}.scBubble.pop .scBurst{opacity:1}.scBubble.pop .scBurst .p{animation:scParticle .26s ease-out forwards}.scBubble.pop .scBurst .p2{animation-delay:10ms}.scBubble.pop .scBurst .p3{animation-delay:18ms}.scBubble.pop .scBurst .p4{animation-delay:26ms}.scBubble.pop .scBurst .p5{animation-delay:34ms}.scBubble.pop .scBurst .p6{animation-delay:42ms}.scBubble.pop .scBurst .p7{animation-delay:50ms}.scBubble.pop .scBurst .p8{animation-delay:58ms}@keyframes comboPulse{0%{box-shadow:0 0 #fff0}40%{box-shadow:0 0 18px 8px #fffc,0 0 44px 18px #ffd700e6}to{box-shadow:0 0 #fff0}}.scGameScreen.comboGlow{animation:comboPulse .4s ease-out}.scOver{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c}.scOverCard{width:min(420px,92vw);background:#0b0b0b;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;text-align:center;color:#fff;box-shadow:0 18px 44px #000000bf}.scOverTitle{font-size:26px;font-weight:1000;margin-bottom:8px}.scOverScore{font-size:18px;font-weight:800;opacity:.9;margin-bottom:14px}.scOverBtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.scOverBtnPrimary{background:#fff;color:#000;border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}.scOverBtn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}@media(max-width:520px){.scBubble{width:86px;height:86px;font-size:30px}}.rb-page{min-height:100vh;padding:32px 16px 80px;background:linear-gradient(180deg,#e6f5ec,#ccebd9,#b3dfc6 70%,#9fd4b5);font-family:Nunito,sans-serif;display:flex;justify-content:center}.rb-card{width:100%;max-width:1100px;background:#ffffffe0;border-radius:24px;padding:26px 24px 34px;box-shadow:0 12px 30px #2278502e,inset 0 0 40px #c8ffdc66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.rb-card:hover{box-shadow:0 16px 38px #22785040,inset 0 0 45px #b4ffd280}.rb-card h1,.rb-card h2,.rb-card h3{color:#215f3f;font-weight:800;letter-spacing:.3px}.rb-divider{height:2px;width:100%;margin:22px 0;background:linear-gradient(90deg,transparent,#7bc9a4,transparent);border-radius:10px}.rb-field{display:flex;flex-direction:column;gap:6px}.rb-label{font-size:14px;font-weight:700;color:#2f6f52}.rb-input{width:100%;padding:11px 14px;border-radius:12px;border:2px solid #b6e2cb;background:#f4fff9;font-size:15px;font-weight:600;color:#215f3f;outline:none;transition:all .25s ease}.rb-input::placeholder{color:#8fbfa7}.rb-input:focus{border-color:#4fa87c;background:#fff;box-shadow:0 0 0 3px #4fa87c40,0 6px 16px #3ca06e33}.rb-card textarea{border-radius:14px;border:2px solid #b6e2cb;background:#f4fff9;padding:12px 14px;font-family:Nunito,sans-serif;color:#215f3f;transition:all .25s ease}.rb-card textarea:focus{outline:none;border-color:#4fa87c;background:#fff;box-shadow:0 0 0 3px #4fa87c40}.rb-hint{font-size:12px;color:#6fa98c;font-style:italic}.rb-card button{border:none;padding:10px 18px;border-radius:14px;background:linear-gradient(135deg,#4fa87c,#2f8f63);color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 6px 14px #2f8f6359;transition:all .25s ease}.rb-card button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2f8f6373;background:linear-gradient(135deg,#5cc08f,#34a06f)}.rb-card button:active{transform:scale(.96)}.rb-card button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.rb-msg{margin-top:18px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#e9fff3,#d6f5e4);color:#2a6c4c;font-weight:700;border:1px solid #bfe7d1;box-shadow:inset 0 0 15px #b4ffdc66}.rb-block{background:linear-gradient(135deg,#f6fffb,#e9fff3);border:1px solid #c9ead6;border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:0 6px 16px #50a07826;transition:all .25s ease}.rb-block:hover{transform:translateY(-2px);box-shadow:0 10px 24px #50a07840}.rb-block img{border-radius:14px;border:2px solid #b6e2cb;box-shadow:0 4px 12px #0000001f}.rb-footer{margin-top:22px;padding-top:16px;border-top:2px dashed #a8d8bf}@media(max-width:900px){.rb-card{padding:20px 18px 28px}}@media(max-width:600px){.rb-card{border-radius:18px}.rb-page{padding:20px 10px 60px}.rb-input{font-size:14px}}@media(min-width:900px){.rb-block{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.rb-block .rb-img-wrap,.rb-block .rb-image,.rb-block .rb-preview{width:100%;max-height:320px;display:flex;justify-content:center;align-items:center}.rb-block img{max-width:100%;max-height:100%;object-fit:contain}.rb-block .rb-editor,.rb-block .rb-text,.rb-block .rb-html-editor{width:100%;min-height:220px}}@media(max-width:899px){.rb-block{display:flex;flex-direction:column;gap:12px}}.ipm-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:18px;z-index:9999}.ipm-card{width:min(1050px,96vw);max-height:min(90vh,920px);background:#fff;border-radius:18px;box-shadow:0 18px 60px #00000038;overflow:hidden;display:flex;flex-direction:column}.ipm-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eef2f7}.ipm-titlebar{display:flex;align-items:center;gap:10px}.ipm-title{font-weight:800;font-size:18px;color:#111827}.ipm-iconbtn{border:1px solid #e5e7eb;background:#f9fafb;padding:8px 10px;border-radius:12px;cursor:pointer}.ipm-iconbtn:hover{background:#f3f4f6}.ipm-close{border:1px solid #e5e7eb;background:#fff;padding:8px 10px;border-radius:12px;cursor:pointer}.ipm-close:hover{background:#f9fafb}.ipm-searchrow{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid #eef2f7}.ipm-search{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;outline:none}.ipm-search:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px #6366f11f}.ipm-searchclear{border:1px solid #e5e7eb;background:#fff;padding:8px 10px;border-radius:12px;cursor:pointer}.ipm-searchclear:hover{background:#f9fafb}.ipm-filterRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #eef2f7}.ipm-filterLabel{display:flex;align-items:center;gap:10px;font-weight:700;color:#111827}.ipm-filterSelect{min-width:240px;max-width:340px;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;outline:none}.ipm-filterSelect:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px #6366f11f}.ipm-count{font-size:13px;color:#6b7280;white-space:nowrap}.ipm-loading,.ipm-empty{padding:18px;color:#6b7280;font-weight:600}.ipm-grid{padding:12px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ipm-item{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:10px;cursor:pointer;display:grid;place-items:center;transition:transform .08s ease,box-shadow .12s ease}.ipm-item:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000014}.ipm-img{width:75%;height:auto;display:block;margin:0 auto;object-fit:contain}.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}.ue-editor .ProseMirror{outline:none;min-height:320px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.85;color:#111827}.ue-editor.ProseMirror{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.85;color:#111827}.ue-editor .ProseMirror p{margin:8px 0}.ue-editor .ProseMirror ul,.ue-editor .ProseMirror ol{padding-left:22px;margin:10px 0}.ue-editor .ProseMirror h1{font-size:28px;margin:14px 0 10px}.ue-editor .ProseMirror h2{font-size:22px;margin:14px 0 10px}.ue-editor .ProseMirror h3{font-size:18px;margin:14px 0 10px}.ue-editor .ProseMirror a{color:#2563eb;text-decoration:underline}.ue-font{display:inline-flex;align-items:center;gap:8px}.ue-font-select{height:34px;border-radius:10px;padding:0 10px;border:1px solid rgba(0,0,0,.15);background:#fff}.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}.m-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f7fb;padding:18px}.m-card{background:#fff;border-radius:18px;box-shadow:0 18px 38px #00000014}.scf-card{width:min(680px,96vw);padding:18px 16px 16px;text-align:center}.scf-title{font-size:22px;font-weight:1000;letter-spacing:.2px;margin-bottom:14px;color:#0f172a}.scf-options{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.scf-opt{height:42px;min-width:40px;padding:0 14px;border-radius:14px;border:2px solid rgba(0,0,0,.14);background:#fff;font-size:18px;font-weight:900;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.scf-opt:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000014}.scf-opt.is-on{border-color:#3b82f6bf;box-shadow:0 10px 24px #3b82f62e}.scf-opt:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.scf-speed{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.scf-speedLabel{font-weight:900;opacity:.7;margin-right:4px;color:#0f172a}.scf-speedBtn{height:34px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(0,0,0,.18);background:#fff;font-weight:900;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.scf-speedBtn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000014}.scf-speedBtn.is-on{border-color:#10b981cc;box-shadow:0 6px 16px #10b98138}.scf-speedBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.scf-numberBox{border-radius:18px;border:3px solid rgba(0,0,0,.12);padding:22px 14px;margin:6px 0 14px;background:#fff}.scf-number{font-size:64px;font-weight:1000;line-height:1.05;letter-spacing:.4px;-webkit-user-select:none;user-select:none}@media(max-width:520px){.scf-number{font-size:46px}}.scf-actions{display:flex;justify-content:center;margin-top:4px}.scf-btn{height:48px;min-width:220px;border-radius:16px;border:none;font-weight:1000;font-size:18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.scf-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0000001a}.scf-start{background:#16a34a;color:#fff}.scf-stop{background:#ef4444;color:#fff}.scf-hint{margin-top:10px;font-weight:900;opacity:.72;color:#0f172a}.nlp-wrap{margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.nlp-titleRow{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.nlp-title{font-weight:1000;font-size:16px;opacity:.9}.nlp-gradeRow{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.nlp-gradeBtn{height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#fff;font-weight:900;font-size:13px;cursor:pointer}.nlp-gradeBtn.is-on{border-color:#007aff8c;box-shadow:0 6px 16px #007aff29;transform:translateY(-1px)}.nlp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto}@media(max-width:520px){.nlp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nlp-cardBtn{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:18px;padding:12px 10px;cursor:pointer;box-shadow:0 10px 24px #0000000f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-align:center}.nlp-cardBtn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0000001a}.nlp-cardBtn:active{transform:translateY(0)}.nlp-cardBtn.is-current{border-color:#22c55e8c;box-shadow:0 12px 28px #22c55e2e}.nlp-emoji{font-size:28px;line-height:1;margin-bottom:6px}.nlp-label{font-size:14px;font-weight:1000;margin-bottom:2px}.nlp-sub{font-size:12px;font-weight:800;opacity:.65}.vocab-grade{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:18px 14px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:16px;box-shadow:0 10px 22px #0f172a14;text-decoration:none;color:#0f172a!important}.vocab-grade-title{font-size:22px;font-weight:900;text-align:center;color:#0f172a!important;opacity:1!important;display:block!important}.vocab-grade-sub{margin-top:6px;font-size:14px;text-align:center;color:#475569!important;opacity:1!important;display:block!important}@media(max-width:640px){.vocab-grid .vocab-grade .vocab-grade-title{font-size:28px!important;font-weight:800!important;color:#1e293b!important;line-height:1.2!important}.vocab-grid .vocab-grade .vocab-grade-sub{font-size:27px!important;color:#64748b!important;line-height:1.5!important;margin-top:10px!important}.vocab-grid .vocab-grade{min-height:170px!important;padding:24px 18px!important}}.vg-page{min-height:100vh;display:flex;justify-content:flex-start;align-items:center;padding:12px 12px 22px}.vg-card{width:min(860px,96vw);border-radius:18px;background:#fff;box-shadow:0 16px 40px #0f172a1f;border:1px solid rgba(0,0,0,.08)}.vg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vg-title{margin:0;font-size:40px;font-weight:900;letter-spacing:-.5px}.vg-meta{margin-top:6px;font-size:13px;opacity:.7}.vg-stars-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:2px solid rgba(0,0,0,.1);background:#fff;font-weight:900;white-space:nowrap;box-shadow:0 10px 20px #0f172a14}.vg-toggles{display:flex;justify-content:center;gap:18px;margin:14px 0 6px;font-weight:800}.vg-toggles label{display:inline-flex;gap:8px;align-items:center}.vg-parent-note{margin-top:12px;line-height:1.6;opacity:.85;font-size:x-large}.vg-learned-title{margin-top:10px;font-weight:900;text-align:center}.vg-board{position:relative;margin:16px auto 6px;width:min(560px,92%);padding:22px 16px 18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:3px solid rgba(0,0,0,.12);box-shadow:0 18px 40px #0f172a1a}.vg-board:after{content:"";position:absolute;inset:10px;border-radius:18px;border:2px dashed rgba(0,0,0,.12);pointer-events:none}.vg-board>*{position:relative;z-index:1}.vg-corner{position:absolute;top:-14px;width:44px;height:44px;border-radius:14px;background:#fff;border:3px solid rgba(0,0,0,.12);box-shadow:0 12px 22px #0f172a1f;display:grid;place-items:center;font-size:22px;font-weight:900;z-index:2}.vg-corner.left{left:14px}.vg-corner.right{right:14px}.vg-status{text-align:center;font-weight:900;margin-top:6px;margin-bottom:8px}.vg-slots{display:flex;justify-content:center;gap:12px;margin-top:12px;margin-bottom:38px}.vg-slot{width:56px;height:56px;border-radius:14px;border:3px dashed rgba(0,0,0,.18);background:#fff;display:grid;place-items:center;font-weight:900;font-size:22px;-webkit-user-select:none;user-select:none;flex:0 0 auto;line-height:1}.vg-slot.over{border-color:#22c55ef2;background:#f0fdf4;box-shadow:0 0 0 5px #22c55e1f}.vg-slot.filled{border-style:solid}.vg-bank{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:8px;margin-bottom:14px}.vg-tile{width:56px;height:56px;border-radius:16px;border:3px solid rgba(0,0,0,.12);background:#fff;display:grid;place-items:center;font-weight:900;font-size:22px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 14px 26px #0f172a1a;flex:0 0 auto;line-height:1}.vg-tile:active{cursor:grabbing;transform:scale(.98)}.vg-tile.c1{background:#ffe4e6;border-color:#fb7185}.vg-tile.c2{background:#ffedd5;border-color:#fb923c}.vg-tile.c3{background:#fef9c3;border-color:#facc15}.vg-tile.c4{background:#dcfce7;border-color:#4ade80}.vg-tile.c5{background:#dbeafe;border-color:#60a5fa}.vg-tile.c6{background:#e0e7ff;border-color:#818cf8}.vg-tile.c7{background:#fae8ff;border-color:#d946ef}.vg-tile.c8{background:#cffafe;border-color:#22d3ee}.vg-tile.c9{background:#f1f5f9;border-color:#94a3b8}.vg-tile.c10{background:#ecfccb;border-color:#a3e635}.vg-finish-words{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:12px}.vg-finish-words .vg-tile{width:auto;height:auto;padding:10px 18px;font-size:20px;letter-spacing:1px;border-radius:16px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;cursor:default}.vg-actions{display:flex;justify-content:center;gap:14px;margin-top:8px}.vg-btn{height:44px;padding:0 18px;border-radius:14px;border:2px solid rgba(0,0,0,.12);background:#fff;font-weight:900;cursor:pointer}.vg-reward{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:9999}.vg-reward-card{background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:18px;padding:16px 18px;box-shadow:0 18px 40px #0f172a2e;font-weight:900;transform:scale(.9);opacity:0;animation:vgPop .7s ease forwards}.vg-reward-stars{font-size:26px;letter-spacing:3px;text-align:center}@keyframes vgPop{0%{opacity:0;transform:scale(.88) translateY(8px)}60%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-6px)}}@media(max-width:520px){.vg-title{font-size:28px}.vg-board{width:min(520px,96%)}.vg-slots{margin-bottom:44px}.vg-slot,.vg-tile{width:52px;height:52px;font-size:20px}}.vg-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:18px}.vg-card{width:min(920px,96vw);margin:0 auto}.vg-board{margin-top:12px;padding:14px;border:none;background:transparent;box-shadow:none}.vg-slots{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:8px 0;border:none}.vg-slot{width:64px;height:64px;border:none;background:#f3f4f6;border-radius:14px;display:grid;place-items:center;font-size:28px;font-weight:900;text-transform:lowercase;-webkit-user-select:none;user-select:none}.vg-slot.over{outline:2px solid rgba(0,0,0,.12)}.vg-slot.filled{background:#fff;box-shadow:0 8px 18px #00000014}.vg-bank{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:10px 0;border:none}.vg-tile{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-size:26px;font-weight:900;text-transform:lowercase;cursor:grab;-webkit-user-select:none;user-select:none}.vg-status{margin-top:10px;text-align:center;font-weight:800}@media(max-width:520px){.vg-slot,.vg-tile{width:54px;height:54px;font-size:24px}}.vocab-container{min-height:100vh;padding:40px 20px 50px;box-sizing:border-box;background:linear-gradient(180deg,#fffdf6,#f7f4ea);text-align:center}.vocab-title{font-size:42px;font-weight:900;margin-bottom:30px;color:#1f2937}.vocab-buttons{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.vocab-btn{width:100%;text-align:left;padding:20px 22px;font-size:20px;font-weight:800;border:none;border-radius:20px;cursor:pointer;background:#fff;color:#0f1724;box-shadow:0 12px 30px #0f172a14,inset 0 0 0 1px #0f172a0a;transition:transform .15s ease,box-shadow .15s ease}@media(hover:hover){.vocab-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a1f}}.vocab-btn:active{transform:scale(.98)}.vocab-empty{margin-top:22px;font-size:18px;font-weight:600;color:#6b7280}@media(max-width:480px){.vocab-container{padding:32px 16px 40px}.vocab-title{font-size:34px;margin-bottom:26px}.vocab-btn{font-size:24px;padding:22px 20px;border-radius:22px}.vocab-empty{font-size:20px}}@media(max-width:360px){.vocab-title{font-size:30px}.vocab-btn{font-size:22px}}.lesson-page{width:100%;padding:28px 18px 60px;box-sizing:border-box}.lesson-page .center-column{max-width:860px;margin:0 auto}.lesson-page .lesson-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;border-bottom:none!important}.lesson-page .lesson-title:after,.lesson-page .lesson-header:after,.lesson-page .lesson-header h1:after,.lesson-page .lesson-header h2:after{display:none!important;content:none!important}.lesson-page .lesson-title{font-size:clamp(22px,5vw,40px);font-weight:800;margin:0;color:#0f172a;text-decoration:none!important}.lesson-page .lesson-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-page .lesson-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:800;border-radius:999px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent}.lesson-page .lesson-actions button:hover{background:#e8eef7}.lesson-page .lesson-actions .read-fullscreen-btn{background:#ef4444;color:#fff;border-color:#ef4444}.lesson-page .lesson-actions .read-fullscreen-btn:hover{background:#dc2626;border-color:#dc2626}.lesson-page .btn-audio.speaking{background:#fee2e2;color:#991b1b;border-color:#fecaca}.lesson-page .lesson-prose{background:#fff;border-radius:14px;padding:22px 26px;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 30px #0b141e0f}.lesson-page .reading-text p,.lesson-page .reading-text li{font-size:clamp(16px,2.1vw,20px);line-height:1.75;margin:0 0 12px;color:#111827}.lesson-page .reading-text h1,.lesson-page .reading-text h2,.lesson-page .reading-text h3{margin:18px 0 10px;line-height:1.25;color:#0f172a}.lesson-page .reading-text img{max-width:100%;height:auto;display:block;margin:18px auto;border-radius:12px;object-fit:contain}.lesson-page .reading-text iframe{width:100%;min-height:320px;border:0;border-radius:12px;margin:16px 0}@media(max-width:600px){.lesson-page{padding:18px 12px 44px}.lesson-page .lesson-header{flex-direction:column;align-items:flex-start;gap:10px}.lesson-page .lesson-actions{width:100%;gap:10px}.lesson-page .lesson-actions button{width:100%;padding:14px 16px;font-size:16px;border-radius:14px}.lesson-page .lesson-prose{padding:18px 16px;border-radius:12px}.lesson-page .reading-text p,.lesson-page .reading-text li{font-size:20px;line-height:1.85;margin:0 0 14px}.lesson-page .reading-text h1{font-size:26px}.lesson-page .reading-text h2{font-size:22px}.lesson-page .reading-text h3{font-size:20px}}.lesson-prose ol{list-style:none;padding-left:0;margin-left:0}.lesson-prose .reading-text ol,.lesson-prose .reading-text ol>li{list-style:none!important;padding-left:0!important;margin-left:0!important}.lesson-prose .reading-text ol>li::marker{content:""!important}.no-red-underline,.no-red-underline *{border-bottom:none!important;text-decoration:none!important;box-shadow:none!important}.no-red-underline:after,.no-red-underline:before,.no-red-underline *:after,.no-red-underline *:before{display:none!important;content:none!important;background:transparent!important;height:0!important}.no-red-underline hr{display:none!important}.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lesson-title{font-size:clamp(22px,5vw,40px);font-weight:900;margin:0;color:#0f172a}.lesson-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-actions button{padding:9px 14px;font-size:14px;font-weight:800;border-radius:999px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;cursor:pointer}.lesson-actions button:hover{background:#e8eef7}.read-fullscreen-btn{background:#ef4444;color:#fff;border-color:#ef4444}.read-fullscreen-btn:hover{background:#dc2626;border-color:#dc2626}.btn-audio.speaking{background:#fee2e2;color:#991b1b;border-color:#fecaca}.no-page-scroll{overflow:hidden!important;overscroll-behavior:none}.rv-full{width:100%;min-height:100vh;padding:16px;display:flex;justify-content:center;align-items:flex-start;background:#f6f7fb;box-sizing:border-box}.rv-card{width:100%;max-width:760px;background:#fff;border-radius:18px;box-shadow:0 12px 34px #00000014;padding:16px 16px 14px;box-sizing:border-box;position:relative}.rv-topBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rv-lessonTitle{font-size:18px;font-weight:900;color:#111;line-height:1.2;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-tools{display:inline-flex;align-items:center;gap:10px}.rv-pageBadge{font-weight:900;font-size:14px;background:#0000000f;padding:6px 10px;border-radius:999px;-webkit-user-select:none;user-select:none}.rv-iconBtn{border:0;background:#0000000f;border-radius:12px;padding:8px 10px;font-size:18px;cursor:pointer;transition:transform .08s ease,background .12s ease;-webkit-user-select:none;user-select:none}.rv-iconBtn:hover{background:#0000001a;transform:translateY(-1px)}.rv-iconBtn:active{transform:translateY(0) scale(.98)}.rv-adminBtn{background:#6b21a81f}.rv-repeatBtn{background:#22c55e1f}.rv-imageWrap{width:100%;margin:10px 0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);aspect-ratio:16 / 9;max-height:260px;display:block;position:relative;box-sizing:border-box}.rv-image{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.rv-imageMissing{display:grid;place-items:center}.rv-missingText{font-weight:900;opacity:.55}.rv-sentence{margin-top:10px;padding:12px;border-radius:14px;background:#0000000a;font-size:22px;font-weight:900;line-height:1.3;text-align:center;word-break:break-word}.rv-bottomBar{display:flex;justify-content:center;gap:12px;margin-top:14px}.rv-btn{border:0;cursor:pointer;border-radius:14px;padding:12px 18px;font-weight:900;font-size:16px;transition:transform .08s ease,background .12s ease}.rv-btn:active{transform:scale(.98)}.rv-btnGhost{background:#00000014}.rv-btnGhost:hover{background:#0000001f}.rv-gameBtn{background:#dc26261f}.rv-gameBtn:hover{background:#dc26262e}@media(min-width:600px)and (max-width:1024px){.rv-full{padding:18px}.rv-card{max-width:860px;padding:18px}.rv-imageWrap{max-height:240px}.rv-sentence{font-size:24px}}@media(max-width:599px){.rv-full{padding:10px}.rv-card{border-radius:18px;padding:14px 12px 12px}.rv-lessonTitle{font-size:16px;max-width:56%}.rv-tools{gap:8px}.rv-pageBadge{font-size:13px;padding:6px 9px}.rv-iconBtn{padding:7px 9px;font-size:17px}.rv-imageWrap{border-radius:14px;aspect-ratio:4 / 3;max-height:none}.rv-sentence{font-size:22px;padding:12px 10px;border-radius:14px}.rv-bottomBar{flex-direction:column}.rv-btn{width:100%}}.ttsM-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.ttsM-card{width:min(92vw,420px);background:#fff;border-radius:16px;padding:14px;box-shadow:0 12px 30px #0003}.ttsM-title{font-weight:700;font-size:16px;margin-bottom:10px}.ttsM-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;margin:10px 0;font-size:14px}.ttsM-row select,.ttsM-row input[type=range]{width:100%}.ttsM-val{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.ttsM-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.ttsM-btn{padding:8px 12px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.ttsM-btnPrimary{background:#111;color:#fff;border-color:#111}.vocab-home{padding:24px 16px}.vocab-card{max-width:980px;margin:0 auto;padding:18px}.vocab-top{padding:10px 8px 14px;text-align:left}.vocab-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.6px;background:#e0f2fe;color:#075985}.vocab-title{margin:10px 0 6px;font-size:32px;line-height:1.1;color:#0f172a}.vocab-sub{margin:0;color:#475569;font-size:15px}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:14px 4px 6px}.vocab-grade{display:block;text-decoration:none;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 26px #0f172a14;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.vocab-grade:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a24;border-color:#0284c740}.vocab-imgwrap{background:linear-gradient(180deg,#f8fafc,#fff);padding:14px}.vocab-grade-img{width:100%;height:150px;object-fit:contain;object-position:center;display:block;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.06)}.vocab-grade-sub{padding:6px 14px 14px;font-size:14px;color:#475569;line-height:1.35}@media(min-width:900px){.vocab-home{padding:34px 18px}.vocab-card{padding:22px}.vocab-grid{gap:18px;padding:18px 6px 8px}.vocab-grade-img{height:170px}.vocab-title{font-size:36px}}.vocab-imgwrap{height:auto!important;padding:14px!important}.vocab-grade-img{height:170px!important;width:100%!important;object-fit:contain!important}.vocab-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}.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}}.vocab-home{display:flex;justify-content:center;padding:20px}.vocab-card{width:100%;max-width:900px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014}.vocab-top{text-align:center;margin-bottom:24px}.vocab-badge{background:#0ea5e9;color:#fff;padding:6px 18px;border-radius:999px;font-weight:700}.vocab-card{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.vocab-grade{display:block;border-radius:16px;overflow:hidden;transition:transform .2s ease}.vocab-grade:hover{transform:scale(1.05)}.vocab-grade-img{width:100%;height:auto;border-radius:16px;display:block}@media(max-width:768px){.vocab-card{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.vocab-card{grid-template-columns:1fr}}.sg-card{padding:28px 22px}.sg-title{text-align:center;font-size:42px;font-weight:900;color:#176b3a;margin-bottom:6px}.sg-sub{text-align:center;font-size:16px;opacity:.7;margin-bottom:20px}.sg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}@media(max-width:900px){.sg-grid{grid-template-columns:repeat(2,1fr)}}.sg-item{text-decoration:none;border-radius:18px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 22px #00000014;transition:.15s ease}.sg-item:hover{transform:translateY(-3px)}.sg-icon{font-size:42px}.sg-text{font-size:18px;font-weight:800;color:#0f172a}.sg-blue{background:#eef6ff}.sg-green{background:#ecfdf3}.sg-orange{background:#fff6eb}.sg-purple{background:#f6f0ff}.sg-pink{background:#fff0f6}.rcl-page{width:100%}.rcl-card{max-width:980px;margin:0 auto}.rcl-heading{margin:0 0 18px;letter-spacing:.5px;font-weight:900;font-size:clamp(18px,2.2vw,26px)}.rcl-loading{font-weight:700}.rcl-error{margin-bottom:12px;color:#dc143c;font-weight:800}.rcl-empty{padding:10px 0;color:#000000a6;font-weight:600}.rcl-list{display:flex;flex-direction:column;gap:10px}.rcl-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;text-decoration:none;background:#ffffffbf;border:1px solid rgba(2,6,23,.1);color:#0f172a;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;will-change:transform}.rcl-row:hover{transform:translateY(-1px);border-color:#02061729;box-shadow:0 10px 30px #0206171a;background:#ffffffeb}.rcl-row:active{transform:translateY(0) scale(.995)}.rcl-row:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:3px}.rcl-thumb{width:64px;height:64px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#f1f5f9;border:1px solid rgba(2,6,23,.1);display:grid;place-items:center}.rcl-thumbImg{width:100%;height:100%;display:block;object-fit:cover}.rcl-thumbText{font-size:12px;font-weight:800;color:#64748b}.rcl-thumb--noimg .rcl-thumbText{display:inline-block}.rcl-meta{min-width:0;flex:1;line-height:1.2}.rcl-title{font-size:25px;font-weight:800;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.5;word-break:break-word}.rcl-slug{margin-top:4px;font-size:12px;font-weight:700;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcl-arrow{font-size:24px;line-height:1;font-weight:900;color:#02061759;flex-shrink:0}@media(max-width:360px){.rcl-row{padding:10px;gap:10px}.rcl-thumb{width:56px;height:56px}.rcl-arrow{display:none}}@media(min-width:768px){.rcl-list{gap:12px}.rcl-row{padding:14px}.rcl-thumb{width:72px;height:72px}}@media(min-width:1400px){.rcl-card{max-width:1100px}.rcl-row{padding:16px;border-radius:16px}.rcl-thumb{width:80px;height:80px}.rcl-arrow{font-size:28px}}@media(prefers-reduced-motion:reduce){.rcl-row{transition:none}}.rv-page{width:100%;padding:28px 16px 60px;background:#f8fafc;box-sizing:border-box;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.rv-full{width:100%;min-height:100vh;height:auto;overflow:visible}.rv-card{max-width:980px;margin:0 auto;background:#fff;border-radius:20px;padding:22px 22px 26px;box-shadow:0 12px 34px #00000014;height:auto;max-height:none;overflow:visible;box-sizing:border-box}.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;width:100%}.rv-title{font-family:Nunito,Arial,sans-serif;font-size:clamp(26px,4vw,40px);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;overflow-wrap:anywhere;word-break:break-word}.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;min-width:0;align-items:start}.rv-left,.rv-right{min-width:0}.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%;height:auto;display:block;object-fit:contain}.rv-noImg{padding:60px 0;text-align:center;font-weight:700;color:#94a3b8}.rv-right{display:flex;flex-direction:column;align-items:center;gap:12px}.rv-right>div{max-width:560px;width:100%}.rv-text{font-family:Nunito,Arial,sans-serif;color:#0f172a;text-align:center;letter-spacing:.2px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.rv-text ol,.rv-text ul{margin:10px auto 0;padding-left:22px;text-align:left;max-width:520px}.rv-text li{margin:6px 0}.rv-text.big-text,.rv-text.big-text *{font-size:38px;line-height:1.75;font-weight:800}.rv-text.mid-text,.rv-text.mid-text *{font-size:28px;line-height:1.65;font-weight:700}.rv-text.small-text,.rv-text.small-text *{font-size:22px;line-height:1.55;font-weight:600}.rv-widgetArea{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center}.kp-widgetFull{width:100%;margin:0;padding:12px 0;box-sizing:border-box;display:flex;justify-content:center}.kp-widgetFull>*{max-width:980px;width:100%}.rv-block--withGame{display:grid;grid-template-columns:420px 1fr;grid-template-areas:"img text" "game game";align-items:start;gap:14px}.rv-block--withGame .rv-left{grid-area:img}.rv-block--withGame .rv-right{grid-area:text;width:100%}.rv-block--withGame .rv-widgetArea{grid-area:game;width:100%}@media(min-width:1400px){.rv-card{max-width:1180px;padding:28px 28px 32px}.rv-imgWrap{max-width:520px}.rv-block--withGame{grid-template-columns:520px 1fr}.rv-right>div{max-width:640px}.rv-text.big-text,.rv-text.big-text *{font-size:44px}.rv-text.mid-text,.rv-text.mid-text *{font-size:32px}.rv-text.small-text,.rv-text.small-text *{font-size:24px}}@media(min-width:980px){.rv-block{grid-template-columns:420px 1fr;align-items:center}.rv-right{align-items:flex-start}.rv-text{text-align:left}}@media(max-width:979px){.rv-block{grid-template-columns:1fr}.rv-imgWrap{max-width:560px}.rv-right{max-width:560px;margin:0 auto;align-items:center}.rv-text{text-align:center}.rv-block--withGame{grid-template-columns:1fr;grid-template-areas:"img" "text" "game"}}@media(max-width:520px){.rv-page{padding:18px 10px 40px}.rv-card{padding:12px;border-radius:16px}.rv-imgWrap,.rv-right,.rv-widgetArea>*{max-width:100%}.rv-text.big-text,.rv-text.big-text *{font-size:28px;line-height:1.6}.rv-text.mid-text,.rv-text.mid-text *{font-size:22px;line-height:1.55}.rv-text.small-text,.rv-text.small-text *{font-size:18px;line-height:1.45}.rv-text ol,.rv-text ul{max-width:100%;padding-left:18px}}@media(max-width:360px){.rv-title,.rv-text.big-text,.rv-text.big-text *{font-size:26px}.rv-text.mid-text,.rv-text.mid-text *{font-size:20px}.rv-text.small-text,.rv-text.small-text *{font-size:17px}}@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;min-height:auto!important;height:auto!important;overflow:visible!important}.rv-card{max-width:100%!important;padding:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!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-block--withGame{grid-template-columns:1fr!important;grid-template-areas:"img" "text" "game"!important}.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.big-text,.rv-text.big-text *{font-size:26px!important;line-height:1.5!important}.rv-text.mid-text,.rv-text.mid-text *{font-size:22px!important;line-height:1.5!important}.rv-text.small-text,.rv-text.small-text *{font-size:20px!important;line-height:1.45!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}}.rv-page p,.rv-card p,.reading-item p{font-size:clamp(18px,2.8vw,24px);line-height:1.6}.ag-root{min-height:100vh;height:auto;display:flex;flex-direction:column;background:#f3f4f6;padding:10px;box-sizing:border-box;overflow-x:hidden}.ag-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.points-box,.time-box{display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;box-sizing:border-box}.points-box{min-width:110px}.time-box{min-width:92px;background:#111827;color:#fff}.tiny-label{font-size:11px;font-weight:900;line-height:1}.tiny-value{font-size:18px;font-weight:900;line-height:1}.points-up{background:#22c55e;color:#fff}.points-down{background:#ef4444;color:#fff}.points-same{background:#3b82f6;color:#fff}.points-pop{animation:pointsPop .32s ease}@keyframes pointsPop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.ag-sum{display:flex;justify-content:center;align-items:center;gap:6px;font-weight:900;margin:6px 0 4px}.ag-num,.ag-op{font-size:30px;line-height:1;color:#111}.ag-answer{font-size:30px;line-height:1;font-weight:900;min-width:32px;text-align:left}.ag-blank{opacity:.5}.ag-status{height:24px;display:flex;align-items:center;justify-content:center;margin:2px 0 6px;font-size:14px;font-weight:800}.ag-status.ok{color:#16a34a}.ag-status.no{color:#dc2626}.ag-status.idle{color:transparent}.ag-ended{text-align:center;font-weight:900;margin:4px 0 6px}.restart-btn{margin-top:8px;padding:12px;border:none;border-radius:14px;background:#2563eb;color:#fff;font-size:16px;font-weight:900}.restart-btn:active{transform:scale(.98)}.time-area{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.start-btn{padding:6px 14px;border:none;border-radius:10px;background:#10b981;color:#fff;font-size:14px;font-weight:900}.start-btn:active{transform:scale(.96)}.math-page-col{display:flex;flex-direction:column;align-items:center}.ag-root .number-pad{margin-bottom:22px}.number-pad{--card-bg: #ffffff;--card-accent: #2563eb;--np-gap: 10px;--np-radius: 16px;--np-btn-radius: 14px;--np-font: 22px;--np-shadow: 0 10px 24px rgba(0, 0, 0, .1);--np-btn-shadow: 0 8px 18px rgba(0, 0, 0, .12);--np-pad-border-style: solid;--np-pad-border-w: 1px;--np-btn-border-style: solid;--np-btn-border-w: 1px;--np-pad-bg: color-mix(in srgb, var(--card-bg) 88%, #ffffff 12%);--np-pad-border: color-mix(in srgb, var(--card-accent) 28%, rgba(0, 0, 0, .1) 72%);--np-btn-bg: color-mix(in srgb, var(--card-bg) 70%, #ffffff 30%);--np-btn-border: color-mix(in srgb, var(--card-accent) 18%, rgba(0, 0, 0, .1) 82%);--np-btn-text: #0f172a;--np-fn-bg: color-mix(in srgb, var(--card-accent) 18%, var(--np-btn-bg) 82%);--np-fn-text: #0f172a;--np-glow-amt: 0px;--np-glow-color: color-mix(in srgb, var(--card-accent) 40%, transparent 60%);--np-hover-pop: 1.04;--np-hover-bright: 1.02;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--np-gap);width:86%;margin:0 auto;padding:12px 12px 30px;border-radius:var(--np-radius);background:var(--np-pad-bg);border:var(--np-pad-border-w) var(--np-pad-border-style) var(--np-pad-border);box-shadow:var(--np-shadow);position:relative;z-index:20;pointer-events:auto;box-sizing:border-box}.number-pad .pad-btn{width:100%;height:46px;border-radius:var(--np-btn-radius);font-size:var(--np-font);font-weight:900;line-height:1;border:var(--np-btn-border-w) var(--np-btn-border-style) var(--np-btn-border);background:var(--np-btn-bg);color:var(--np-btn-text);box-shadow:var(--np-btn-shadow);cursor:pointer;transition:transform .1s ease,filter .12s ease,box-shadow .12s ease}.number-pad .pad-btn:active{transform:scale(.94);filter:brightness(.98)}.number-pad .pad-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.number-pad .pad-fn{background:var(--np-fn-bg);color:var(--np-fn-text)}@media(hover:hover)and (pointer:fine){.number-pad .pad-btn:not(:disabled):hover{transform:scale(var(--np-hover-pop)) translateY(-1px);filter:brightness(var(--np-hover-bright));box-shadow:0 10px 20px #00000024,0 0 var(--np-glow-amt) var(--np-glow-color)}}@media(prefers-reduced-motion:reduce){.number-pad .pad-btn{transition:none}.number-pad .pad-btn:active{transform:none}}.number-pad.np-s1{--np-gap: 8px;--np-font: 18px;padding:10px}.number-pad.np-s2{--np-gap: 9px;--np-font: 20px;padding:11px}.number-pad.np-s3{--np-gap: 10px;--np-font: 22px;padding:12px}.number-pad.np-s4{--np-gap: 11px;--np-font: 24px;padding:13px}.number-pad.np-s5{--np-gap: 12px;--np-font: 26px;padding:14px}.number-pad.shape-square{--np-btn-radius: 14px}.number-pad.shape-circle{--np-btn-radius: 50%}.number-pad.shape-pill{--np-btn-radius: 999px}.number-pad.border-solid{--np-pad-border-style: solid;--np-btn-border-style: solid;--np-pad-border-w: 1px;--np-btn-border-w: 1px}.number-pad.border-dashed{--np-pad-border-style: dashed;--np-btn-border-style: dashed;--np-pad-border-w: 2px;--np-btn-border-w: 2px}.number-pad.border-soft{--np-pad-border-style: solid;--np-btn-border-style: solid;--np-pad-border-w: 1px;--np-btn-border-w: 1px;--np-pad-border: color-mix(in srgb, var(--card-accent) 18%, rgba(0, 0, 0, .08) 82%);--np-btn-border: color-mix(in srgb, var(--card-accent) 12%, rgba(0, 0, 0, .08) 88%)}.number-pad.glow-1{--np-glow-amt: 10px}.number-pad.glow-2{--np-glow-amt: 14px}.number-pad.glow-3{--np-glow-amt: 18px}.number-pad.glow-1 .pad-fn{text-shadow:0 0 6px var(--np-glow-color)}.number-pad.glow-2 .pad-fn{text-shadow:0 0 8px var(--np-glow-color)}.number-pad.glow-3 .pad-fn{text-shadow:0 0 10px var(--np-glow-color)}.number-pad.np-m1{--np-btn-bg: color-mix(in srgb, var(--card-bg) 78%, #ffffff 22%);--np-fn-bg: color-mix(in srgb, var(--card-accent) 14%, var(--np-btn-bg) 86%)}.number-pad.np-m2{--np-btn-bg: color-mix(in srgb, var(--card-bg) 66%, #ffffff 34%);--np-fn-bg: color-mix(in srgb, var(--card-accent) 18%, var(--np-btn-bg) 82%)}.number-pad.np-m3{--np-pad-bg: color-mix(in srgb, var(--card-accent) 8%, var(--card-bg) 92%);--np-btn-bg: color-mix(in srgb, var(--card-bg) 72%, #ffffff 28%)}.number-pad.np-m4{--np-btn-border: color-mix(in srgb, var(--card-accent) 26%, rgba(0, 0, 0, .1) 74%);--np-fn-bg: color-mix(in srgb, var(--card-accent) 24%, var(--np-btn-bg) 76%)}.number-pad.np-m5{--np-fn-bg: color-mix(in srgb, var(--card-accent) 35%, var(--np-btn-bg) 65%)}.number-pad.np-m6{--np-pad-bg: color-mix(in srgb, var(--card-accent) 10%, var(--card-bg) 90%);--np-btn-bg: color-mix(in srgb, var(--card-bg) 60%, #ffffff 40%);--np-shadow: 0 14px 30px rgba(0, 0, 0, .14)}.number-pad.np-m7{--np-pad-bg: color-mix(in srgb, var(--card-bg) 60%, rgba(255, 255, 255, .55) 40%);--np-btn-bg: color-mix(in srgb, var(--card-bg) 55%, rgba(255, 255, 255, .8) 45%);--np-shadow: 0 18px 44px rgba(0, 0, 0, .1)}.number-pad.np-m8{--np-shadow: 0 8px 18px rgba(0, 0, 0, .08);--np-btn-shadow: 0 6px 14px rgba(0, 0, 0, .1)}.number-pad.np-m9{--np-btn-bg: transparent;--np-btn-border: color-mix(in srgb, var(--card-accent) 30%, rgba(0, 0, 0, .1) 70%);--np-fn-bg: color-mix(in srgb, var(--card-accent) 12%, transparent 88%)}.number-pad.np-m10{--np-pad-bg: color-mix(in srgb, #fff7ed 30%, var(--card-bg) 70%)}.number-pad.np-m1{outline:3px solid #ef4444}.number-pad.np-m2{outline:3px solid #22c55e}.number-pad.np-m3{outline:3px solid #3b82f6}.number-pad.np-m4{outline:3px solid #a855f7}.cta-newbatch{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 8px 22px #00000014;border-left:6px solid #f59e0b;display:flex;flex-direction:column;gap:10px}.cta-newbatch .cta-badge{align-self:flex-start;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.cta-newbatch .cta-text{font-size:15px;font-weight:700;color:#111827;line-height:1.4}.cta-newbatch .cta-btn{align-self:flex-start;padding:10px 18px;font-size:14px;font-weight:700;color:#fff;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 14px #f59e0b38;transition:transform .15s ease,box-shadow .15s ease}.cta-newbatch .cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f59e0b47}.cta-newbatch.compact{padding:10px 12px}.cta-newbatch.compact .cta-text{font-size:14px}.phonics-container{max-width:820px;margin:0 auto;padding:24px 16px;box-sizing:border-box}.phonics-container h1{text-align:center;font-size:clamp(20px,4vw,26px);margin-bottom:24px;color:#0f1724}.phonics-list{display:flex;flex-direction:column;gap:16px}.phonics-item{position:relative;display:flex;align-items:center;gap:16px;background:#fff;padding:16px;border-radius:18px;cursor:pointer;box-shadow:0 8px 20px #0f172414;transition:transform .15s ease,box-shadow .15s ease}.phonics-item:before,.phonics-item:after{content:none!important}@media(hover:hover){.phonics-item:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0f17241f}}.phonics-item:active{transform:scale(.97)}.lesson-number{min-width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4e9cff,#7bb6ff);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phonics-lesson-title{font-size:clamp(18px,4vw,26px);font-weight:600;color:#0f1724;line-height:1.3}@media(max-width:600px){.phonics-container{padding:20px 14px}.phonics-list{gap:14px}.lesson-number{min-width:30px;height:30px;font-size:12px}}.lesson-page{display:flex;flex-direction:column;align-items:center}.lesson-card{background:#fff;max-width:900px;width:100%;padding:36px 32px;border-radius:20px;box-shadow:0 10px 30px #0000000f;box-sizing:border-box;min-width:0}.lesson-card img{max-width:100%;height:auto;display:block}.lesson-title{text-align:center;font-size:32px;margin-bottom:20px}.lesson-question{font-size:22px;margin-bottom:16px;line-height:1.5;color:#0f172a}.lesson-text{font-size:16px;line-height:1.9;color:#475569;margin-bottom:20px}.step-card{background:#f8fafc;padding:20px;border-radius:14px;margin-bottom:24px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;margin:24px 0}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:12px}.download-btn{background:#4f46e5;color:#fff;border:none;padding:12px 22px;border-radius:10px;cursor:pointer;font-size:16px}.cvc-text{text-align:center;margin:16px 0;font-size:28px;font-weight:700;color:#0f172a}.ad-img{display:block;width:100%;max-width:420px;height:auto;margin:18px auto;border-radius:12px}.batch-notice{margin:28px 0;padding:18px 20px;background:linear-gradient(135deg,#fff7e6,#fff1cc);border-left:6px solid #f59e0b;border-radius:10px;font-size:18px;line-height:1.9;font-weight:600;color:#92400e;box-shadow:0 6px 18px #00000014}.batch-notice br{display:block;margin-top:10px}.fee-notice{margin:18px 0 26px;padding:18px 20px;background:linear-gradient(135deg,#ecfeff,#e0f2fe);border:1px solid rgba(2,132,199,.25);border-left:6px solid #0284c7;border-radius:12px;font-size:18px;line-height:1.9;font-weight:600;color:#0f172a;box-shadow:0 8px 22px #0284c71f;word-break:break-word}@media(max-width:480px){.lesson-page{display:block;padding:12px 10px}.lesson-card{width:100%;max-width:100%;margin:0;padding:18px 14px;border-radius:14px;box-shadow:0 8px 18px #0000000f}.lesson-title{font-size:24px;margin-bottom:14px}.lesson-question{font-size:18px;line-height:1.55}.lesson-text{font-size:15px;line-height:1.85}.step-card{padding:16px;border-radius:12px}.step-card h3{font-size:17px}.video-wrapper{margin:18px 0}.video-wrapper iframe{border-radius:10px}.download-btn{width:100%;font-size:16px;padding:14px}.cvc-text{font-size:22px}.ad-img{max-width:320px}.batch-notice,.fee-notice{font-size:16px;padding:14px;line-height:1.8}}@media(max-width:480px){.lesson-page{display:block;padding:12px 10px}.lesson-card{width:100%;max-width:100%;margin:0;border-radius:14px;padding:18px 14px}}.btn-maths{width:100%;max-width:320px;padding:14px 18px;margin:10px auto;display:block;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#4facfe,#00c6ff);border:none;border-radius:14px;cursor:pointer;text-align:center;box-shadow:0 6px 14px #00000026;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-maths:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0003;background:linear-gradient(135deg,#43e97b,#38f9d7)}.btn-maths:active{transform:scale(.97);box-shadow:0 4px 10px #00000026}@media(max-width:480px){.btn-maths{font-size:15px;padding:12px 16px}}.tp-wrap{min-height:calc(100vh - 90px);padding:40px 14px;display:flex;justify-content:center;align-items:flex-start}.tp-card{width:100%;max-width:1100px;background:#fff;border-radius:22px;padding:26px 26px 34px;box-shadow:0 18px 55px #00000014;position:relative}.tp-back{display:inline-flex;align-items:center;gap:8px;color:#6b21a8;text-decoration:none;font-weight:800;font-size:18px;padding:10px 12px;border-radius:12px;transition:background .15s ease,transform .15s ease}.tp-back:hover{background:#6b21a814;transform:translateY(-1px)}.tp-top{text-align:center;color:#444;font-weight:800;margin-top:-34px;font-size:18px}.tp-title{text-align:center;font-size:54px;font-weight:900;margin:10px 0 18px;letter-spacing:.2px}.tp-loading,.tp-error{text-align:center;padding:14px 10px;border-radius:14px;margin:10px auto 0;max-width:520px;font-size:16px;font-weight:700}.tp-loading{background:#0000000a;color:#222}.tp-error{background:#b91c1c14;color:#b91c1c}.tp-content{margin-top:18px;padding:18px;border-radius:18px;background:#00000005;color:#111;font-size:19px;line-height:1.85;word-break:break-word}.tp-content h1,.tp-content h2,.tp-content h3{margin:18px 0 10px;line-height:1.25}.tp-content h1{font-size:34px;font-weight:900}.tp-content h2{font-size:28px;font-weight:900}.tp-content h3{font-size:22px;font-weight:900}.tp-content p{margin:10px 0}.tp-content ul,.tp-content ol{margin:12px 0 12px 22px}.tp-content li{margin:6px 0}.tp-content strong{font-weight:900}.tp-content hr{border:none;height:1px;background:#0000001f;margin:18px 0}.tp-content a{color:#6b21a8;font-weight:800;text-decoration:underline}.tp-content img{max-width:100%;height:auto;display:block;border-radius:14px}.tp-content *[style*=width]{max-width:100%!important}.tp-content iframe{display:block;border:0;max-width:100%}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;margin:14px 0}.video-wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important}.tp-imagesWrap{margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08)}.tp-imagesTitle{font-weight:800;font-size:18px;margin-bottom:10px}.tp-imageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tp-imageCard{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:10px}.tp-imageBox{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.tp-image{width:100%;height:100%;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box;display:block}.tp-imageEmpty{opacity:.5;font-weight:700}.tp-imageLabel{margin-top:10px;text-align:center;font-weight:900;font-size:54px;letter-spacing:.3px}@media(max-width:900px){.tp-wrap{padding:26px 12px}.tp-card{padding:22px 18px 26px;border-radius:20px}.tp-title{font-size:42px}.tp-imageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-imageLabel{font-size:48px}}@media(max-width:600px){.tp-wrap{padding:18px 10px}.tp-card{padding:18px 14px 22px;border-radius:18px}.tp-top{margin-top:-24px;font-size:16px}.tp-title{font-size:34px;margin:8px 0 14px}.tp-back{font-size:16px;padding:8px 10px}.tp-content{padding:14px 12px;font-size:17px;line-height:1.8}.tp-content h1{font-size:26px}.tp-content h2{font-size:22px}.tp-content h3{font-size:19px}.tp-imageGrid{grid-template-columns:1fr;gap:12px}.tp-imageLabel{font-size:44px}}.aph-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.aph-title{font-weight:1000;font-size:18px}.aph-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.aph-list{display:grid;gap:10px}.aph-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff}.aph-rowTitle{font-weight:950}.aph-rowMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.aph-chip{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:#0000000f;opacity:.85}.aph-rowBtns{display:flex;gap:8px}.aph-btn,.aph-btn2,.aph-btnDanger{border:0;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}.aph-btn{background:#111;color:#fff}.aph-btn2{background:#00000014;color:#111}.aph-btnDanger{background:#dc143c24;color:#dc143c}.aph-label{display:grid;gap:6px;font-weight:900;font-size:12px;opacity:.9}.aph-input,.aph-select{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.14);outline:none;font-weight:800;background:#fff}.aph-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.aph-grid2{grid-template-columns:1fr}}.aph-err{padding:10px 12px;border-radius:12px;background:#dc143c1f;color:#dc143c;font-weight:900}.aph-modalBackdrop{position:fixed;inset:0;background:#00000061;display:grid;place-items:center;padding:14px;z-index:9999}.aph-modal{width:min(700px,100%);border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 18px 60px #00000040;padding:14px}.aph-modalHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.aph-modalTitle{font-weight:1000;font-size:16px}.aph-x{border:0;background:#00000014;border-radius:10px;padding:8px 10px;font-weight:1000;cursor:pointer}.aph-form{display:grid;gap:12px;margin-top:12px}.aph-saveBar{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.aph-note{margin-top:4px;font-size:12px;opacity:.75}.aph-modalBackdrop{position:fixed;inset:0;background:#00000061;display:grid;place-items:center;padding:14px;z-index:9999;overflow:auto}.aph-modal,.aph-modalWide{max-height:calc(100vh - 28px);overflow:auto}.aph-modalHead{position:sticky;top:0;background:#fff;padding-bottom:10px;z-index:2}.ue-surface{max-height:45vh;overflow:auto}.aph-formSketch{gap:16px}.aph-row3{display:grid;grid-template-columns:1.6fr 1.1fr .6fr;gap:14px}.aph-rowPublish{display:flex;justify-content:flex-end}.aph-publishSmall{width:220px}.aph-editorBox{margin-top:8px;border-radius:14px}.aph-saveLeft{justify-content:flex-start}@media(max-width:860px){.aph-row3{grid-template-columns:1fr}.aph-rowPublish{justify-content:flex-start}.aph-publishSmall{width:100%}}.aph-imagesSection{margin-top:16px;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}.aph-imagesHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.aph-imagesTitle{font-weight:800;font-size:16px}.aph-imagesHint{opacity:.7;font-size:12px}.aph-imageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.aph-imageCard{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px;background:#fafafa}.aph-imageBox{width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#fff;border:1px dashed rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center}.aph-imagePreview{width:100%;height:100%;object-fit:cover;display:block}.aph-imageEmpty{opacity:.6;font-size:12px}.aph-imageBtns{display:flex;gap:8px;margin-top:8px}.aph-imageLabel{margin-top:8px;text-align:center;font-weight:800}.hb-page{min-height:100vh;padding:18px;display:flex;justify-content:center;background:radial-gradient(900px 420px at 15% 10%,rgba(80,140,255,.18),transparent 60%),radial-gradient(900px 420px at 85% 20%,rgba(0,220,255,.12),transparent 60%),linear-gradient(180deg,#0b1220,#0a1020 45%,#080d18);color:#eaf0ff}.hb-card{width:min(980px,100%);border-radius:20px;padding:16px;background:#0c1223b8;border:1px solid rgba(120,160,255,.18);box-shadow:0 18px 40px #00000073,0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hb-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.hb-back{text-decoration:none;font-weight:900;color:#cfe0ff;padding:10px 12px;border-radius:14px;border:1px solid rgba(120,160,255,.18);background:#ffffff0a}.hb-back:hover{background:#ffffff12}.hb-brand{font-weight:900;opacity:.85;letter-spacing:.3px}.hb-title{margin:12px 0 6px;font-size:22px;font-weight:1000;color:#fff}.hb-studentLink{margin:6px 0 10px;font-weight:800;opacity:.92}.hb-studentLinkPath{opacity:.85;font-weight:900;color:#8fb3ff}.hb-loading{padding:10px 0;font-weight:900;opacity:.85}.hb-error{margin-top:8px;padding:10px 12px;border-radius:14px;background:#ff285a1f;border:1px solid rgba(255,40,90,.22);color:#ffb7c7;font-weight:1000}.hb-list{display:grid;gap:10px;margin-top:10px}.hb-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(120,160,255,.14);box-shadow:0 10px 24px #00000038}.hb-rowLeft{min-width:0}.hb-rowWord{font-weight:1000;color:#fff}.hb-order{color:#8fb3ff}.hb-meta{margin-top:6px;font-size:12px;opacity:.9}.hb-metaLine{line-height:1.35}.hb-metaKey{font-weight:900;color:#ffffffc7}.hb-metaVal{opacity:.85;word-break:break-word}.hb-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hb-btn{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#eaf0ff;font-weight:1000;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,background .12s ease}.hb-btn:hover{transform:translateY(-1px);background:#ffffff17;box-shadow:0 10px 20px #00000047}.hb-btn:active{transform:translateY(0);box-shadow:none}.hb-btnPrimary{border:1px solid rgba(120,160,255,.28);background:linear-gradient(90deg,#508cff38,#00dcff1f)}.hb-btnDanger{border:1px solid rgba(255,40,90,.28);background:#ff285a1a;color:#ffd1dc}.hb-editor{margin-top:16px;padding-top:14px;border-top:1px solid rgba(120,160,255,.14)}.hb-editorTitle{font-weight:1000;margin-bottom:10px;color:#fff}.hb-form{display:grid;gap:10px}.hb-input{width:100%;padding:12px;border-radius:16px;border:1px solid rgba(120,160,255,.16);background:#ffffff0d;color:#eaf0ff;font-weight:900;outline:none}.hb-input::placeholder{color:#eaf0ff8c}.hb-input:focus{border-color:#8fb3ffa6;box-shadow:0 0 0 4px #8fb3ff2e}.hb-block{display:grid;gap:8px;padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(120,160,255,.12)}.hb-blockTitle{font-weight:1000;color:#ffffffeb}.hb-file{width:100%;padding:10px;border-radius:14px;border:1px dashed rgba(143,179,255,.3);background:#ffffff08;color:#eaf0ffd9;font-weight:800}.hb-empty{padding:14px 12px;border-radius:16px;border:1px dashed rgba(143,179,255,.28);background:#8fb3ff0f;font-weight:1000;opacity:.9}.psc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.psc-title{color:green;font-size:25px;text-align:center;font-weight:800}.psc-item{padding:14px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;font-weight:900;text-align:left;cursor:pointer}.psc-item:hover{transform:translateY(-1px)}.ps-page{width:100%}.ps-card{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}@media(min-width:1600px){.ps-card{max-width:1800px}}.ps-head{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ps-title{margin:0;font-size:22px;font-weight:900}.ps-sub{font-size:14px;opacity:.8}.ps-subSep{opacity:.8}.ps-error{background:#ffecec;border:1px solid #ffb3b3;padding:10px 12px;border-radius:12px;margin:12px 0}.ps-empty{padding:14px 0;opacity:.75}.ps-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}@media(min-width:640px){.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(min-width:1024px){.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(min-width:1600px){.ps-grid{gap:26px}}.ps-item{border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px #0000000f}.ps-imgWrap{width:100%;height:220px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.ps-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.ps-noimg{opacity:.6;font-weight:700}.ps-subcat{margin:12px 12px 0;display:inline-block;padding:6px 10px;border-radius:999px;background:#0000000f;font-size:12px;font-weight:800}.ps-sentence{padding:12px 12px 16px;font-size:28px;font-weight:800;line-height:1.25}@media(min-width:1024px){.ps-sentence{font-size:28px}}@media(min-width:1600px){.ps-sentence{font-size:28px}}.psi-page{display:flex;justify-content:center;padding:24px 16px 60px}.psi-card{width:100%;max-width:1100px;padding:22px;border-radius:20px}.psi-top{text-align:center;margin-bottom:14px}.psi-title{font-size:26px;font-weight:900}.psi-sub{margin-top:6px;opacity:.7;font-weight:600}.psi-error{margin:10px 0 14px;padding:10px 12px;border-radius:12px;background:#fee2e2;color:#991b1b;font-weight:800}.psi-filters{display:grid;grid-template-columns:160px 1fr 1fr;gap:12px;margin:14px 0 10px}.psi-field select{width:100%;padding:10px;border-radius:12px;border:1px solid #e5e7eb;outline:none}.psi-lbl{font-size:12px;font-weight:800;opacity:.7;margin-bottom:6px}.psi-headline{margin:12px 0 16px;font-weight:900;text-align:center;font-size:18px;opacity:.9}.psi-empty{text-align:center;padding:18px 12px;border-radius:14px;background:#f1f5f9;font-weight:800}.psi-list{display:grid;gap:12px}.psi-row{border:1px solid #eef2f7;border-radius:16px;background:#fff;padding:14px}.psi-sentence{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;margin-bottom:10px}.psi-no{font-size:22px;font-weight:900;opacity:.9}.psi-text{font-size:26px;font-weight:900;line-height:1.15}.psi-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.psi-btn{padding:10px 14px;border-radius:12px;border:1px solid #e5e7eb;font-weight:900;cursor:pointer;background:#fff}.psi-btn:disabled{opacity:.5;cursor:not-allowed}.psi-btnImage{background:#fde047;border-color:#fde047}.psi-btnPrev{background:#fff}.psi-preview{margin-top:12px;border-radius:14px;background:#f8fafc;padding:12px;overflow:hidden}.psi-preview img{width:100%;max-height:320px;object-fit:contain;display:block;border-radius:12px}.psi-previewEmpty{text-align:center;font-weight:800;opacity:.6;padding:24px 10px}@media(max-width:900px){.psi-filters{grid-template-columns:1fr}.psi-actions{justify-content:flex-start}.psi-text{font-size:22px}}.sentence-preview-img{width:90px;height:70px;object-fit:cover;border-radius:8px;border:2px solid #eee;cursor:pointer;transition:.2s}.sentence-preview-img:hover{transform:scale(1.05);border-color:#facc15}.preview-disabled{opacity:.4;cursor:not-allowed}.psi-editWrap{width:100%}.psi-editInput{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.15);outline:none;font-size:16px}.psi-readWrap{width:100%}.psi-sentText{font-size:16px;line-height:1.35}.psi-editBtns{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.psi-btnEdit{background:#111;color:#fff}.psi-btnSave{background:#0ea5e9;color:#fff}.lpage{min-height:calc(100vh - 64px);padding:22px 12px 40px;background:#fff}.lpage h2{text-align:center;margin:6px 0 14px;font-size:28px;font-weight:900}.lsection{max-width:1060px;margin:0 auto}.lsection-title{margin:10px 0 12px;font-size:18px;font-weight:900;color:#222}.lgrid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;align-items:stretch}.lcard{border:1px solid rgba(20,25,40,.1);background:#fff;border-radius:16px;padding:12px;cursor:pointer;text-align:left;box-shadow:0 10px 22px #0c12230f;transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:10px}.lcard:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0c12231a}.lcard-imgWrap{width:100%;height:130px;border-radius:14px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.lcard-img{width:100%;height:100%;object-fit:contain}.lcard-title{margin:0;font-size:16px;font-weight:900;color:#111;text-align:center}@media(max-width:980px){.lgrid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:560px){.lgrid{grid-template-columns:repeat(2,minmax(150px,1fr))}.lpage h2{font-size:22px}}.phx-page{max-width:1100px;margin:0 auto;padding:18px 16px 40px}.phx-head{margin-bottom:14px}.phx-title{margin:0;font-size:24px;font-weight:800}.phx-sub{margin:6px 0 0;color:#6b7280;font-size:14px;font-weight:600}.phx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.phx-card{display:block;text-decoration:none;border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 6px 22px #0000000f;transition:transform .16s ease,box-shadow .16s ease}.phx-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.phx-imgWrap{background:#f3f4f6;padding:18px;display:flex;align-items:center;justify-content:center}.phx-img{width:220px;max-width:100%;height:auto;border-radius:12px;background:#fff;border:1px solid #e5e7eb}.phx-body{padding:14px 16px 16px}.phx-cardTitle{font-size:18px;font-weight:800;color:#111827;margin:0 0 6px}.phx-cardDesc{font-size:14px;font-weight:600;color:#6b7280}@media(max-width:820px){.phx-grid{grid-template-columns:1fr}.phx-img{width:240px}}.vocab-home{padding:20px 16px}.vocab-card{max-width:1100px;margin:0 auto;padding:14px 10px 16px}.vocab-top{padding:16px 20px 8px}.vocab-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.6px;background:#e0f2fe;color:#075985}.vocab-title{margin:10px 0 4px;font-size:30px;line-height:1.15;color:#0f172a}.vocab-sub{margin:0;color:#475569}.vocab-grid{display:grid;grid-template-columns:1fr;gap:18px;padding:12px 14px 8px}@media(min-width:900px){.vocab-grid{grid-template-columns:repeat(4,1fr);gap:22px;padding:20px 24px 12px}}.vocab-grade{display:block;text-decoration:none;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 12px #0f172a14;transition:transform .15s ease,box-shadow .15s ease}.vocab-grade:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0f172a1f}.vocab-imgwrap{background:#f8fafc;padding:14px;height:220px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.vocab-grade-img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block}@media(min-width:900px){.vocab-imgwrap{height:320px;padding:16px}}.vocab-grade-title{padding:12px 14px 0;font-weight:900;font-size:18px;color:#0f172a}.vocab-grade-sub{padding:4px 14px 14px;font-size:14px;color:#475569}@media(min-width:900px){.vocab-grade-title,.vocab-grade-sub{display:none}}.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}.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}.glsSess-page{min-height:100vh;padding:14px;background:#f5f7fb;display:flex;justify-content:center}.glsSess-card{width:100%;max-width:860px;background:#fff;border:1px solid #e7eaf3;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;overflow:hidden}.glsSess-top{padding:14px 16px 12px;border-bottom:1px solid #eef1f7;background:linear-gradient(180deg,#fff,#fbfcff)}.glsSess-back{border:1px solid #e7eaf3;background:#fff;padding:8px 10px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 6px 14px #0f172a0d}.glsSess-title{margin:10px 0 0;font-size:20px;font-weight:950;color:#0f172a}.glsSess-sub{margin-top:6px;font-size:13px;color:#475569;line-height:1.35}.glsSess-lockBanner{margin-top:10px;background:#0b1220;color:#e2e8f0;padding:10px 12px;border-radius:14px;font-weight:850}.glsSess-body{padding:14px}.glsSess-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:10px 12px;border-radius:12px;font-weight:850}.glsSess-muted{color:#64748b;font-weight:750;padding:6px 2px}.glsSess-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.glsSess-grid{grid-template-columns:1fr 1fr}}.glsSess-tile{width:100%;border:1px solid #e7eaf3;background:#fff;border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 8px 18px #0f172a0d;transition:transform .12s ease,box-shadow .12s ease,border .12s ease}.glsSess-tile:hover{transform:translateY(-1px);border-color:#d7dcf0;box-shadow:0 12px 22px #0f172a12}.glsSess-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f1f5ff;font-size:22px;flex:0 0 auto}.glsSess-texts{flex:1;min-width:0}.glsSess-name{font-weight:950;color:#0f172a;font-size:16px;line-height:1.1}.glsSess-hint{margin-top:5px;font-size:12px;font-weight:800;color:#64748b}.glsSess-go{font-size:22px;font-weight:950;color:#0ea5e9;margin-left:8px}.admGLS-page{min-height:100vh;padding:14px;background:#f5f7fb;display:flex;justify-content:center}.admGLS-card{width:100%;max-width:980px;background:#fff;border:1px solid #e7eaf3;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;overflow:hidden}.admGLS-top{padding:14px 16px 12px;border-bottom:1px solid #eef1f7;background:linear-gradient(180deg,#fff,#fbfcff);display:flex;align-items:flex-start;gap:10px}.admGLS-headText{flex:1;min-width:0}.admGLS-title{margin:0;font-size:18px;font-weight:950;color:#0f172a}.admGLS-sub{margin-top:6px;font-size:13px;color:#475569;line-height:1.35}.admGLS-body{padding:14px;display:grid;gap:12px}.admGLS-panel{border:1px solid #eef1f7;border-radius:18px;padding:12px;background:#fff;box-shadow:0 8px 18px #0f172a0a}.admGLS-panelTitle{font-weight:950;color:#0f172a;margin-bottom:10px}.admGLS-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:10px 12px;border-radius:12px;font-weight:850}.admGLS-muted{color:#64748b;font-weight:750;padding:6px 2px}.admGLS-grid2,.admGLS-grid3{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:760px){.admGLS-grid2{grid-template-columns:1fr 1fr}.admGLS-grid3{grid-template-columns:1fr 1fr 160px}}.admGLS-field{display:grid;gap:6px}.admGLS-label{font-size:12px;font-weight:900;color:#334155}.admGLS-input{border:1px solid #e7eaf3;border-radius:14px;padding:10px 12px;font-weight:800;outline:none;box-shadow:0 6px 14px #0f172a0a}.admGLS-input:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px #6366f11f}.admGLS-fieldRow{display:flex;align-items:center;gap:10px;margin-top:10px}.admGLS-labelInline{font-weight:900;color:#0f172a}.admGLS-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.admGLS-btn{border:1px solid #e7eaf3;background:#fff;padding:10px 12px;border-radius:14px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px #0f172a0d;transition:transform .12s ease,box-shadow .12s ease}.admGLS-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #0f172a12}.admGLS-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admGLS-btnGhost{background:#fff}.admGLS-btnDark{background:#0b1220;border-color:#0b1220;color:#e2e8f0}.admGLS-btnPrimary{background:#4f46e5;border-color:#4f46e5;color:#fff}.admGLS-btnSoft{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.admGLS-btnDanger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.admGLS-list{display:grid;gap:12px}.admGLS-row{border:1px solid #eef1f7;border-radius:16px;padding:12px;background:#fbfcff}.admGLS-rowTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.admGLS-pill{display:inline-flex;gap:8px;align-items:center;font-weight:950;color:#0f172a;background:#fff;border:1px solid #eef1f7;padding:6px 10px;border-radius:999px}.adminPage{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:26px 16px 60px;background:radial-gradient(1100px 500px at 15% 0%,#dbeafe,#dbeafe00 55%),radial-gradient(1000px 450px at 85% 10%,#fae8ff,#fae8ff00 55%),#f8fafc;box-sizing:border-box}.adminHeader{max-width:980px;margin:0 auto 18px;background:#fff;border-radius:20px;padding:18px 18px 16px;box-shadow:0 14px 40px #02061714;border:1px solid rgba(15,23,42,.06)}.adminBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:800;font-size:13px}.adminTitle{margin:10px 0 4px;font-size:clamp(24px,4vw,38px);font-weight:900;letter-spacing:-.4px;color:#0f172a}.adminSub{margin:0;color:#475569;font-size:15px;line-height:1.5}.adminSection{max-width:980px;margin:14px auto 0}.adminSectionTitle{margin:0 0 10px;font-size:16px;font-weight:900;color:#0f172a;padding:0 4px}.adminGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.adminCard{grid-column:span 6;position:relative;display:block;padding:16px 16px 14px;background:#fff;border-radius:18px;text-decoration:none;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 26px #0206170f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden}.adminCard:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 0% 0%,#3b82f62e,#3b82f600 60%),radial-gradient(520px 220px at 100% 0%,#a855f729,#a855f700 60%);pointer-events:none}.adminCard:hover{transform:translateY(-2px);box-shadow:0 16px 42px #0206171a;border-color:#3b82f640}.adminCardTitle{position:relative;z-index:1;font-size:18px;font-weight:900;color:#0f172a;margin-bottom:4px}.adminCardDesc{position:relative;z-index:1;color:#475569;font-size:14px;line-height:1.4;padding-right:22px}.adminCardArrow{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#0f172a0f;color:#0f172a;font-weight:900}.adminFooter{max-width:980px;margin:20px auto 0;display:flex;align-items:center;gap:10px;color:#64748b;font-weight:800;font-size:13px;padding:10px 6px}.adminFooterDot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px #22c55e26}@media(max-width:720px){.adminCard{grid-column:span 12}}:root{--bg-main: #0b1020;--card-bg: #111827;--card-inner: #161f36;--yellow: #facc15;--blue: #38bdf8;--purple: #a855f7;--green: #22c55e;--white: #f9fafb;--gray: #9ca3af}.ssc-page{padding:22px;max-width:1180px;margin:0 auto;background:radial-gradient(circle at top,#111827,#020617);min-height:100vh;color:var(--white)}.ssc-title{font-size:30px;font-weight:900;margin:6px 0 22px;background:linear-gradient(90deg,var(--yellow),var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ssc-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.ssc-btn{border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#0f172a,#020617);padding:10px 18px;border-radius:10px;font-weight:900;color:var(--white);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #38bdf826}.ssc-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #a855f759;border-color:var(--purple)}.ssc-btn-primary{background:linear-gradient(135deg,var(--yellow),var(--purple));color:#020617;border:none;box-shadow:0 6px 20px #facc1573}.ssc-btn-primary:hover{box-shadow:0 10px 32px #facc15b3}.ssc-month{margin-left:auto;display:flex;flex-direction:column;gap:6px}.ssc-month-label{font-size:12px;font-weight:900;color:var(--gray)}.ssc-month-input{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 12px;min-width:220px;font-weight:900;background:#020617;color:var(--white)}.ssc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.ssc-box{background:linear-gradient(145deg,#020617,#111827);border-radius:20px;padding:22px;box-shadow:0 14px 40px #38bdf826}.ssc-box-inner{background:var(--card-inner);border-radius:18px;padding:28px 30px;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 26px #0009;min-height:170px}.ssc-row{display:grid;grid-template-columns:1fr 200px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.ssc-row:last-child{border-bottom:none}.ssc-left{font-size:16px;font-weight:900;color:var(--blue)}.ssc-right{text-align:right;font-size:20px;font-weight:900;color:var(--yellow)}.ssc-underline{border-bottom:2px solid var(--purple);padding-bottom:4px;display:inline-block;min-width:160px}.ssc-bold{font-weight:1000;color:var(--green)}.ssc-note{margin-top:16px;font-size:13px;color:var(--gray)}.ssc-centerBox{display:flex;flex-direction:column;justify-content:center;gap:20px}.ssc-miniRow{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:18px}.ssc-miniLabel{color:var(--purple)}.ssc-miniVal{color:var(--yellow);font-weight:1000;font-size:26px;text-shadow:0 0 10px rgba(250,204,21,.6)}.ssc-monthRow{margin-top:28px;display:grid;grid-template-columns:repeat(12,1fr) 1.3fr;gap:12px;align-items:end}.ssc-monthCell{padding:12px 8px;border-radius:12px;background:linear-gradient(145deg,#020617,#0f172a);box-shadow:0 6px 20px #38bdf826;transition:all .25s ease}.ssc-monthCell:hover{transform:translateY(-4px);box-shadow:0 10px 28px #a855f773}.ssc-monthName{font-weight:900;font-size:16px;color:var(--blue)}.ssc-monthVal{margin-top:6px;font-weight:900;font-size:16px;color:var(--yellow)}.ssc-totalCell{border-left:3px solid var(--purple);padding-left:16px;background:linear-gradient(145deg,#111827,#020617)}@media(max-width:900px){.ssc-grid2{grid-template-columns:1fr}.ssc-month{margin-left:0;width:100%}.ssc-month-input{width:100%;min-width:0}.ssc-row{grid-template-columns:1fr}.ssc-right{text-align:left}.ssc-monthRow{grid-template-columns:repeat(3,1fr);gap:10px}.ssc-totalCell{border-left:none;border-top:3px solid var(--purple);padding-left:6px;padding-top:14px;grid-column:1 / -1}}.ssc-page{padding:18px;max-width:1200px;margin:0 auto}.ssc-grid{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}@media(max-width:980px){.ssc-grid{grid-template-columns:1fr}}.ssc-card{background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 30px #0f172a14,0 1px #0f172a0a;padding:18px}.ssc-title{margin:0 0 14px;font-size:28px;font-weight:900;letter-spacing:.2px;color:#0f172a}.ssc-subtitle{margin:0;font-size:18px;font-weight:900;color:#0f172a}.ssc-topRow{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.ssc-label{margin:10px 0 6px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#64748b}.ssc-input,.ssc-search{width:100%;box-sizing:border-box;height:44px;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#fff,#fbfdff);color:#0f172a;outline:none;font-size:15px;box-shadow:0 1px #0f172a05;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ssc-input::placeholder,.ssc-search::placeholder{color:#94a3b8}.ssc-input:focus,.ssc-search:focus{border-color:#3b82f6a6;box-shadow:0 0 0 4px #3b82f624,0 10px 20px #0f172a0f;transform:translateY(-1px)}select.ssc-input{padding-right:38px;cursor:pointer}.ssc-btnRow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.ssc-btn{height:44px;padding:0 16px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#f1f5f9;color:#0f172a;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease;box-shadow:0 10px 20px #0f172a0f}.ssc-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0f172a1a}.ssc-btn:active{transform:translateY(0);box-shadow:0 8px 16px #0f172a14}.ssc-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ssc-btnDark{background:linear-gradient(180deg,#0f172a,#111827);border-color:#02061740;color:#fff}.ssc-tableWrap{border-radius:16px;border:1px solid rgba(15,23,42,.1);overflow:hidden;max-height:620px;background:#fff}.ssc-table{width:100%;border-collapse:collapse}.ssc-table thead th{position:sticky;top:0;background:#fff;z-index:2;text-align:left;padding:12px;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:#334155;border-bottom:1px solid rgba(15,23,42,.1)}.ssc-table tbody td{padding:12px;border-bottom:1px solid rgba(15,23,42,.08);font-size:14px;color:#0f172a;vertical-align:middle}.ssc-table tbody tr:hover td{background:#f8fafc}.ssc-strong{font-weight:900}.ssc-actions{display:flex;gap:8px;justify-content:flex-start;align-items:center}.ssc-actBtn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:0 10px 18px #0f172a0f}.ssc-actBtn:hover{transform:translateY(-1px);background:#f1f5f9;box-shadow:0 14px 22px #0f172a1a}.ssc-actBtn:active{transform:translateY(0);box-shadow:0 8px 16px #0f172a14}.ssc-search{max-width:360px}.ssc-card>div[style*=Loading]{color:#64748b;font-weight:700}.ssc-tableWrap::-webkit-scrollbar{width:10px}.ssc-tableWrap::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:10px}.ssc-tableWrap::-webkit-scrollbar-track{background:#0f172a0d}.ssc-page{max-width:1100px;margin:auto}.ssc-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ssc-top input,.ssc-top select{padding:10px 12px;border:1px solid rgba(15,23,42,.15);border-radius:12px;font-size:15px;min-width:160px}.ssc-btn{padding:10px 16px;border-radius:12px;border:none;background:#111827;color:#fff;font-weight:800;cursor:pointer}.ssc-btn:hover{opacity:.9}.ssc-btn.secondary{background:#e5e7eb;color:#111827}.ssc-table{width:100%;border-collapse:collapse;margin-top:12px}.ssc-table th,.ssc-table td{border-bottom:1px solid rgba(15,23,42,.12);padding:10px 8px;text-align:left;font-size:14px}.ssc-table th{background:#f8fafc;font-weight:800}.ssc-row-actions{display:flex;gap:10px}.ssc-link{color:#2563eb;font-weight:700;cursor:pointer}.ssc-link:hover{text-decoration:underline}.ssc-dash-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.ssc-dash-actions{display:flex;gap:10px;flex-wrap:wrap}.ssc-muted{color:#64748b;font-size:14px}.ssc-dash-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin-top:12px}.ssc-stat{border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:12px;background:#fff}.ssc-stat-k{color:#64748b;font-size:13px;font-weight:700}.ssc-stat-v{font-size:28px;font-weight:900;color:#0f172a;margin-top:6px}.ssc-grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.ssc-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ssc-h3{margin:0;font-size:16px;font-weight:900;color:#0f172a}@media(max-width:900px){.ssc-dash-cards{grid-template-columns:repeat(2,minmax(160px,1fr))}.ssc-grid-2{grid-template-columns:1fr}}.ssc-pay-page{padding:14px;background:linear-gradient(135deg,#22c55e1a,#a855f71a,#eab3081a)}.ssc-pay-page .m-card{border-radius:18px;padding:16px;border:1px solid rgba(15,23,42,.1);box-shadow:0 14px 34px #0000001a;background:#fff}.ssc-pay-card1{margin-bottom:12px}.ssc-pay-card2{margin-top:12px;max-height:70vh;overflow:auto}.ssc-pay-page .m-q{margin:0;font-size:20px;font-weight:900;letter-spacing:.2px;color:#0b0b0f;display:inline-block;padding-bottom:6px;border-bottom:4px solid rgba(168,85,247,.35)}.ssc-pay-h3{margin:0 0 10px;color:#0b0b0f;font-weight:900}.ssc-pay-combo{position:relative;margin-top:10px}.ssc-pay-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.18);outline:none;background:#fff;transition:.15s ease}.ssc-pay-input:focus{border-color:#a855f7b3;box-shadow:0 0 0 4px #a855f724}.ssc-pay-dd{position:absolute;z-index:20;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:10px;margin-top:6px;max-height:260px;overflow-y:auto;box-shadow:0 10px 26px #0f172a1a}.ssc-pay-ddRow{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.ssc-pay-ddRow.is-hi{background:#0284c71a}.ssc-pay-ddName,.ssc-pay-ddMeta{white-space:nowrap}.ssc-pay-ddName{font-weight:800;overflow:hidden;text-overflow:ellipsis}.ssc-pay-ddMeta{opacity:.85;font-size:13px;font-weight:800;max-width:45%;overflow:hidden;text-overflow:ellipsis;text-align:right}.ssc-pay-selected{margin-top:10px;font-size:14px;opacity:.9;font-weight:800}.ssc-pay-top{margin-top:12px;display:grid;grid-template-columns:150px 170px 120px 1fr 110px;gap:10px;align-items:center}.ssc-pay-page input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.18);outline:none;background:#fff;transition:.15s ease}.ssc-pay-page input:focus{border-color:#a855f7b3;box-shadow:0 0 0 4px #a855f724}.ssc-pay-page .ssc-btn{padding:10px 12px;border:0;border-radius:12px;font-weight:900;cursor:pointer;color:#0b0b0f;background:linear-gradient(135deg,#22c55e,#eab308);box-shadow:0 12px 24px #22c55e2e;transition:transform .1s ease,filter .15s ease}.ssc-pay-page .ssc-btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.ssc-pay-page .ssc-btn:active{transform:translateY(0)}.ssc-pay-actions{display:flex;gap:8px}.ssc-pay-amt{width:110px}.ssc-pay-page .ssc-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px;border:1px solid rgba(15,23,42,.1)}.ssc-pay-page .ssc-table thead th{text-align:left;padding:12px;font-weight:900;color:#fff;background:linear-gradient(135deg,#0b0b0f,#a855f7);border-bottom:1px solid rgba(255,255,255,.1)}.ssc-pay-page .ssc-table td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);color:#0b0b0f}.ssc-pay-page .ssc-table tbody tr:nth-child(odd) td{background:#22c55e0f}.ssc-pay-page .ssc-table tbody tr:nth-child(2n) td{background:#a855f70d}.ssc-pay-page .ssc-table tbody tr:hover td{background:#eab3081a}@media(max-width:900px){.ssc-pay-top{grid-template-columns:1fr}.ssc-pay-card2{max-height:none}}ssc-pay-card2{max-height:calc(100vh - 140px);overflow:auto}.ssc-pay-ddRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.ssc-pay-ddName{font-weight:700;flex:1}.ssc-pay-ddMeta{font-size:13px;opacity:.75;white-space:nowrap}.report-page{padding:20px;background:#f4f7ff;min-height:100vh}.report-page h2{margin-bottom:15px;color:#333}.report-filters{display:flex;gap:20px;align-items:flex-end;margin-bottom:20px;background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 6px #0000001a}.report-filters label{display:block;font-size:13px;margin-bottom:4px;color:#555}.report-filters select,.report-filters input{padding:6px 10px;border-radius:5px;border:1px solid #ccc}.report-filters button{padding:7px 16px;background:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer}.report-filters button:hover{background:#4338ca}.report-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 6px #0000001a}.report-table th,.report-table td{border:1px solid #ddd;padding:8px;text-align:center}.report-table th{background:#111827;color:#fff}.report-table tr:nth-child(2n){background:#f9fafb}.empty{text-align:center;padding:20px;color:#777}.name-col{text-align:left;font-weight:600;padding-left:10px}.report-table td:nth-child(3),.report-table th:nth-child(3){text-align:left!important;padding-left:12px}.m-card{width:100%;max-width:720px;background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 28px #00000014}.be-card{padding:22px}.be-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.be-back{border:0;background:#eef2ff;color:#0f172a;padding:8px 10px;border-radius:999px;font-weight:800;cursor:pointer}.be-title{margin:0;font-size:22px;font-weight:900;color:#0f172a;text-align:center}.be-levels{display:grid;gap:12px;margin-top:14px}.be-level-btn{width:100%;border:2px solid #dbeafe;background:#fff;padding:16px 14px;border-radius:16px;font-weight:900;font-size:18px;cursor:pointer;box-shadow:0 10px 18px #0000000f}.be-level-btn:active{transform:scale(.99)}.be-disabled{opacity:.55;cursor:not-allowed}.be-muted{color:#475569;font-weight:700}.be-err{color:#b91c1c;font-weight:900}.m-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:#f6f8fb}.m-card{width:100%;max-width:780px;background:#fff;border-radius:18px;padding:18px 16px;box-shadow:0 12px 30px #00000014}.be-card{padding:20px 18px}.be-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.be-title{width:100%;text-align:center;margin:0;font-size:26px;font-weight:900;color:#0f172a;line-height:1.15}.be-muted{margin:10px 0 0;font-size:15px;color:#475569}.be-err{margin:10px 0 0;font-size:14px;font-weight:700;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:10px 12px;border-radius:12px}.be-content{margin-top:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.85;color:#0f172a}.be-content p,.be-content li{font-size:inherit;line-height:inherit}.be-content h1{font-size:30px;margin:14px 0 10px}.be-content h2{font-size:24px;margin:14px 0 10px}.be-content h3{font-size:20px;margin:14px 0 10px}.be-content ul,.be-content ol{padding-left:24px;margin:10px 0}.be-content li::marker{font-size:1.1em;font-weight:800}.be-content a{color:#2563eb;text-decoration:underline}@media(max-width:480px){.m-page{padding:12px}.be-card{padding:16px 14px}.be-title{font-size:24px}.be-content{font-size:25px;line-height:1.9}.be-content ul,.be-content ol{padding-left:28px}.be-content li::marker{font-size:1.35em;font-weight:200}}.lesson-video-wrap{width:100%;margin:16px 0 20px}.lesson-video{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}.lesson-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.be-content iframe{width:100%;aspect-ratio:16 / 9;border-radius:12px;display:block;margin:16px auto 20px}@media(min-width:900px){.be-content iframe{max-width:820px;margin-left:auto;margin-right:auto}}.lesson-page{width:100%;min-height:100vh;background:#f1f5f9;padding:12px;box-sizing:border-box}.lesson-card{width:100%;max-width:920px;margin:0 auto;background:#fff;border-radius:16px;padding:14px;box-sizing:border-box}.lesson-content{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.75;color:#0f172a;word-break:break-word;overflow-wrap:anywhere}.lesson-content p{margin:10px 0}.lesson-content h1{font-size:26px;margin:14px 0 10px}.lesson-content h2{font-size:22px;margin:14px 0 10px}.lesson-content h3{font-size:19px;margin:14px 0 10px}.lesson-content ol,.lesson-content ul{margin:10px 0;padding-left:20px;box-sizing:border-box}.lesson-content li{margin:10px 0;padding-left:6px;white-space:normal}.lesson-content li::marker{font-weight:800;font-size:1.05em}.lesson-content a{color:#2563eb;text-decoration:underline}.lesson-content iframe,.lesson-video{width:100%;aspect-ratio:16 / 9;border-radius:12px;display:block;margin:14px auto 18px;border:0;max-width:100%}@media(max-width:480px){.lesson-page{padding:8px}.lesson-card{padding:12px;border-radius:14px}.lesson-content{font-size:20px;line-height:1.85}.lesson-content ol,.lesson-content ul{padding-left:18px}.lesson-content li{padding-left:4px}}.ta-home{padding:16px}.ta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ta-card{background:#fff;border-radius:14px;padding:14px;text-decoration:none;color:#111827;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;gap:8px}.ta-card-top{display:flex;justify-content:space-between;align-items:center}.ta-icon{font-size:26px}.ta-badge{background:#16a34a;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.ta-card-title{font-size:16px;font-weight:700}.ta-card-sub{font-size:13px;color:#6b7280}.ta-card-go{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#2563eb}.ta-arrow{font-size:18px}@media(min-width:768px){.ta-grid{max-width:600px;margin:0 auto}}html.no-page-scroll,body.no-page-scroll{overflow:hidden}.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)}