@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";.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}}.g1m-page{width:100%;padding:18px 12px 70px;box-sizing:border-box;background:radial-gradient(900px 520px at 20% 0%,rgba(99,102,241,.18),transparent 60%),radial-gradient(800px 520px at 90% 10%,rgba(34,197,94,.16),transparent 55%),radial-gradient(900px 520px at 40% 110%,rgba(249,115,22,.14),transparent 60%),#f7fbff}.g1m-card{max-width:1100px;margin:0 auto;border-radius:24px;padding:18px;box-sizing:border-box;background:#ffffffdb;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 40px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.g1m-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:14px}.g1m-title{margin:0;font-family:Nunito,system-ui,Arial,sans-serif;font-weight:900;font-size:32px;letter-spacing:.2px;background:linear-gradient(90deg,#2563eb,#7c3aed,#16a34a);-webkit-background-clip:text;background-clip:text;color:transparent}.g1m-sub{margin-top:6px;font-size:14px;opacity:.78}.g1m-searchWrap{min-width:240px;flex:0 1 330px}.g1m-search{width:100%;height:44px;border-radius:16px;border:1px solid rgba(0,0,0,.1);padding:0 14px;font-size:14px;outline:none;box-sizing:border-box;background:#ffffffeb}.g1m-search:focus{border-color:#3b82f68c;box-shadow:0 10px 22px #3b82f624}.g1m-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:860px){.g1m-grid{grid-template-columns:1fr}}.g1m-section{border-radius:20px;padding:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px #0000000f;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#ffffffb8)}.g1m-secHead{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;padding:10px 10px 0}.g1m-letter{font-family:Nunito,system-ui,Arial,sans-serif;font-weight:900;font-size:18px;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.g1m-section:nth-child(1) .g1m-letter{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.g1m-section:nth-child(2) .g1m-letter{background:linear-gradient(135deg,#22c55e,#15803d)}.g1m-section:nth-child(3) .g1m-letter{background:linear-gradient(135deg,#a855f7,#6d28d9)}.g1m-section:nth-child(4) .g1m-letter{background:linear-gradient(135deg,#f97316,#c2410c)}.g1m-section:nth-child(5) .g1m-letter{background:linear-gradient(135deg,#06b6d4,#0e7490)}.g1m-section:nth-child(6) .g1m-letter{background:linear-gradient(135deg,#ef4444,#b91c1c)}.g1m-secTitle{font-family:Nunito,system-ui,Arial,sans-serif;font-weight:900;font-size:18px}.g1m-list{display:grid;gap:10px;padding:10px}.g1m-item{width:100%;display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#fffffff2;cursor:pointer;text-align:left;transition:transform .1s ease,box-shadow .1s ease}.g1m-item:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0000001a}.g1m-num{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Nunito,system-ui,Arial,sans-serif;font-weight:900;font-size:16px;color:#0f172a;background:linear-gradient(135deg,#3b82f62e,#a855f72e);border:1px solid rgba(59,130,246,.22)}.g1m-text{display:flex;align-items:center;gap:10px;min-width:0}.g1m-itemTitle{font-family:Nunito,system-ui,Arial,sans-serif;font-weight:900;font-size:16px;line-height:1.1}.g1m-tag{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;color:#0f172a;border:1px solid rgba(0,0,0,.1);background:#fde68ae6}.g1m-go{font-size:28px;opacity:.4;text-align:right;-webkit-user-select:none;user-select:none}.g1m-empty{padding:16px;text-align:center;opacity:.8;border:2px dashed rgba(59,130,246,.25);border-radius:16px;background:#3b82f60f}.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}}.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}}.pad-n1{background:#fecaca}.pad-n2{background:#fde68a}.pad-n3{background:#bbf7d0}.pad-n4{background:#bae6fd}.pad-n5{background:#c7d2fe}.pad-n6{background:#e9d5ff}.pad-n7{background:#fbcfe8}.pad-n8{background:#fed7aa}.pad-n9{background:#d9f99d}.pad-n0{background:#e5e7eb}.pad-nc{background:#94a3b8;color:#fff}.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)}.np-m1 .pad-btn{background:linear-gradient(180deg,#dbeafe,#93c5fd);color:#0f172a}.np-m1 .pad-btn:hover{filter:brightness(1.03)}.np-m1 .pad-fn{background:linear-gradient(180deg,#bfdbfe,#60a5fa);color:#082f49}.np-m2 .pad-btn{background:linear-gradient(180deg,#fce7f3,#f9a8d4);color:#3f0d2e}.np-m2 .pad-btn:hover{filter:brightness(1.03)}.np-m2 .pad-fn{background:linear-gradient(180deg,#fbcfe8,#f472b6);color:#4a044e}.np-m3 .pad-btn{background:linear-gradient(180deg,#dcfce7,#86efac);color:#052e16}.np-m3 .pad-btn:hover{filter:brightness(1.03)}.np-m3 .pad-fn{background:linear-gradient(180deg,#bbf7d0,#4ade80);color:#14532d}.np-m4 .pad-btn{background:linear-gradient(180deg,#fef9c3,#fde047);color:#3f2d00}.np-m4 .pad-btn:hover{filter:brightness(1.03)}.np-m4 .pad-fn{background:linear-gradient(180deg,#fde68a,#facc15);color:#422006}.np-m5 .pad-btn{background:linear-gradient(180deg,#ede9fe,#c4b5fd);color:#2e1065}.np-m5 .pad-btn:hover{filter:brightness(1.03)}.np-m5 .pad-fn{background:linear-gradient(180deg,#ddd6fe,#a78bfa);color:#3b0764}.np-m6 .pad-btn{background:linear-gradient(180deg,#ffedd5,#fdba74);color:#431407}.np-m6 .pad-btn:hover{filter:brightness(1.03)}.np-m6 .pad-fn{background:linear-gradient(180deg,#fed7aa,#fb923c);color:#7c2d12}.np-m7 .pad-btn{background:linear-gradient(180deg,#ccfbf1,#67e8f9);color:#083344}.np-m7 .pad-btn:hover{filter:brightness(1.03)}.np-m7 .pad-fn{background:linear-gradient(180deg,#99f6e4,#22d3ee);color:#164e63}.np-m8 .pad-btn{background:linear-gradient(180deg,#ffe4e6,#fda4af);color:#4c0519}.np-m8 .pad-btn:hover{filter:brightness(1.03)}.np-m8 .pad-fn{background:linear-gradient(180deg,#fecdd3,#fb7185);color:#881337}.np-m9 .pad-btn{background:linear-gradient(180deg,#f1f5f9,#cbd5e1);color:#0f172a}.np-m9 .pad-btn:hover{filter:brightness(1.03)}.np-m9 .pad-fn{background:linear-gradient(180deg,#e2e8f0,#94a3b8);color:#1e293b}.np-m10 .pad-n1{background:linear-gradient(180deg,#fecaca,#f87171);color:#111827}.np-m10 .pad-n2{background:linear-gradient(180deg,#fde68a,#facc15);color:#111827}.np-m10 .pad-n3{background:linear-gradient(180deg,#bbf7d0,#4ade80);color:#111827}.np-m10 .pad-n4{background:linear-gradient(180deg,#bae6fd,#38bdf8);color:#111827}.np-m10 .pad-n5{background:linear-gradient(180deg,#c7d2fe,#818cf8);color:#111827}.np-m10 .pad-n6{background:linear-gradient(180deg,#ddd6fe,#a78bfa);color:#111827}.np-m10 .pad-n7{background:linear-gradient(180deg,#fbcfe8,#f472b6);color:#111827}.np-m10 .pad-n8{background:linear-gradient(180deg,#fed7aa,#fb923c);color:#111827}.np-m10 .pad-n9{background:linear-gradient(180deg,#d9f99d,#84cc16);color:#111827}.np-m10 .pad-n0{background:linear-gradient(180deg,#e5e7eb,#cbd5e1);color:#111827}.np-m10 .pad-fn{background:linear-gradient(180deg,#bfdbfe,#60a5fa);color:#082f49}.number-pad{border:none!important;outline:none!important;box-shadow:none!important}.hmq-wrap{min-height:100vh;padding:24px 14px;background:linear-gradient(180deg,#f6f8ff,#eef3ff);display:flex;justify-content:center;align-items:center;box-sizing:border-box}.hmq-card{width:100%;max-width:760px;background:#fff;border-radius:28px;padding:24px 18px;box-shadow:0 16px 40px #2643831f;border:1px solid #e8edff;box-sizing:border-box}.hmq-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hmq-badge{display:inline-flex;align-items:center;justify-content:center;background:#4f7cff;color:#fff;font-size:14px;font-weight:800;letter-spacing:.8px;border-radius:999px;padding:10px 16px}.hmq-count{font-size:15px;font-weight:700;color:#334155}.hmq-hint{margin-bottom:14px;background:#fff7d6;color:#7a5b00;border:1px solid #ffe58f;border-radius:16px;padding:10px 14px;font-size:14px;font-weight:700;text-align:center}.hmq-question-box{background:linear-gradient(180deg,#f8fbff,#eef5ff);border:2px solid #dbe8ff;border-radius:24px;padding:30px 20px;min-height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.hmq-question{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.45;text-align:center;font-weight:800;color:#16325c}.hmq-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.hmq-nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.hmq-btn{border:none;outline:none;cursor:pointer;border-radius:18px;padding:14px 20px;font-size:16px;font-weight:800;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.hmq-btn:hover{transform:translateY(-1px)}.hmq-btn:active{transform:translateY(0)}.hmq-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hmq-btn-light{background:#eaf2ff;color:#1d4ed8;box-shadow:0 8px 18px #1d4ed81f}.hmq-btn-answer{background:#ecfdf5;color:#047857;box-shadow:0 8px 18px #0478571f}.hmq-btn-nav{min-width:150px;background:#4f7cff;color:#fff;box-shadow:0 10px 24px #4f7cff38}.hmq-answer-box{margin-bottom:18px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:20px;padding:16px}.hmq-answer{margin:0;text-align:center;font-size:22px;line-height:1.5;font-weight:700;color:#166534}@media(max-width:640px){.hmq-wrap{padding:14px 10px;align-items:stretch}.hmq-card{border-radius:22px;padding:18px 14px}.hmq-question-box{min-height:200px;padding:24px 14px;border-radius:20px}.hmq-question{font-size:28px}.hmq-btn{width:100%;font-size:15px;padding:13px 16px}.hmq-nav{flex-direction:column}.hmq-btn-nav{width:100%;min-width:100%}.hmq-answer{font-size:19px}}.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}}.pe2-root{width:100%;min-height:100vh;background:radial-gradient(1200px 600px at 10% 0%,rgba(255,120,190,.2),transparent 55%),radial-gradient(900px 500px at 90% 10%,rgba(120,160,255,.18),transparent 55%),linear-gradient(180deg,#f7f7ff,#f6f7fb)}.pe2-topbar{background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);padding:10px 12px}.pe2-toprow{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.pe2-title{font-weight:900;font-size:16px;white-space:nowrap;margin-right:4px}.pe2-field{height:36px;padding:0 10px;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#fff;outline:none;font-size:14px;transition:box-shadow .15s ease,border-color .15s ease}.pe2-field:focus{border-color:#ff78be8c;box-shadow:0 0 0 4px #ff78be2e}.pe2-grade{width:70px;min-width:70px}.pe2-cat{width:140px;min-width:140px}.pe2-btn{height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#fff;cursor:pointer;font-weight:800;white-space:nowrap;transition:transform .05s ease,box-shadow .15s ease,opacity .15s ease}.pe2-btn:hover{box-shadow:0 10px 22px #0f172a1a}.pe2-btn:active{transform:translateY(1px)}.pe2-btn:disabled,.pe2-field:disabled{opacity:.6;cursor:not-allowed}.pe2-btn-primary{border:0;color:#fff;background:linear-gradient(90deg,#ff4fb7,#7c5cff);box-shadow:0 12px 24px #7c5cff38}.pe2-btn-primary:hover{box-shadow:0 16px 30px #7c5cff47}.pe2-btn-ghost{background:#f3f4f6}.pe2-msg{margin-left:auto;font-size:13px;opacity:.85;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.pe2-grid{display:grid;grid-template-columns:260px 1fr;gap:10px;padding:10px}.pe2-grid.no-sidebar{grid-template-columns:1fr}.pe2-sidebar{background:#ffffffeb;border-radius:16px;border:1px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:0 14px 38px #0f172a14}.pe2-sidebar.is-collapsed{display:none}.pe2-sidebar-inner{padding:10px}.pe2-search{width:100%;height:36px;border-radius:12px;border:1px solid rgba(0,0,0,.14);padding:0 10px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.pe2-search:focus{border-color:#ff78be8c;box-shadow:0 0 0 4px #ff78be2e}.pe2-count{margin-top:8px;font-size:12px;opacity:.75}.pe2-list{margin-top:10px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 180px);overflow:auto}.pe2-item{text-align:left;padding:10px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;transition:box-shadow .15s ease,transform .05s ease}.pe2-item:hover{box-shadow:0 10px 22px #0f172a1a}.pe2-item:active{transform:translateY(1px)}.pe2-item.is-active{border-color:#ff4fb766;box-shadow:0 14px 28px #ff4fb71f}.pe2-item-title{font-weight:900;font-size:13px}.pe2-item-slug{font-size:12px;opacity:.7;margin-top:4px;word-break:break-word}.pe2-main{background:#ffffffeb;border-radius:16px;border:1px solid rgba(0,0,0,.08);padding:10px;box-shadow:0 14px 38px #0f172a14}.pe2-fields{display:flex;gap:10px;margin-bottom:10px}.pe2-panels{display:grid;grid-template-columns:3fr 1.4fr;gap:10px}.pe2-panel{border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;background:#fff}.pe2-panel-head{padding:10px 12px;font-weight:900;font-size:13px;background:linear-gradient(90deg,#ff4fb71a,#7c5cff1a);border-bottom:1px solid rgba(0,0,0,.06)}.pe2-panel-body{padding:10px}.lpwi-imgbtn{width:34px;height:34px;padding:0!important;min-width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}@media(max-width:980px){.pe2-grid,.pe2-panels{grid-template-columns:1fr}}.pe2-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer}.pe2-item.is-dragging{box-shadow:0 10px 24px #0000001f;opacity:.85}.pe2-drag{width:34px;height:34px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#f4f5fb;cursor:grab;display:grid;place-items:center;font-size:18px}.pe2-drag:active{cursor:grabbing}.pe2-item-text{min-width:0;flex:1}.pe2-itembtn{width:100%;text-align:left;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer}.pe2-itembtn.is-active,.pe2-item.is-active{outline:2px solid rgba(124,58,237,.35)}.pe2-hint{margin-top:10px;font-size:12px;opacity:.75}.pe2-pdf-box{margin-top:18px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.pe2-pdf-title{font-size:16px;font-weight:700;margin-bottom:10px}.pe2-pdf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.pe2-pdf-hint{margin-top:8px;font-size:13px;color:#555;word-break:break-word}.pe2-pdf-path{color:#1d4ed8}.pe2-pdf-preview{margin-top:14px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5e7eb}.pe2-pdf-preview-top{display:flex;justify-content:flex-end;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.pe2-pdf-preview-top a{text-decoration:none;font-weight:700;color:#2563eb}.pe2-pdf-iframe{width:100%;height:700px;border:none;display:block;background:#fff}@media(max-width:768px){.pe2-pdf-box{padding:10px;border-radius:12px}.pe2-pdf-iframe{height:520px}}.pe2-file-input{width:100%;padding:10px 12px;border:1px solid #d8dbe6;border-radius:12px;background:#fff;font-size:14px;box-sizing:border-box;overflow:visible}.pe2-file-input::file-selector-button{margin-right:12px;padding:10px 14px;border:none;border-radius:10px;background:#6366f1;color:#fff;font-weight:600;cursor:pointer}.pe2-file-input::-webkit-file-upload-button{margin-right:12px;padding:10px 14px;border:none;border-radius:10px;background:#6366f1;color:#fff;font-weight:600;cursor:pointer}.pe2-main .parent-note-block{margin-top:20px}.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}.kp-card{border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:12px 14px;margin:10px 0;background:#fff;box-shadow:0 10px 24px #0000000f}.kp-card__head{display:flex;align-items:center;gap:8px;font-weight:900;margin-bottom:8px}.kp-card__icon{font-size:16px;line-height:1}.kp-card__title{font-size:14px}.kp-card__body p{margin:6px 0}.kp-card--plan{background:#008cff0f}.kp-card--tip{background:#00c8780f}.kp-card--note{background:#ffaa0014}.ue-surface{min-height:260px;cursor:text}.ue-editor{min-height:240px;outline:none;padding:18px}.ue-editor p{margin:0 0 12px}.ue-disabled{opacity:.7}.ue-disabled .ue-surface{pointer-events:none}.pe2-topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #eee;background:#fafafa}.pe2-top-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pe2-title{font-weight:700;font-size:18px;margin-right:8px}.pe2-btn{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:14px}.pe2-btn:hover{background:#f3f3f3}.pe2-btnPrimary{background:linear-gradient(90deg,#ff4fd8,#6a6aff);color:#fff;border:none}.pe2-btnPrimary:hover{opacity:.9}.pe2-sel{padding:6px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.pe2-top-right{display:flex;align-items:center;gap:10px}.pe2-status{font-size:13px;color:#666}.pe2-msg{font-size:13px;color:#444}.mx-page{min-height:100vh;padding:18px;background:radial-gradient(circle at top left,#ffe29f 0,transparent 32%),radial-gradient(circle at top right,#a5f3fc 0,transparent 30%),linear-gradient(135deg,#fef3c7,#ecfeff,#fce7f3)}.mx-wrap{max-width:1100px;margin:0 auto}.mx-hero{text-align:center;padding:28px 16px 22px;margin-bottom:20px;border-radius:28px;background:linear-gradient(135deg,#ff7a18,#af002d,#319197);box-shadow:0 18px 35px #00000029}.mx-title{margin:0;color:#fff;font-size:clamp(30px,5vw,54px);font-weight:1000;letter-spacing:.5px;text-shadow:0 4px 12px rgba(0,0,0,.25)}.mx-section{padding:22px;border-radius:30px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #0f172a24;border:2px solid rgba(255,255,255,.9)}.mx-sectionTitle{margin:0 0 18px;text-align:center;font-size:38px;line-height:1}.mx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mx-card{min-height:120px;padding:18px 16px;border-radius:26px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 25px #0f172a2e;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}.mx-card:before{content:"";position:absolute;width:120px;height:120px;right:-38px;top:-38px;border-radius:50%;background:#ffffff38}.mx-card:after{content:"";position:absolute;width:70px;height:70px;left:-20px;bottom:-20px;border-radius:50%;background:#ffffff2e}.mx-card:nth-child(1){background:linear-gradient(135deg,#ff512f,#dd2476)}.mx-card:nth-child(2){background:linear-gradient(135deg,#00c6ff,#0072ff)}.mx-card:nth-child(3){background:linear-gradient(135deg,#f7971e,#ffd200)}.mx-card:nth-child(4){background:linear-gradient(135deg,#11998e,#38ef7d)}.mx-card:nth-child(5){background:linear-gradient(135deg,#7f00ff,#e100ff)}.mx-card:nth-child(6){background:linear-gradient(135deg,#fc466b,#3f5efb)}.mx-card:nth-child(7){background:linear-gradient(135deg,#f953c6,#b91d73)}.mx-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 38px #0f172a40}.mx-cardTitle{position:relative;z-index:1;font-size:clamp(20px,2.3vw,28px);font-weight:1000;line-height:1.25}.mx-arrow{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;background:#ffffff47;flex:0 0 auto}@media(max-width:900px){.mx-grid{grid-template-columns:repeat(2,1fr)}.mx-card{min-height:110px}}@media(max-width:560px){.mx-page{padding:12px}.mx-hero{border-radius:22px;padding:22px 12px}.mx-section{padding:14px;border-radius:24px}.mx-grid{grid-template-columns:1fr;gap:14px}.mx-card{min-height:86px;border-radius:22px;padding:16px}.mx-arrow{width:36px;height:36px;font-size:30px}}@media(min-width:1300px){.mx-wrap{max-width:1250px}.mx-card{min-height:140px}}.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}.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}.ipm-item{position:relative;overflow:hidden}.ipm-meta{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:10px;font-size:12px;line-height:1;text-align:center;background:#0000008c;color:#fff;pointer-events:none}.ipm-iconbtn{cursor:pointer}.ipm-card{max-width:1100px;width:min(1100px,92vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column}.ipm-gridwrap{flex:1;overflow:auto;padding:10px 14px 14px}.ipm-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media(max-width:1100px){.ipm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.ipm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.ipm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ipm-item{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);padding:0}.ipm-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.ipm-meta{position:absolute;left:8px;right:8px;bottom:8px;padding:5px 8px;border-radius:10px;font-size:11px;line-height:1;text-align:center;background:#0000008c;color:#fff;pointer-events:none}.ipm-footer{padding:10px 14px 14px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:center}.ipm-loadmore{padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer}.ipm-loadmore:disabled{opacity:.6;cursor:not-allowed}.arb-page{min-height:100vh;background:#eaf6f0;padding:24px}.arb-card{max-width:980px;margin:0 auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #00000014}.arb-title{margin:0 0 20px;font-size:36px;font-weight:800;color:#0f172a}.arb-subtitle{margin:12px 0 18px;font-size:28px;font-weight:800;color:#0f172a}.arb-msg{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:#f1f5f9;font-size:16px;font-weight:600}.arb-section{display:grid;gap:12px}.arb-input,.arb-textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:14px 16px;font-size:18px;outline:none;background:#fff;box-sizing:border-box}.arb-input:focus,.arb-textarea:focus{border-color:#2563eb}.arb-textarea{resize:vertical;min-height:120px}.arb-check{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#334155}.arb-top-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.arb-btn,.arb-mini{border:none;border-radius:12px;background:#e2e8f0;color:#0f172a;padding:12px 18px;font-size:16px;font-weight:700;cursor:pointer}.arb-primary{background:#2563eb;color:#fff}.arb-danger{background:#dc2626;color:#fff}.arb-items-wrap{margin-top:28px}.arb-empty{padding:16px;border-radius:14px;background:#f8fafc;color:#475569;font-size:16px;font-weight:600}.arb-empty.small{padding:10px 12px;font-size:14px}.arb-item-card{margin-top:18px;border:1px solid #e2e8f0;border-radius:18px;padding:18px;background:#fdfdfd}.arb-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.arb-item-head h4{margin:0;font-size:22px;font-weight:800}.arb-item-actions{display:flex;gap:10px;flex-wrap:wrap}.arb-row{display:flex;gap:12px;flex-wrap:wrap}.arb-field{margin-bottom:14px}.arb-field label{display:block;margin-bottom:8px;font-size:16px;font-weight:700;color:#334155}.arb-order{width:180px}.arb-preview-box{margin-bottom:14px}.arb-preview{width:220px;max-width:100%;height:auto;border-radius:16px;border:1px solid #e2e8f0;display:block;object-fit:cover}.arb-no-preview{width:220px;max-width:100%;min-height:140px;border-radius:16px;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:700;background:#f8fafc}.arb-questions{margin-top:12px;padding-top:14px;border-top:1px solid #e2e8f0}.arb-q-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.arb-q-head h5{margin:0;font-size:18px;font-weight:800}.arb-question-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:end;margin-bottom:12px}.arb-q-order,.arb-q-text{margin-bottom:0}.arb-q-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:768px){.arb-page{padding:14px}.arb-card{padding:16px;border-radius:18px}.arb-title{font-size:28px}.arb-subtitle{font-size:22px}.arb-input,.arb-textarea{font-size:17px;padding:13px 14px}.arb-item-head,.arb-q-head{flex-direction:column;align-items:flex-start}.arb-item-actions,.arb-q-actions,.arb-btn,.arb-mini,.arb-order,.arb-preview,.arb-no-preview{width:100%}.arb-question-row{grid-template-columns:1fr}}.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}.mhg-page{padding:16px}.mhg-card{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:16px}.mhg-title{margin:0 0 16px;font-size:28px;font-weight:700}.mhg-msg{padding:14px;background:#f6f6f6;border-radius:12px;margin-bottom:14px}.mhg-err{color:#b00020}.mhg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mhg-item{display:block;text-decoration:none;color:inherit;background:#f8f8f8;border:1px solid #ececec;border-radius:14px;padding:16px;font-weight:600}.mcl-page{padding:16px}.mcl-card{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:16px}.mcl-title{margin:0;font-size:28px;font-weight:700}.mcl-subtitle{margin:6px 0 18px;color:#666;font-size:15px}.mcl-msg{padding:14px;border-radius:12px;background:#f6f6f6;margin-bottom:14px}.mcl-err{color:#b00020}.mcl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mcl-item{display:block;text-decoration:none;color:inherit;background:#f8f8f8;border-radius:14px;padding:16px;border:1px solid #ececec}.mcl-item-title{font-size:16px;font-weight:600}.sfb-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#fef3c7,#dbeafe,#fce7f3)}.sfb-card{width:min(820px,96vw);background:linear-gradient(180deg,#fff,#f9fafb);border-radius:24px;box-shadow:0 18px 40px #0000001f;padding:28px 24px;border:4px dashed #facc15}.sfb-title{margin:0 0 18px;text-align:left;font-size:clamp(16px,4vw,22px);font-weight:900;color:#7c3aed}.sfb-numbers{text-align:center;font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:2px;padding:20px 12px;border-radius:20px;background:linear-gradient(135deg,#22c55e,#3b82f6);color:#fff;box-shadow:inset 0 0 0 4px #ffffff59}.sfb-buttons{display:flex;gap:16px;margin-top:22px;justify-content:center;flex-wrap:wrap}.sfb-btn{border:none;border-radius:18px;padding:16px 22px;font-size:18px;font-weight:900;cursor:pointer;min-width:200px;color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);box-shadow:0 8px 18px #0000002e;transition:transform .15s ease,box-shadow .15s ease}.sfb-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000038}.sfb-btn:active{transform:scale(.97)}.sfb-feedback{margin-top:18px;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}.sfb-correct{display:flex;gap:12px;align-items:center;color:#16a34a}.sfb-wrong{display:flex;gap:12px;align-items:center;color:#dc2626}.sfb-hint{font-weight:800;color:#0ea5e9;font-size:16px}.sfb-footer{margin-top:14px;text-align:center;font-weight:800;color:#9333ea}.what-page{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;background:#f4f8ff;display:flex;justify-content:center;align-items:center}.what-card{width:100%;max-width:760px;background:#fff;border-radius:24px;padding:22px;box-sizing:border-box;box-shadow:0 10px 30px #00000014;text-align:center}.what-title{margin:0 0 8px;font-size:38px;line-height:1.2;color:#1b2a4a}.what-sub{margin:0 0 14px;font-size:18px;line-height:1.5;color:#50607a}.what-count{display:inline-block;margin-bottom:16px;padding:8px 16px;border-radius:999px;background:#e8f0ff;font-size:18px;font-weight:700;color:#294a8d}.what-image-wrap{width:100%;background:#f9fbff;border:2px solid #e4ecfb;border-radius:22px;padding:16px;box-sizing:border-box;margin-bottom:18px}.what-image{width:100%;max-height:420px;object-fit:contain;display:block;margin:0 auto;border-radius:16px}.what-question-box{margin-bottom:16px}.what-question{font-size:34px;font-weight:800;line-height:1.3;color:#10203e;margin-bottom:12px}.what-speak-btn,.what-answer-btn,.what-nav-btn{border:none;border-radius:16px;padding:14px 22px;font-size:22px;font-weight:700;cursor:pointer;transition:.2s ease}.what-speak-btn{background:#dff3e6;color:#155b2f}.what-speak-btn:hover{transform:translateY(-1px)}.what-answer-area{min-height:78px;margin-bottom:18px;display:flex;justify-content:center;align-items:center}.what-answer-btn{background:#fff2cc;color:#7a5200}.what-answer{font-size:30px;font-weight:800;color:#c0392b;background:#fff4f2;border:2px dashed #f0b2aa;border-radius:18px;padding:16px 20px;width:100%;max-width:420px}.what-nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.what-nav-btn{min-width:160px;background:#dce9ff;color:#1d3f7a}.what-nav-btn:hover:not(:disabled){transform:translateY(-1px)}.what-nav-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:768px){.what-page{padding:12px;align-items:flex-start}.what-card{padding:16px;border-radius:18px}.what-title{font-size:30px}.what-sub,.what-count{font-size:16px}.what-image{max-height:300px}.what-question{font-size:28px}.what-speak-btn,.what-answer-btn,.what-nav-btn{width:100%;font-size:20px;padding:14px 16px}.what-answer{font-size:24px}.what-nav{flex-direction:column}}@media(max-width:480px){.what-title{font-size:26px}.what-question{font-size:24px}.what-answer{font-size:22px}}.what-page{width:100%;min-height:100vh;padding:16px;background:#f4f8ff;display:flex;justify-content:center;align-items:center}.what-card{width:100%;max-width:720px;background:#fff;border-radius:24px;padding:18px;text-align:center;box-shadow:0 10px 30px #00000014}.what-title{font-size:36px;margin-bottom:10px}.what-count{margin-bottom:14px;font-size:18px;font-weight:700}.what-image-wrap{position:relative;width:100%;padding:16px;background:#f9fbff;border-radius:20px;margin-bottom:16px}.what-image{width:100%;max-height:420px;object-fit:contain;border-radius:16px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;border-radius:50%;border:none;font-size:32px;font-weight:700;background:#fff;box-shadow:0 4px 12px #0003;cursor:pointer}.nav-arrow.left{left:8px}.nav-arrow.right{right:8px}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.what-speak-btn{font-size:26px;padding:12px 18px;border:none;border-radius:14px;background:#dff3e6;cursor:pointer;margin-bottom:16px}.what-answer-area{min-height:70px}.what-answer-btn{padding:12px 18px;font-size:20px;border-radius:14px;border:none;background:#fff2cc;cursor:pointer}.what-answer{font-size:28px;font-weight:700;color:#c0392b}@media(max-width:600px){.what-title{font-size:28px}.what-image{max-height:280px}.nav-arrow{width:55px;height:55px;font-size:26px}.what-answer{font-size:22px}}.who-page{min-height:100vh;padding:24px;background:linear-gradient(180deg,#eef7ff,#f9fcff);display:flex;justify-content:center;align-items:center;box-sizing:border-box}.who-card{width:100%;max-width:900px;background:#fff;border-radius:24px;padding:28px;box-shadow:0 12px 35px #00000014;box-sizing:border-box}.who-title{margin:0;text-align:center;font-size:38px;font-weight:800;color:#16324f}.who-subtitle{margin:10px 0 24px;text-align:center;font-size:20px;color:#4a647d;line-height:1.5}.who-top-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.who-cat-btn{border:none;border-radius:18px;padding:16px 12px;font-size:24px;font-weight:700;cursor:pointer;background:#e8f1fb;color:#16324f;transition:transform .18s ease,background .18s ease}.who-cat-btn:hover{transform:translateY(-2px)}.who-cat-btn.active{background:#2f80ed;color:#fff}.who-progress{text-align:center;font-size:22px;font-weight:700;color:#35516d;margin-bottom:18px}.who-question-box{background:#f4f9ff;border:2px solid #d6e9ff;border-radius:22px;padding:24px;margin-bottom:18px;text-align:center}.who-question-label{font-size:18px;font-weight:700;color:#5d7894;margin-bottom:10px}.who-question-text{font-size:36px;font-weight:800;line-height:1.4;color:#12263a}.who-audio-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.who-audio-btn,.who-answer-btn,.who-nav-btn{border:none;border-radius:18px;padding:14px 22px;font-size:22px;font-weight:700;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.who-audio-btn{background:#34a853;color:#fff}.who-answer-btn{background:#fbbc05;color:#1f2937}.who-nav-btn{background:#2f80ed;color:#fff;min-width:160px}.who-audio-btn:hover,.who-answer-btn:hover,.who-nav-btn:hover{transform:translateY(-2px)}.who-audio-btn:disabled,.who-answer-btn:disabled,.who-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.who-answer-box{background:#fff9e8;border:2px solid #ffe08a;border-radius:22px;padding:20px;margin-bottom:20px;text-align:center}.who-answer-label{font-size:18px;font-weight:700;color:#8a6a00;margin-bottom:10px}.who-answer-text{font-size:30px;font-weight:800;color:#3b2f00;line-height:1.4}.who-nav-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:768px){.who-page{padding:14px;align-items:flex-start}.who-card{padding:18px;border-radius:20px}.who-title{font-size:30px}.who-subtitle{font-size:18px}.who-top-buttons{grid-template-columns:1fr}.who-cat-btn{font-size:22px;padding:15px 10px}.who-progress{font-size:20px}.who-question-text{font-size:28px}.who-audio-btn,.who-answer-btn,.who-nav-btn{width:100%;font-size:20px}.who-answer-text{font-size:25px}}@media(max-width:480px){.who-title{font-size:26px}.who-subtitle{font-size:16px}.who-question-text{font-size:24px}.who-answer-text{font-size:22px}.who-cat-btn,.who-audio-btn,.who-answer-btn,.who-nav-btn{font-size:18px}}.when-page{min-height:100vh;padding:24px 16px;background:linear-gradient(180deg,#f4f8ff,#eef7ff);display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.when-card{width:100%;max-width:1100px;background:#fff;border-radius:28px;padding:28px 22px 30px;box-shadow:0 14px 40px #1c42781f;box-sizing:border-box}.when-title{margin:0;text-align:center;font-size:clamp(28px,4vw,42px);line-height:1.2;font-weight:800;color:#16325c}.when-subtitle{margin:10px 0 0;text-align:center;font-size:clamp(15px,2vw,19px);line-height:1.5;color:#4c6284}.when-top-buttons{margin-top:26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.when-cat-btn{border:none;border-radius:18px;padding:16px 12px;min-height:68px;background:#edf4ff;color:#16325c;font-size:clamp(14px,1.6vw,18px);font-weight:700;line-height:1.3;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 6px 16px #16325c14}.when-cat-btn:hover{transform:translateY(-1px);background:#e4efff}.when-cat-btn.active{background:#2f80ed;color:#fff;box-shadow:0 10px 24px #2f80ed47}.when-progress{margin:28px auto 0;width:fit-content;background:#f3f7ff;color:#284872;padding:10px 18px;border-radius:999px;font-size:clamp(15px,2vw,18px);font-weight:700}.when-question-box{margin-top:22px;background:#f9fbff;border:2px solid #e2ecfb;border-radius:24px;padding:24px 22px;text-align:center}.when-question-label{font-size:clamp(15px,2vw,18px);font-weight:700;color:#5b7294;margin-bottom:10px}.when-question-text{font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.45;color:#10284a;word-break:break-word}.when-audio-row{margin-top:22px;display:flex;justify-content:center}.when-audio-btn{border:none;border-radius:18px;padding:14px 24px;background:#20bf6b;color:#fff;font-size:clamp(16px,2vw,20px);font-weight:800;cursor:pointer;box-shadow:0 10px 22px #20bf6b38;transition:transform .15s ease,opacity .15s ease}.when-audio-btn:hover{transform:translateY(-1px)}.when-nav-row{margin-top:24px;display:flex;justify-content:center;gap:16px}.when-nav-btn{min-width:100px;border:none;border-radius:18px;padding:14px 18px;background:#16325c;color:#fff;font-size:clamp(18px,2vw,22px);font-weight:800;cursor:pointer;box-shadow:0 10px 22px #16325c2e;transition:transform .15s ease,opacity .15s ease,background .15s ease}.when-nav-btn:hover:not(:disabled){transform:translateY(-1px)}.when-nav-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:1100px){.when-top-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.when-page{padding:16px 12px}.when-card{padding:20px 14px 24px;border-radius:22px}.when-top-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.when-cat-btn{min-height:62px;border-radius:16px;padding:14px 10px}.when-question-box{padding:20px 14px;border-radius:20px}.when-nav-btn{min-width:88px}}@media(max-width:520px){.when-top-buttons{grid-template-columns:1fr}.when-title{font-size:28px}.when-subtitle{font-size:15px}.when-question-text{font-size:26px}.when-audio-btn,.when-nav-btn{width:100%;max-width:260px}.when-nav-row{flex-direction:column;align-items:center}}@media(min-width:1400px){.when-card{max-width:1250px}.when-question-text{font-size:42px}.when-cat-btn{min-height:74px}}.where-page{min-height:100vh;padding:24px 16px;background:linear-gradient(180deg,#f4f8ff,#eef7ff);display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.where-card{width:100%;max-width:1100px;background:#fff;border-radius:28px;padding:28px 22px 30px;box-shadow:0 14px 40px #1c42781f;box-sizing:border-box}.where-title{margin:0;text-align:center;font-size:clamp(28px,4vw,42px);line-height:1.2;font-weight:800;color:#16325c}.where-subtitle{margin:10px 0 0;text-align:center;font-size:clamp(15px,2vw,19px);line-height:1.5;color:#4c6284}.where-top-buttons{margin-top:26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.where-cat-btn{border:none;border-radius:18px;padding:16px 12px;min-height:68px;background:#edf4ff;color:#16325c;font-size:clamp(14px,1.6vw,18px);font-weight:700;line-height:1.3;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 6px 16px #16325c14}.where-cat-btn:hover{transform:translateY(-1px);background:#e4efff}.where-cat-btn.active{background:#2f80ed;color:#fff;box-shadow:0 10px 24px #2f80ed47}.where-progress{margin:28px auto 0;width:fit-content;background:#f3f7ff;color:#284872;padding:10px 18px;border-radius:999px;font-size:clamp(15px,2vw,18px);font-weight:700}.where-question-box{margin-top:22px;background:#f9fbff;border:2px solid #e2ecfb;border-radius:24px;padding:24px 22px;text-align:center}.where-question-label{font-size:clamp(15px,2vw,18px);font-weight:700;color:#5b7294;margin-bottom:10px}.where-question-text{font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.45;color:#10284a;word-break:break-word}.where-audio-row{margin-top:22px;display:flex;justify-content:center}.where-audio-btn{border:none;border-radius:18px;padding:14px 24px;background:#20bf6b;color:#fff;font-size:clamp(16px,2vw,20px);font-weight:800;cursor:pointer;box-shadow:0 10px 22px #20bf6b38;transition:transform .15s ease,opacity .15s ease}.where-audio-btn:hover{transform:translateY(-1px)}.where-nav-row{margin-top:24px;display:flex;justify-content:center;gap:16px}.where-nav-btn{min-width:100px;border:none;border-radius:18px;padding:14px 18px;background:#16325c;color:#fff;font-size:clamp(18px,2vw,22px);font-weight:800;cursor:pointer;box-shadow:0 10px 22px #16325c2e;transition:transform .15s ease,opacity .15s ease,background .15s ease}.where-nav-btn:hover:not(:disabled){transform:translateY(-1px)}.where-nav-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:1100px){.where-top-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.where-page{padding:16px 12px}.where-card{padding:20px 14px 24px;border-radius:22px}.where-top-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.where-cat-btn{min-height:62px;border-radius:16px;padding:14px 10px}.where-question-box{padding:20px 14px;border-radius:20px}.where-nav-btn{min-width:88px}}@media(max-width:520px){.where-top-buttons{grid-template-columns:1fr}.where-title{font-size:28px}.where-subtitle{font-size:15px}.where-question-text{font-size:26px}.where-audio-btn,.where-nav-btn{width:100%;max-width:260px}.where-nav-row{flex-direction:column;align-items:center}}@media(min-width:1400px){.where-card{max-width:1250px}.where-question-text{font-size:42px}.where-cat-btn{min-height:74px}}.where-image-box{margin-top:18px;width:100%;height:320px;background:#f8fbff;border:2px solid #d8e7f8;border-radius:22px;display:flex;justify-content:center;align-items:center;overflow:hidden}.where-image{width:100%;height:100%;object-fit:contain;border-radius:18px}.where-page{width:100%;min-height:100vh;box-sizing:border-box;padding:20px;background:#f4f7fb;display:flex;justify-content:center;align-items:flex-start}.where-card{width:100%;max-width:980px;background:#fff;border-radius:24px;box-sizing:border-box;padding:28px 22px;box-shadow:0 10px 30px #00000014}.where-title{margin:0;text-align:center;font-size:2rem;line-height:1.2;font-weight:800;color:#1f2d3d}.where-subtitle{margin:10px 0 0;text-align:center;font-size:1.05rem;line-height:1.6;color:#5b6b7a}.where-top-buttons{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.where-cat-btn,.where-top-buttons button{width:100%;min-height:64px;border:none;border-radius:18px;padding:14px 12px;font-size:1.1rem;font-weight:700;line-height:1.35;cursor:pointer;background:#e9f2ff;color:#174a8b;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 12px #174a8b14}.where-cat-btn:hover,.where-top-buttons button:hover{transform:translateY(-1px);background:#dcebff}.where-cat-btn:active,.where-top-buttons button:active{transform:translateY(0)}.where-cat-btn.active,.where-top-buttons button.active{background:#174a8b;color:#fff}.where-progress{margin-top:26px;text-align:center;font-size:1.05rem;font-weight:700;color:#4c5a67}.where-question-box{margin-top:18px;width:100%;min-height:220px;background:#f8fbff;border:2px solid #d8e7f8;border-radius:22px;padding:22px 18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 1px #fffc}.where-question-label{margin-bottom:14px;font-size:1rem;font-weight:700;color:#6a7a88;text-transform:uppercase;letter-spacing:.04em}.where-question-text{width:100%;text-align:center;font-size:2rem;line-height:1.5;font-weight:800;color:#1f2d3d;word-break:break-word}.where-audio-row{margin-top:18px;display:flex;justify-content:center;align-items:center}.where-audio-btn{border:none;border-radius:16px;padding:14px 22px;min-height:54px;font-size:1.05rem;font-weight:700;cursor:pointer;background:#fff3d8;color:#8a5a00;box-shadow:0 4px 12px #8a5a001a}.where-audio-btn:hover{background:#ffeab7}.where-nav-row{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:18px}.where-nav-btn,.where-nav-row button{min-width:110px;min-height:58px;border:none;border-radius:18px;padding:14px 20px;font-size:1.35rem;font-weight:800;cursor:pointer;background:#dff5e8;color:#12643d;box-shadow:0 4px 12px #12643d1a;transition:transform .15s ease,opacity .15s ease}.where-nav-btn:hover,.where-nav-row button:hover{transform:translateY(-1px)}.where-nav-btn:disabled,.where-nav-row button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:900px){.where-page{padding:16px}.where-card{max-width:100%;padding:24px 18px;border-radius:20px}.where-title{font-size:1.8rem}.where-subtitle{font-size:1rem}.where-top-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.where-cat-btn,.where-top-buttons button{min-height:60px;font-size:1.02rem}.where-question-box{min-height:200px;padding:20px 16px}.where-question-text{font-size:1.7rem}.where-nav-btn,.where-nav-row button{min-width:95px;min-height:54px;font-size:1.2rem}}@media(max-width:600px){.where-page{padding:12px}.where-card{padding:18px 14px;border-radius:18px}.where-title{font-size:1.45rem}.where-subtitle{font-size:.96rem;margin-top:8px}.where-top-buttons{grid-template-columns:1fr;gap:10px}.where-cat-btn,.where-top-buttons button{min-height:56px;font-size:1rem;border-radius:14px}.where-progress{margin-top:20px;font-size:.98rem}.where-question-box{min-height:180px;margin-top:14px;padding:16px 12px;border-radius:18px}.where-question-label{font-size:.92rem;margin-bottom:10px}.where-question-text{font-size:1.35rem;line-height:1.45}.where-audio-btn{width:100%;font-size:1rem;min-height:50px;border-radius:14px}.where-nav-row{gap:12px}.where-nav-btn,.where-nav-row button{flex:1;min-width:0;min-height:52px;font-size:1.1rem;border-radius:14px}}@media(max-width:380px){.where-title{font-size:1.28rem}.where-question-text{font-size:1.18rem}.where-cat-btn,.where-top-buttons button{font-size:.94rem;padding:12px 10px}}@media(min-width:1200px){.where-card{max-width:1100px;padding:34px 30px}.where-title{font-size:2.3rem}.where-subtitle{font-size:1.15rem}.where-cat-btn,.where-top-buttons button{min-height:70px;font-size:1.15rem}.where-question-box{min-height:250px}.where-question-text{font-size:2.2rem}.where-nav-btn,.where-nav-row button{min-width:130px;min-height:62px;font-size:1.45rem}}.teacher-game-page{min-height:100vh;padding:12px;background:#eef4fb;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.teacher-game-card{width:100%;max-width:430px;margin:0 auto}.teacher-scene{width:100%;background:linear-gradient(to bottom,#8fd3ff,#d9f2ff);border-radius:24px;overflow:hidden;box-shadow:0 8px 22px #00000014}.teacher-main-image{width:100%;height:auto;display:block;object-fit:contain;background:#fff}.teacher-options{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.teacher-option-btn{width:100%;border:none;border-radius:18px;padding:18px 14px;font-size:22px;font-weight:800;line-height:1.35;cursor:pointer;background:#fff;color:#1f2937;box-shadow:0 8px 20px #00000014;transition:transform .15s ease,background .15s ease}.teacher-option-btn:hover{transform:translateY(-2px)}.teacher-option-btn.correct{background:#c9f7d1}.teacher-option-btn.wrong{background:#ffd6d6}.teacher-progress{text-align:center;margin-top:12px;font-size:18px;font-weight:700;color:#4b5563}.teacher-status{margin-top:10px;text-align:center;font-size:18px;font-weight:800}.wrong-text{color:#c62828}.teacher-finish-card{background:#fff;border-radius:24px;padding:28px 20px;text-align:center;box-shadow:0 8px 22px #00000014;margin-top:24px}.teacher-finish-card h2{margin:0 0 10px;font-size:28px;color:#1d3557}.teacher-finish-card p{margin:0;font-size:20px;color:#374151}@media(max-width:480px){.teacher-game-page{padding:10px}.teacher-scene{border-radius:20px}.teacher-option-btn{font-size:19px;padding:16px 12px;border-radius:16px}.teacher-progress,.teacher-status{font-size:16px}.teacher-finish-card h2{font-size:24px}.teacher-finish-card p{font-size:18px}}.m-page{display:flex;justify-content:center;padding:20px}.m-card{width:100%;max-width:500px;text-align:center}.m-q{font-size:46px;margin-bottom:20px}.answer-box{min-height:60px;border:2px dashed #ccc;border-radius:12px;padding:10px;margin-bottom:20px}.answer-word{display:inline-block;background:#4cafef;color:#fff;padding:8px 12px;margin:5px;border-radius:8px;font-size:48px;animation:flyUp .3s ease}@keyframes flyUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.word-circle{width:260px;height:260px;border-radius:50%;margin:0 auto;position:relative;background:#f5f5f5}.word-btn{position:absolute;padding:10px 14px;border-radius:20px;border:none;background:#ffcc80;cursor:pointer;font-size:36px;transition:.2s}.word-btn:hover{transform:scale(1.1)}.word-btn.used{opacity:.3;pointer-events:none}.word-btn:nth-child(1){top:20px;left:80px}.word-btn:nth-child(2){top:80px;left:10px}.word-btn:nth-child(3){top:160px;left:60px}.word-btn:nth-child(4){top:100px;right:10px}.status{margin-top:15px;font-size:20px;font-weight:700}.correct{color:green}.wrong{color:red}.mol-wrap{min-height:100vh;padding:20px;background:linear-gradient(180deg,#fffdf6,#f7fbff);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.mol-card{width:100%;max-width:760px;background:#fff;border-radius:28px;padding:24px;box-shadow:0 14px 40px #00000014;border:3px solid #f1f5ff;box-sizing:border-box}.mol-finish-card{text-align:center;padding:40px 24px}.mol-finish-emoji{font-size:60px;margin-bottom:8px}.mol-topbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.mol-badge{background:#eef4ff;color:#214a9b;font-size:16px;font-weight:800;padding:10px 16px;border-radius:999px}.mol-score-badge{background:#fff6d8;color:#8a5a00}.mol-title{text-align:center;font-size:34px;line-height:1.2;margin:8px 0 20px;color:#17315c;font-weight:900}.mol-audio-box{text-align:center;margin-bottom:24px}.mol-listen-btn{border:none;border-radius:24px;padding:18px 30px;font-size:24px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#4facfe,#00c6ff);color:#fff;box-shadow:0 10px 24px #0088ff3d;transition:transform .18s ease,box-shadow .18s ease;min-width:220px}.mol-listen-btn:hover{transform:translateY(-2px)}.mol-listen-btn.is-speaking{animation:molPulse 1s infinite}@keyframes molPulse{0%{transform:scale(1);box-shadow:0 10px 24px #0088ff3d}50%{transform:scale(1.04);box-shadow:0 14px 30px #0088ff57}to{transform:scale(1);box-shadow:0 10px 24px #0088ff3d}}.mol-help-text{margin-top:12px;font-size:18px;color:#5a6b8c;font-weight:700}.mol-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.mol-option{min-height:120px;border:none;border-radius:26px;padding:18px;font-size:28px;font-weight:900;cursor:pointer;background:linear-gradient(180deg,#fff7fb,#fff0f6);color:#a62c64;box-shadow:0 10px 24px #e65b9921;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.mol-option:hover:not(:disabled){transform:translateY(-2px)}.mol-option:disabled{cursor:not-allowed}.mol-option.correct{background:linear-gradient(180deg,#ddffea,#c9f7d9);color:#11763f;box-shadow:0 12px 24px #17a85338}.mol-option.wrong{background:linear-gradient(180deg,#ffe3e3,#ffd2d2);color:#af1f1f;box-shadow:0 12px 24px #dc35452e}.mol-option.show-correct{background:linear-gradient(180deg,#edfbea,#d9f7d2);color:#1a7c38;box-shadow:0 12px 24px #17a85324}.mol-status-row{min-height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.mol-message{font-size:24px;font-weight:900;text-align:center}.mol-wait{color:#51627f}.mol-correct-msg{color:#148041}.mol-wrong-msg{color:#ba2b2b}.mol-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.mol-btn{border:none;border-radius:20px;padding:14px 26px;font-size:20px;font-weight:900;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.mol-btn:hover:not(:disabled){transform:translateY(-2px)}.mol-btn:disabled{opacity:.5;cursor:not-allowed}.mol-primary-btn{background:linear-gradient(135deg,#6a5cff,#8f7bff);color:#fff;box-shadow:0 10px 24px #6a5cff3d}.mol-secondary-btn{background:linear-gradient(135deg,#ffd86f,#ffb347);color:#6b4300;box-shadow:0 10px 24px #ffb3473d}.mol-score-text{font-size:28px;color:#24446f;font-weight:800;margin:14px 0 24px}@media(max-width:768px){.mol-wrap{padding:14px}.mol-card{padding:18px;border-radius:22px}.mol-title{font-size:28px}.mol-listen-btn{width:100%;min-width:0;font-size:22px;padding:16px 20px}.mol-options{grid-template-columns:1fr}.mol-option{min-height:96px;font-size:24px}.mol-message{font-size:21px}.mol-btn{width:100%;font-size:18px}.mol-actions{flex-direction:column}}.rnp-overlay{position:relative;width:100%;min-height:500px;background:#fff;z-index:1;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border-radius:20px;overflow:hidden}.rnp-topTitle{position:relative;top:auto;left:auto;transform:none;padding-top:24px;font-weight:1000;color:#111827;text-align:center;font-size:clamp(24px,5vw,44px)}.rnp-center{position:relative;inset:auto;display:grid;place-items:center;padding:24px 16px 32px}.rnp-number{font-weight:1100;line-height:1;text-align:center;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.08);font-size:clamp(120px,24vw,260px);margin-top:20px}.rnp-numberAnim{animation:rnpPop .18s ease-out}@keyframes rnpPop{0%{transform:scale(.7);opacity:.25}to{transform:scale(1);opacity:1}}.rnp-btn{margin-top:22px;width:min(360px,92vw);height:64px;border:0;border-radius:18px;background:#111827;color:#fff;font-size:22px;font-weight:1000;cursor:pointer}.rnp-btn:active{transform:translateY(1px)}@media(min-width:768px){.rnp-number{font-size:320px}}.es-fullscreen{width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#f3f7ff;padding:24px;box-sizing:border-box}.es-card{width:100%;max-width:1400px;margin:0 auto;background:#fff;border-radius:24px;padding:40px;box-sizing:border-box;box-shadow:0 10px 30px #00000014}.es-title{text-align:center;font-size:38px;margin:0 0 10px;color:#14213d;font-weight:800}.es-note{text-align:center;font-size:18px;color:#64748b;margin:0 0 20px}.es-reset-btn{display:block;margin:0 auto 30px;padding:12px 24px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.es-reset-btn:hover{background:#1d4ed8}.es-list{width:100%;display:flex;flex-direction:column;gap:22px}.es-row{width:100%;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start}.es-number{width:58px;height:58px;background:#2563eb;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.es-textbox{width:100%;min-height:115px;padding:20px 24px;box-sizing:border-box;border:3px solid #cbd5e1;border-radius:16px;outline:none;resize:vertical;font-size:30px;line-height:1.6;color:#000;background:#fff;font-family:Courier New,monospace}.es-textbox:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}@media(max-width:900px){.es-fullscreen{padding:14px}.es-card{padding:22px 14px;border-radius:18px}.es-title{font-size:28px}.es-note{font-size:15px}.es-row{grid-template-columns:44px 1fr;gap:10px}.es-number{width:44px;height:44px;font-size:16px}.es-textbox{min-height:95px;font-size:22px;padding:14px}}.ta-page{min-height:100vh;background:#bff3ff;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.ta-card{width:100%;max-width:850px;background:#fff;border-radius:24px;padding:35px;box-shadow:0 10px 30px #0000001f;box-sizing:border-box}.ta-top{font-size:18px;font-weight:700;color:#4caf00;margin-bottom:25px}.ta-title{font-size:30px;color:#4c8b00;margin:0 0 25px}.ta-sentence{font-size:34px;font-weight:700;color:#111;margin-bottom:30px}.ta-buttons{display:flex;gap:20px;flex-wrap:wrap}.ta-btn{flex:1;min-width:240px;font-size:28px;font-weight:700;padding:22px;border-radius:12px;border:3px solid #9ee6ff;background:#fff;cursor:pointer;transition:.2s}.ta-btn:hover{transform:scale(1.03)}.ta-btn.correct{background:#4caf00;color:#fff;border-color:#4caf00}.ta-btn.wrong{background:#ff4d4d;color:#fff;border-color:#ff4d4d}.ta-feedback{margin-top:25px;font-size:26px;font-weight:800;text-align:center}.ta-feedback.good{color:#4caf00}.ta-feedback.bad{color:#f33}@media(max-width:600px){.ta-card{padding:24px}.ta-title{font-size:24px}.ta-sentence{font-size:28px}.ta-btn{font-size:24px;min-width:100%}}.em-page{width:100%;min-height:100vh;background:#bff3ff;display:flex;justify-content:center;align-items:center;padding:clamp(16px,4vw,60px);box-sizing:border-box}.em-card{width:min(100%,900px);background:#fff;border-radius:clamp(18px,3vw,30px);padding:clamp(22px,5vw,55px);box-shadow:0 12px 35px #0000001f;box-sizing:border-box}.em-count{font-size:clamp(16px,2vw,24px);font-weight:800;color:#43a800;margin-bottom:clamp(24px,4vw,45px)}.em-title{font-size:clamp(28px,5vw,56px);font-weight:800;color:#4b8f00;margin:0 0 clamp(28px,5vw,55px);line-height:1.2}.em-options{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,3vw,32px)}.em-btn{min-height:clamp(70px,12vw,130px);border:4px solid #9be8ff;border-radius:clamp(10px,2vw,20px);background:#fff;font-size:clamp(38px,8vw,82px);font-weight:900;color:#111827;cursor:pointer;transition:.18s ease}.em-btn:hover{transform:scale(1.04);background:#f7fdff}.em-btn.correct{background:#42b600;border-color:#42b600;color:#fff}.em-btn.wrong{background:#ff4d4d;border-color:#ff4d4d;color:#fff}.em-feedback{margin-top:clamp(20px,4vw,40px);text-align:center;font-size:clamp(24px,4vw,42px);font-weight:900}.em-feedback.good{color:#42b600}.em-feedback.bad{color:#f33}.em-finished{margin-top:20px;text-align:center;font-size:clamp(24px,4vw,40px);font-weight:900;color:#6a5cff}@media(max-width:600px){.em-page{align-items:flex-start;padding-top:28px}.em-options{grid-template-columns:1fr}.em-btn{min-height:76px}}@media(min-width:601px)and (max-width:1024px){.em-card{width:92%}}@media(min-width:1600px){.em-card{max-width:1150px}}.wps-page{min-height:100vh;padding:24px;display:flex;justify-content:center;align-items:center;background:#eef8ff;font-family:Arial,sans-serif}.wps-card{width:min(92vw,760px);background:#fff;border-radius:28px;padding:clamp(22px,4vw,42px);box-shadow:0 14px 35px #0000001f;text-align:center}.wps-top{display:flex;justify-content:space-between;gap:14px;font-size:clamp(15px,2vw,20px);font-weight:700;color:#456;margin-bottom:26px}.wps-title{font-size:clamp(24px,4vw,38px);margin:0 0 28px;color:#244}.wps-question{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;border:3px solid #9bdcff;border-radius:20px;font-size:clamp(32px,6vw,58px);font-weight:800;color:#111;margin-bottom:34px;background:#fbfeff}.wps-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wps-btn{border:none;border-radius:18px;padding:20px 12px;font-size:clamp(20px,3vw,32px);font-weight:800;text-transform:capitalize;cursor:pointer;background:#2563eb;color:#fff;transition:transform .15s ease,background .15s ease}.wps-btn:hover{transform:translateY(-2px)}.wps-btn.correct{background:#16a34a}.wps-btn.wrong{background:#dc2626}.wps-feedback{margin:24px 0 0;font-size:clamp(22px,3vw,34px);font-weight:900}.wps-feedback.ok{color:#16a34a}.wps-feedback.no{color:#dc2626}.wps-score{font-size:clamp(26px,5vw,48px);font-weight:900;color:#111}.wps-restart{border:none;border-radius:18px;padding:18px 38px;font-size:clamp(20px,3vw,30px);font-weight:800;background:#16a34a;color:#fff;cursor:pointer}@media(max-width:600px){.wps-page{padding:14px}.wps-card{border-radius:22px}.wps-top{flex-direction:column}.wps-options{grid-template-columns:1fr}.wps-btn{width:100%}}.sdd-page{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background:#eaf8ff;font-family:Arial,sans-serif}.sdd-card{width:min(94vw,850px);background:#fff;border-radius:28px;padding:clamp(20px,4vw,42px);box-shadow:0 14px 35px #00000024}.sdd-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:clamp(15px,2vw,21px);font-weight:800;color:#455a64}.sdd-title{margin:0 0 24px;text-align:center;font-size:clamp(24px,4vw,38px);color:#17405c}.sdd-answer-box{min-height:110px;padding:18px;border:3px dashed #7dd3fc;border-radius:24px;background:#f8fdff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;transition:.2s ease}.sdd-answer-box.correct{border-color:#22c55e;background:#f0fdf4}.sdd-answer-box.wrong{border-color:#ef4444;background:#fff1f2}.sdd-placeholder{font-size:clamp(20px,3vw,30px);font-weight:800;color:#9ca3af}.sdd-sentence{min-height:42px;margin:18px 0;text-align:center;font-size:clamp(22px,4vw,34px);font-weight:900;color:#111827}.sdd-word-box{min-height:100px;padding:18px;border-radius:24px;background:#eef6ff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.sdd-word{border:none;border-radius:16px;padding:16px 24px;font-size:clamp(22px,4vw,34px);font-weight:900;background:#1683d8;color:#fff;cursor:grab;box-shadow:0 6px #0f5f9d;transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sdd-word:hover{transform:translateY(-2px)}.sdd-word:active{cursor:grabbing;transform:translateY(4px);box-shadow:0 2px #0f5f9d}.sdd-word.selected{background:#2563eb;box-shadow:0 6px #1d4ed8}.sdd-feedback{margin:18px 0 0;text-align:center;font-size:clamp(22px,4vw,34px);font-weight:900}.sdd-feedback.ok{color:#16a34a}.sdd-feedback.no{color:#dc2626}.sdd-actions{margin-top:24px;display:flex;justify-content:center;gap:16px}.sdd-reset,.sdd-check{border:none;border-radius:18px;padding:16px 34px;font-size:clamp(18px,3vw,26px);font-weight:900;color:#fff;cursor:pointer}.sdd-reset{background:#64748b}.sdd-check{background:#16a34a}.sdd-check:disabled{background:#cbd5e1;cursor:not-allowed}@media(max-width:600px){.sdd-page{padding:12px;align-items:flex-start}.sdd-card{border-radius:22px}.sdd-top{flex-direction:column;text-align:center}.sdd-answer-box,.sdd-word-box{min-height:130px}.sdd-word{width:100%}.sdd-actions{flex-direction:column}.sdd-reset,.sdd-check{width:100%}}.ci-page{min-height:100vh;padding:20px;background:#eaf8ff;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.ci-card{width:min(94vw,820px);background:#fff;border-radius:28px;padding:clamp(20px,4vw,42px);box-shadow:0 14px 35px #00000024}.ci-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:26px;font-size:clamp(15px,2vw,21px);font-weight:800;color:#455a64}.ci-title{margin:0 0 30px;text-align:center;font-size:clamp(26px,4vw,40px);color:#17405c}.ci-options{display:grid;gap:20px}.ci-option{width:100%;border:3px solid #9bdcff;border-radius:18px;padding:22px 24px;background:#fff;font-size:clamp(24px,4vw,38px);font-weight:700;color:#111827;text-align:left;cursor:pointer;transition:.18s ease}.ci-option:hover{transform:translateY(-2px);background:#f5fcff}.ci-option.correct{border-color:#16a34a;background:#dcfce7;color:#14532d}.ci-option.wrong{border-color:#dc2626;background:#fee2e2;color:#7f1d1d}.ci-feedback{margin:26px 0 0;text-align:center;font-size:clamp(24px,4vw,36px);font-weight:900}.ci-feedback.ok{color:#16a34a}.ci-feedback.no{color:#dc2626}.ci-score{text-align:center;font-size:clamp(30px,5vw,52px);font-weight:900;color:#111827}.ci-restart{display:block;margin:28px auto 0;border:none;border-radius:18px;padding:18px 40px;background:#16a34a;color:#fff;font-size:clamp(20px,3vw,30px);font-weight:900;cursor:pointer}@media(max-width:600px){.ci-page{padding:12px;align-items:flex-start}.ci-card{border-radius:22px}.ci-top{flex-direction:column;text-align:center}.ci-option{padding:18px}}.nc-page{min-height:100vh;padding:18px;background:#eaf8ff;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.nc-card{width:min(94vw,880px);background:#fff;border-radius:28px;padding:clamp(18px,4vw,40px);box-shadow:0 14px 35px #00000024;text-align:center}.nc-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:clamp(15px,2vw,21px);font-weight:800;color:#455a64}.nc-title{margin:0 0 22px;font-size:clamp(23px,4vw,38px);color:#17405c}.nc-image-wrap{width:min(70vw,330px);height:min(70vw,330px);margin:0 auto 16px;border-radius:26px;background:#f8fdff;border:3px solid #b8e7ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.nc-image{width:100%;height:100%;object-fit:contain}.nc-word{margin:8px 0 24px;font-size:clamp(32px,6vw,56px);font-weight:900;color:#111827;text-transform:lowercase}.nc-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nc-btn{border:3px solid #9bdcff;border-radius:18px;padding:18px 10px;background:#fff;color:#111827;font-size:clamp(20px,3vw,30px);font-weight:900;text-transform:capitalize;cursor:pointer;transition:.18s ease}.nc-btn:hover{transform:translateY(-2px);background:#f5fcff}.nc-btn.correct{border-color:#16a34a;background:#dcfce7;color:#14532d}.nc-btn.wrong{border-color:#dc2626;background:#fee2e2;color:#7f1d1d}.nc-feedback{margin:22px 0 0;font-size:clamp(24px,4vw,36px);font-weight:900}.nc-feedback.ok{color:#16a34a}.nc-feedback.no{color:#dc2626}.nc-score{font-size:clamp(30px,5vw,52px);font-weight:900;color:#111827}.nc-restart{border:none;border-radius:18px;padding:18px 40px;background:#16a34a;color:#fff;font-size:clamp(20px,3vw,30px);font-weight:900;cursor:pointer}@media(max-width:700px){.nc-page{padding:12px;align-items:flex-start}.nc-card{border-radius:22px}.nc-top{flex-direction:column;text-align:center}.nc-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.nc-options{grid-template-columns:1fr}.nc-btn{width:100%}}.sp-page{min-height:100vh;padding:24px;background:linear-gradient(180deg,#dff6ff,#f7fcff);display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.sp-card{width:min(100%,900px);min-height:620px;background:#fff;border-radius:28px;padding:28px;box-shadow:0 18px 45px #0000001f;display:flex;flex-direction:column;align-items:center}.sp-top{width:100%;display:flex;justify-content:flex-end;font-size:18px;font-weight:700;color:#3b6b7a}.sp-title{margin:20px 0 24px;font-size:clamp(26px,4vw,44px);text-align:center;color:#3f7d00;font-weight:700}.sp-image-box{width:min(100%,520px);height:300px;display:flex;justify-content:center;align-items:center;margin-bottom:34px}.sp-image-box img{max-width:100%;max-height:100%;object-fit:contain}.sp-options{width:100%;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.sp-option{width:min(260px,42vw);min-height:76px;border:4px solid #9be3ff;background:#fff;border-radius:14px;font-size:clamp(28px,5vw,46px);font-weight:700;cursor:pointer;transition:.2s ease}.sp-option:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000001f}.sp-option.correct{background:#d9ffd9;border-color:#22b14c;color:#137a2c}.sp-option.wrong{background:#ffe0e0;border-color:#ff3b3b;color:#c40000}.sp-finish{justify-content:center;text-align:center}.sp-finish h1{font-size:clamp(38px,6vw,70px);color:#22b14c}.sp-finish p{font-size:clamp(22px,4vw,36px)}.sp-restart{margin-top:24px;padding:18px 36px;border:none;border-radius:16px;background:#27a9e1;color:#fff;font-size:26px;font-weight:700;cursor:pointer}@media(max-width:600px){.sp-page{padding:12px;align-items:flex-start}.sp-card{min-height:calc(100vh - 24px);padding:18px;border-radius:22px}.sp-image-box{height:260px;margin-bottom:24px}.sp-options{gap:14px}.sp-option{width:100%}}@media(min-width:1200px){.sp-card{width:1050px;min-height:720px}.sp-image-box{height:360px}}.cw-wrap{min-height:100vh;background:#eaf8ff;display:flex;justify-content:center;align-items:center;padding:20px}.cw-card{width:100%;max-width:700px;background:#fff;border-radius:24px;padding:30px;text-align:center;box-shadow:0 12px 30px #0000001a}.cw-title{font-size:36px;font-weight:700;color:#2d7f1f;margin-bottom:10px}.cw-progress{font-size:18px;color:#666;margin-bottom:25px}.cw-image{width:280px;max-width:100%;height:auto;margin-bottom:30px}.cw-options{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cw-optionBtn{min-width:120px;padding:16px 24px;font-size:30px;font-weight:700;background:#fff;border:3px solid #8fdfff;border-radius:12px;cursor:pointer;transition:.2s}.cw-optionBtn:hover{background:#f0fbff;transform:translateY(-2px)}.cw-message{margin-top:25px;font-size:32px;font-weight:700}.cw-message.success{color:#16a34a}.cw-message.error{color:#dc2626}.cw-complete{background:#fff;padding:50px;border-radius:24px;text-align:center;font-size:42px;font-weight:700;color:#16a34a;box-shadow:0 12px 30px #0000001a}@media(max-width:768px){.cw-title{font-size:26px}.cw-optionBtn{width:100%;font-size:24px}.cw-image{width:220px}.cw-message{font-size:26px}}.riddle-page{min-height:100vh;background:#fff;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.riddle-card{width:100%;max-width:760px;background:#fff;border-radius:24px;padding:34px;box-shadow:0 12px 35px #00000014}.riddle-title{margin:0 0 28px;color:#5b8c00;font-size:34px;font-weight:600}.sound-icon{color:#129fe3;margin-right:12px}.riddle-question{display:flex;align-items:flex-start;margin-bottom:32px;padding-left:28px}.riddle-question p{margin:0 0 8px;font-size:30px;line-height:1.25;color:#111}.answer-row{display:flex;align-items:center;gap:18px}.answer-buttons{display:flex;gap:22px;flex-wrap:wrap}.answer-btn{min-width:210px;padding:18px 30px;border:3px solid #9ee3ff;border-radius:8px;background:#fff;font-size:28px;color:#111;cursor:pointer;transition:.2s ease}.answer-btn:hover{background:#f0fbff;transform:translateY(-2px)}.answer-btn.correct{border-color:#22c55e;background:#dcfce7}.answer-btn.wrong{border-color:#ef4444;background:#fee2e2}.feedback{margin-top:26px;font-size:30px;font-weight:700;text-align:center}.correct-text{color:#16a34a}.wrong-text{color:#dc2626}@media(max-width:600px){.riddle-card{padding:24px 18px}.riddle-title{font-size:26px}.riddle-question p{font-size:24px}.answer-btn{width:100%;font-size:24px}.answer-buttons{width:100%}}.vowel-page{min-height:100vh;background:linear-gradient(180deg,#e0f7ff,#f8fbff);display:flex;justify-content:center;align-items:center;padding:24px;font-family:Arial,sans-serif}.vowel-card{width:min(920px,100%);background:#fff;border-radius:28px;padding:42px 28px;text-align:center;box-shadow:0 18px 45px #0f2f5f29}.vowel-card h1{margin:0 0 12px;font-size:clamp(32px,5vw,56px);color:#0f2f5f}.instruction{margin:0 0 18px;font-size:clamp(18px,2.5vw,28px);color:#355070}.progress{display:inline-block;margin-bottom:30px;padding:10px 22px;background:#fff4cc;color:#8a5a00;border-radius:999px;font-size:20px;font-weight:700}.letter-btn:hover{transform:translateY(-4px);border-color:#7cc4ff}.finished-box{margin-top:28px;font-size:30px;font-weight:800;color:#15803d}.finished-box button{display:block;margin:20px auto 0;padding:14px 28px;border:none;border-radius:999px;background:#16a34a;color:#fff;font-size:20px;font-weight:800;cursor:pointer}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@media(max-width:600px){.vowel-card{padding:30px 14px;border-radius:20px}.letter-btn{margin:4px}}.word-box{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:10px;margin-top:30px}.letter-btn{border:none;background:transparent;padding:0;width:auto;height:auto;font-size:clamp(36px,9vw,64px);font-weight:700;color:#0f2f5f;cursor:pointer;transition:all .2s ease}.letter-btn.correct{color:#16a34a;transform:scale(1.15)}.letter-btn.wrong{color:#dc2626;transform:scale(1.15)}.letter-space{width:18px}@media(max-width:480px){.word-box{gap:4px}.letter-btn{width:44px;height:58px;font-size:34px;border-radius:14px}}html,body,#root{margin:0;min-height:100%;background:#f8fbff;font-family:Arial,sans-serif}.ihw-page{min-height:100vh;padding:28px 16px 70px;background:linear-gradient(180deg,#f8fbff,#eef6ff)}.ihw-header{text-align:center;margin-bottom:28px}.ihw-header h1{margin:0 0 8px;font-size:clamp(32px,4.5vw,58px);font-weight:800;color:#1e3a8a}.ihw-header p{margin:0;font-size:clamp(16px,1.8vw,20px);color:#475569}.ihw-grid{width:min(100%,1180px);margin:0 auto;display:grid;grid-template-columns:1fr;gap:28px}.ihw-card{background:#fff;border:2px solid #dbeafe;border-radius:26px;padding:24px;box-shadow:0 10px 28px #0f172a14}.ihw-top{display:flex;align-items:flex-start;gap:24px;margin-bottom:22px}.ihw-image-wrap{width:210px;flex:0 0 210px;background:#f8fafc;border-radius:18px;overflow:hidden}.ihw-image{width:100%;height:190px;object-fit:cover;display:block}.ihw-side{flex:1;min-width:0}.ihw-side h2{margin:0 0 18px;font-size:clamp(34px,4vw,48px);font-weight:800;color:#0f172a}.ihw-hints{display:flex;flex-wrap:wrap;gap:12px}.ihw-hint{padding:10px 18px;background:#fff7ed;border:2px solid #fbbf24;border-radius:999px;color:#92400e;font-size:clamp(18px,2vw,24px);font-weight:700}.ihw-textarea{width:100%;min-height:340px;resize:vertical;box-sizing:border-box;padding:22px;border:3px solid #3b82f6;border-radius:20px;background:#fff;color:#0f172a;font-family:Arial,sans-serif;font-size:clamp(22px,2.2vw,28px);line-height:1.8;outline:none}.ihw-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 5px #2563eb1f}.ihw-answer-btn{width:100%;margin-top:18px;border:none;border-radius:18px;padding:18px;background:#2563eb;color:#fff;font-size:clamp(22px,2.3vw,28px);font-weight:800;cursor:pointer;transition:background .2s}.ihw-answer-btn:hover{background:#1d4ed8}.ihw-answer{margin-top:18px;padding:20px;border-radius:18px;background:#ecfdf5;border:2px solid #86efac;color:#14532d;font-size:clamp(20px,2vw,25px);line-height:1.8}.ihw-answer strong{display:block;margin-bottom:8px;font-size:clamp(22px,2.2vw,28px)}.ihw-answer p{margin:0}@media(max-width:900px){.ihw-grid{width:min(100%,760px)}.ihw-card{padding:20px}.ihw-top{gap:18px}.ihw-image-wrap{width:180px;flex-basis:180px}.ihw-image{height:165px}.ihw-textarea{min-height:300px}}@media(max-width:600px){.ihw-page{padding:20px 12px 50px}.ihw-header{margin-bottom:22px}.ihw-top{flex-direction:column;gap:16px}.ihw-image-wrap{width:100%;flex-basis:auto}.ihw-image{height:230px}.ihw-side h2{font-size:32px}.ihw-hint{font-size:18px;padding:8px 14px}.ihw-textarea{min-height:240px;padding:18px;font-size:21px;line-height:1.7}}.ihw-button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px}.ihw-practice-toggle-btn{padding:11px 20px;border:none;border-radius:10px;background:#7c3aed;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.ihw-practice-toggle-btn:hover{background:#6d28d9}.ihw-practice-section{margin-top:20px;padding:20px;border:2px solid #ddd6fe;border-radius:16px;background:#f5f3ff}.ihw-practice-header{margin-bottom:18px;text-align:center}.ihw-practice-header h3{margin:0 0 7px;color:#5b21b6;font-size:23px}.ihw-practice-header p{margin:0;color:#475569}.ihw-practice-list{display:flex;flex-direction:column;gap:13px}.ihw-practice-item{padding:14px;border:1px solid #ddd6fe;border-radius:11px;background:#fff}.ihw-practice-question{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px;color:#1e293b;font-size:17px}.ihw-practice-question strong{color:#7c3aed}.ihw-practice-input{width:100%;min-height:45px;padding:10px 12px;border:2px solid #cbd5e1;border-radius:9px;box-sizing:border-box;font-size:16px;outline:none}.ihw-practice-input:focus{border-color:#7c3aed}.ihw-practice-answer{margin-top:10px;padding:10px 12px;border-radius:8px;background:#dcfce7;color:#166534;line-height:1.5}.ihw-practice-answer-btn{display:block;margin:20px auto 0;padding:11px 20px;border:none;border-radius:9px;background:#16a34a;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.ihw-practice-answer-btn:hover{background:#15803d}.ihw-status,.ihw-error{max-width:700px;margin:60px auto;padding:24px;border-radius:14px;background:#fff;text-align:center}.ihw-error{color:#b91c1c}.ihw-no-image{display:flex;width:100%;min-height:220px;align-items:center;justify-content:center;border-radius:12px;background:#e2e8f0;color:#64748b;font-weight:700}@media(max-width:600px){.ihw-button-row{flex-direction:column}.ihw-practice-toggle-btn,.ihw-answer-btn{width:100%}.ihw-practice-section{padding:15px 11px}.ihw-practice-question{font-size:16px}}.wf-page{min-height:100vh;padding:24px 16px;background:linear-gradient(180deg,#f9fbff,#eef4ff);display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.wf-card{width:100%;max-width:900px;background:#fff;border-radius:28px;padding:28px 20px;box-shadow:0 14px 40px #2f54961f;box-sizing:border-box}.wf-title{margin:0 0 20px;text-align:center;font-size:clamp(26px,4vw,40px);line-height:1.2;font-weight:800;color:#1f2d3d;animation:wfFloat 3.8s ease-in-out infinite}.wf-family-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}.wf-family-btn{min-height:62px;border:none;border-radius:18px;background:#e9f1ff;color:#184a9c;font-size:clamp(20px,2.7vw,28px);font-weight:800;cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 8px 20px #457bff1f}.wf-family-btn:hover{transform:translateY(-2px);background:#dce9ff}.wf-family-btn.active{background:#4c8dff;color:#fff;box-shadow:0 12px 24px #4c8dff47}.wf-info-box{background:#fff8e8;border:2px solid #ffe3a3;border-radius:22px;padding:18px 16px;margin-bottom:22px}.wf-info-tamil{margin:0 0 10px;font-size:clamp(17px,2.2vw,22px);line-height:1.7;color:#49360a;font-weight:600}.wf-info-tamil:last-child{margin-bottom:0}.wf-words-panel{background:linear-gradient(180deg,#f6fbff,#edf7ff);border:2px solid #cde7ff;border-radius:24px;padding:20px 16px;animation:wfReveal .45s ease}.wf-selected-label{text-align:center;font-size:clamp(22px,3vw,32px);font-weight:800;color:#1459b8;margin-bottom:18px;animation:wfPulseSlow 2.8s ease-in-out infinite}.wf-words-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.wf-word-pill{min-height:70px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(24px,3vw,34px);font-weight:800;color:#23384d;box-shadow:0 10px 20px #1a478f14;animation:wfWordFloat 3.6s ease-in-out infinite}@keyframes wfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wfPulseSlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.9}}@keyframes wfWordFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wfReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.wf-page{padding:16px 12px}.wf-card{padding:20px 14px;border-radius:22px}.wf-family-row{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-family-btn{min-height:58px}.wf-words-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-word-pill{min-height:62px}}.g1-page{min-height:100vh;padding:12px;background:#f3f6fb;box-sizing:border-box}.g1-panel{width:100%;max-width:1400px;margin:0 auto}.ag-root{background:#fff;border:1px solid #e6ebf2;border-radius:24px;box-shadow:0 10px 30px #14213d0f;padding:16px}.ag-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.points-box,.time-box{min-width:110px;background:#f8fbff;border:1px solid #dde7f2;border-radius:16px;padding:10px 12px;box-sizing:border-box}.time-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tiny-label{font-size:13px;line-height:1.2;font-weight:700;color:#6b7280;margin-bottom:4px}.tiny-value{font-size:24px;line-height:1;font-weight:800;color:#111827}.start-btn{height:44px;padding:0 18px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.start-btn:hover{background:#1d4ed8}.ag-sum{display:flex;align-items:center;justify-content:center;gap:10px;min-height:96px;margin:8px 0;font-size:34px;font-weight:700;color:#111827;text-align:center;flex-wrap:wrap}.ag-num,.ag-op,.ag-answer{display:inline-flex;align-items:center;justify-content:center;min-width:18px;color:#111827;font-weight:700}.ag-blank{display:inline-block;min-width:28px;text-align:center;border-bottom:3px solid #111827;line-height:1}.ag-answer.correct{color:#15803d}.ag-answer.wrong{color:#dc2626}.ag-status,.ag-ended{min-height:34px;margin:4px 0 16px;text-align:center;font-size:18px;font-weight:800}.ag-status.idle{color:transparent}.ag-status.ok{color:#15803d}.ag-status.no{color:#dc2626}.ag-ended{color:#7c2d12}.ag-root>.number-pad,.ag-root>.np-wrap,.ag-root>.pad-wrap{margin-top:6px}@media(max-width:359px){.g1-page{padding:8px}.ag-root{padding:10px;border-radius:16px}.ag-top{gap:10px;margin-bottom:14px}.points-box,.time-box{min-width:92px;padding:8px 10px;border-radius:12px}.tiny-label{font-size:12px}.tiny-value{font-size:20px}.start-btn{height:40px;padding:0 14px;font-size:14px;border-radius:10px}.ag-sum{font-size:26px;gap:8px;min-height:72px}.ag-blank{min-width:22px;border-bottom-width:2px}.ag-status,.ag-ended{font-size:16px;min-height:28px;margin-bottom:12px}}@media(min-width:360px)and (max-width:479px){.ag-root{padding:12px;border-radius:18px}.points-box,.time-box{min-width:98px}.tiny-value{font-size:22px}.ag-sum{font-size:30px;min-height:80px}.ag-status,.ag-ended{font-size:17px}}@media(min-width:480px)and (max-width:767px){.g1-page,.ag-root{padding:14px}.ag-sum{font-size:38px;min-height:90px}.tiny-value{font-size:24px}}@media(min-width:768px)and (max-width:1023px){.g1-page{padding:18px}.g1-panel{max-width:980px}.ag-root{padding:20px;border-radius:22px}.ag-top{margin-bottom:20px}.points-box,.time-box{min-width:120px;padding:12px 14px}.tiny-label{font-size:13px}.tiny-value{font-size:28px}.start-btn{height:46px;padding:0 20px;font-size:15px}.ag-sum{font-size:50px;gap:12px;min-height:120px}.ag-blank{min-width:34px}.ag-status,.ag-ended{font-size:20px;margin-bottom:18px}}@media(min-width:1024px)and (max-width:1439px){.g1-page{padding:22px}.g1-panel{max-width:1280px}.ag-root{padding:24px 24px 20px;border-radius:24px}.ag-top{margin-bottom:24px}.points-box,.time-box{min-width:130px;padding:13px 16px}.tiny-label{font-size:14px}.tiny-value{font-size:30px}.start-btn{height:48px;padding:0 22px;font-size:16px;border-radius:12px}.ag-sum{font-size:64px;gap:16px;min-height:160px;margin-top:10px;margin-bottom:10px}.ag-num,.ag-op,.ag-answer{min-width:28px}.ag-blank{min-width:42px;border-bottom-width:4px}.ag-status,.ag-ended{font-size:22px;min-height:38px;margin-bottom:20px}}@media(min-width:1440px)and (max-width:1919px){.g1-page{padding:26px}.g1-panel{max-width:1500px}.ag-root{padding:28px 28px 24px}.points-box,.time-box{min-width:140px}.tiny-value{font-size:32px}.start-btn{height:50px;padding:0 24px;font-size:16px}.ag-sum{font-size:76px;gap:18px;min-height:190px}.ag-blank{min-width:48px}.ag-status,.ag-ended{font-size:24px}}@media(min-width:1920px){.g1-page{padding:32px}.g1-panel{max-width:1700px}.ag-root{padding:34px 34px 28px;border-radius:28px}.ag-top{margin-bottom:28px}.points-box,.time-box{min-width:160px;padding:15px 18px;border-radius:18px}.tiny-label{font-size:16px}.tiny-value{font-size:36px}.start-btn{height:56px;padding:0 28px;font-size:18px;border-radius:14px}.ag-sum{font-size:88px;gap:22px;min-height:220px}.ag-blank{min-width:56px;border-bottom-width:5px}.ag-status,.ag-ended{font-size:28px;min-height:44px}}.points-pop{animation:pointsPop .28s ease}@keyframes pointsPop{0%{transform:scale(.96)}60%{transform:scale(1.06)}to{transform:scale(1)}}.points-up{border-color:#86efac}.points-down{border-color:#fca5a5}.points-same{border-color:#dde7f2}.lesson-completion-card{margin-top:32px;padding:22px 24px;border:2px solid #dbe7f5;border-radius:18px;background:linear-gradient(135deg,#fff,#f6faff);box-shadow:0 10px 28px #0f2e5914;transition:border-color .2s ease,background .2s ease,transform .2s ease}.lesson-completion-card.is-completed{border-color:#65c982;background:linear-gradient(135deg,#f5fff7,#eaffef)}.lesson-completion-label{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.lesson-completion-checkbox{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lesson-completion-custom-check{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid #9aa8b8;border-radius:8px;background:#fff;color:#fff;font-size:21px;font-weight:800;line-height:1;transition:border-color .2s ease,background .2s ease,transform .2s ease}.lesson-completion-label:hover .lesson-completion-custom-check{border-color:#3278d4;transform:scale(1.04)}.lesson-completion-checkbox:checked+.lesson-completion-custom-check{border-color:#18a845;background:#18a845}.lesson-completion-checkbox:focus-visible+.lesson-completion-custom-check{outline:3px solid rgba(50,120,212,.25);outline-offset:3px}.lesson-completion-checkbox:disabled+.lesson-completion-custom-check{cursor:wait;opacity:.65}.lesson-completion-text{color:#123569;font-size:18px;font-weight:750;line-height:1.4}.lesson-completion-saving{margin-top:10px;padding-left:44px;color:#617287;font-size:14px;font-weight:600}.lesson-completion-error{margin-top:10px;padding-left:44px;color:#c62828;font-size:14px;font-weight:650}.lesson-completion-loading,.lesson-completion-login-message{color:#53667c;font-size:16px;font-weight:650;text-align:center}@media(max-width:600px){.lesson-completion-card{margin-top:24px;padding:18px;border-radius:15px}.lesson-completion-text{font-size:16px}.lesson-completion-custom-check{width:28px;height:28px}}.mlv-page{width:100%;min-height:100vh;padding:30px 16px;background:#f5f6f8;display:flex;justify-content:center;box-sizing:border-box}.mlv-card{width:100%;max-width:900px;background:#fff;border-radius:18px;padding:32px;box-shadow:0 6px 18px #0000000f}.mlv-title{font-size:40px;font-weight:700;margin-bottom:8px;text-align:center}.mlv-meta{font-size:20px;text-align:center;color:#666;margin-bottom:24px}.mlv-hero{width:100%;max-width:500px;display:block;margin:0 auto 24px;border-radius:16px}.mlv-parent-note{background:#f1f2f4;border-radius:14px;padding:18px;margin-bottom:24px;font-size:20px;line-height:1.6}.mlv-item{background:#fff;border:1px solid #e3e3e3;border-radius:16px;padding:20px;margin-bottom:22px}.mlv-item img{width:100%;max-width:420px;display:block;margin:0 auto 14px;border-radius:14px}.mlv-item-text{font-size:30px;font-weight:600;text-align:center;line-height:1.5;margin-top:10px}.mlv-msg{text-align:center;font-size:22px;padding:20px}.mlv-err{color:#c0392b;font-weight:600}.mlv-item{display:block}@media(min-width:768px){.mlv-item{display:flex;align-items:center;gap:24px}.mlv-item img{width:45%;max-width:380px;margin:0}.mlv-item-text{width:55%;text-align:left;font-size:32px}}.rm-page{padding:16px;background:#f6f8fc;min-height:100vh;box-sizing:border-box}.rm-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.rm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.rm-header h2{margin:0;font-size:24px;line-height:1.2;color:#111827}.rm-sub{margin-top:4px;font-size:13px;color:#6b7280}.rm-actionsTop{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rm-select,.rm-search,.rm-small,.rm-fieldLine input,.rm-itemRight textarea{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;outline:none;background:#fff;box-sizing:border-box}.rm-select:focus,.rm-search:focus,.rm-small:focus,.rm-fieldLine input:focus,.rm-itemRight textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.rm-select{min-width:150px;height:42px}.rm-select-grade{min-width:120px}.rm-search{min-width:260px;height:42px}.rm-btn,.rm-mini{border:none;border-radius:10px;background:#eef2ff;color:#1f2937;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease}.rm-btn{height:42px;padding:0 14px;font-size:14px;font-weight:600}.rm-mini{height:34px;padding:0 12px;font-size:13px;font-weight:600}.rm-btn:hover,.rm-mini:hover{transform:translateY(-1px);opacity:.95}.rm-btn.primary,.rm-mini.primary{background:#4f46e5;color:#fff}.rm-mini.danger{background:#fee2e2;color:#b91c1c}.rm-msg{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;color:#111827;font-size:14px}.rm-grid{display:grid;grid-template-columns:380px 1fr;gap:16px}.rm-left,.rm-right{min-width:0}.rm-panelTitle{font-size:15px;font-weight:700;color:#111827;margin-bottom:10px}.rm-list,.rm-items{display:flex;flex-direction:column;gap:12px}.rm-lessonRow{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px;cursor:pointer;transition:.18s ease}.rm-lessonRow:hover{border-color:#c7d2fe;box-shadow:0 6px 16px #4f46e514}.rm-lessonRow.active{border-color:#4f46e5;background:#f5f7ff}.rm-lessonTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.rm-lessonTitle{font-size:15px;font-weight:700;color:#111827}.rm-pill{white-space:nowrap;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#6b7280}.rm-pill.pub{background:#dcfce7;color:#166534}.rm-lessonMeta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#6b7280}.rm-rowBtns{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.rm-empty{border:1px dashed #d1d5db;border-radius:14px;padding:20px;text-align:center;color:#6b7280;background:#fafafa}.rm-itemsTop{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.rm-itemRow{display:grid;grid-template-columns:320px 1fr;gap:14px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px}.rm-itemLeft{display:flex;gap:12px;min-width:0}.rm-thumb{width:110px;height:110px;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.rm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rm-thumbEmpty{width:100%;height:100%;display:grid;place-items:center;font-size:12px;color:#9ca3af}.rm-itemFields{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.rm-fieldLine{display:flex;flex-direction:column;gap:6px}.rm-fieldLine label,.rm-itemRight label{font-size:13px;font-weight:700;color:#374151}.rm-small{width:100px}.rm-itemRight{display:flex;flex-direction:column;gap:8px;min-width:0}.rm-itemRight textarea{width:100%;min-height:140px;resize:vertical;font-family:inherit}.rm-itemBtns{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1100px){.rm-grid,.rm-itemRow{grid-template-columns:1fr}}@media(max-width:700px){.rm-page{padding:10px}.rm-card{padding:12px}.rm-search{min-width:100%}.rm-actionsTop,.rm-select,.rm-btn,.rm-search{width:100%}.rm-itemLeft{flex-direction:column}}.grammar-list-page{width:100%;max-width:1100px;margin:0 auto;padding:16px;box-sizing:border-box}.grammar-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.grammar-list-title{margin:0;font-size:28px;line-height:1.2;font-weight:800;color:#111827}.grammar-list-subtitle{margin-top:4px;font-size:15px;color:#6b7280;font-weight:500}.grammar-back-btn{border:none;outline:none;background:#111827;color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.grammar-back-btn:hover{background:#1f2937;transform:translateY(-1px)}.grammar-info-box,.grammar-state-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin-bottom:18px;color:#4b5563;box-shadow:0 4px 18px #0000000a}.grammar-state-error{border-color:#fca5a5;color:#b91c1c;background:#fff7f7}.grammar-lesson-list{display:grid;grid-template-columns:1fr;gap:14px}.grammar-lesson-card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit;border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:16px;cursor:pointer;transition:.2s ease;box-shadow:0 6px 20px #0000000a}.grammar-lesson-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 10px 28px #00000012}.grammar-lesson-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.grammar-lesson-heading{font-size:18px;line-height:1.4;font-weight:800;color:#111827}.grammar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px}.grammar-badge-free{background:#eff6ff;color:#2563eb}.grammar-badge-paid{background:#fffbeb;color:#a16207}.grammar-lesson-meta{margin-top:8px;font-size:13px;font-weight:700;color:#7c3aed}.grammar-lesson-name{margin-top:8px;font-size:14px;color:#6b7280;font-weight:500}.grammar-lesson-desc{margin-top:10px;font-size:14px;line-height:1.6;color:#4b5563}@media(max-width:768px){.grammar-list-page{padding:14px}.grammar-list-title{font-size:24px}.grammar-lesson-card{padding:14px;border-radius:16px}.grammar-lesson-heading{font-size:17px}}@media(max-width:480px){.grammar-list-page{padding:12px}.grammar-list-header{align-items:stretch}.grammar-back-btn{width:100%;padding:12px 16px}.grammar-list-title{font-size:22px}.grammar-list-subtitle{font-size:14px}.grammar-lesson-top{flex-direction:column;align-items:flex-start}.grammar-lesson-heading{font-size:16px}.grammar-badge{min-width:auto}.grammar-lesson-name,.grammar-lesson-desc,.grammar-lesson-meta{font-size:13px}}@media(min-width:1200px){.grammar-list-page{max-width:1180px}.grammar-list-title{font-size:30px}.grammar-lesson-heading{font-size:19px}}html,body{margin:0;padding:0;overflow-x:hidden}#root{width:100%;overflow-x:hidden}.gv-page{width:100%;min-height:100vh;padding:18px;background:linear-gradient(180deg,#eef6ff,#f9fcff);box-sizing:border-box}.gv-card{width:100%;max-width:1300px;margin:0 auto;background:#fff;border-radius:28px;padding:22px;box-shadow:0 10px 30px #28598c14}.gv-title{margin:0 0 18px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:#102a43}.gv-parentNote{margin-bottom:24px;background:linear-gradient(180deg,#ecfaf3,#e4f5ef);border:2px solid #c8e8d9;border-radius:22px;padding:20px}.gv-parentNoteInner{font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.9;font-weight:600}.gv-pdf{margin-top:0}.gv-pdf iframe{width:100%;min-height:700px;border-radius:16px;border:none}.gv-blocks{display:flex;flex-direction:column;gap:22px;margin-top:2px}.gv-block{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:22px;align-items:flex-start;background:#f7fbff;border:2px solid #e3edf7;border-radius:24px;padding:18px;overflow:visible}.gv-imgWrap{width:100%;min-height:240px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:14px;border:2px solid #dfeaf5}.gv-imgWrap img{width:100%;height:100%;max-height:320px;object-fit:contain}.gv-text,.gv-html{font-size:clamp(26px,3vw,2.6rem);line-height:2;font-weight:700;color:#123;padding-left:6px;padding-top:4px;line-height:2!important}.gv-html p{margin-bottom:18px}.hl-on{background:#fff3b0;color:#b26a00;padding:4px 10px;border-radius:10px;font-weight:900}.hl-in{background:#caffbf;color:#1b7f3a;padding:4px 10px;border-radius:10px;font-weight:900}.hl-under{background:#bde0fe;color:#1d4ed8;padding:4px 10px;border-radius:10px;font-weight:900}.hl-near{background:#ffd6ff;color:#9d4edd;padding:4px 10px;border-radius:10px;font-weight:900}.hl-above{background:#ffccd5;color:#c1121f;padding:4px 10px;border-radius:10px;font-weight:900}@media(max-width:768px){.gv-card{padding:14px}.gv-title{text-align:center}.gv-block{grid-template-columns:1fr}.gv-imgWrap{min-height:200px}.gv-text,.gv-html{font-size:38px}}@media(max-width:480px){.gv-text,.gv-html{font-size:42px!important;line-height:2.1!important}.gv-html p{font-size:inherit!important;line-height:inherit!important}.gv-imgWrap img{max-height:220px}}@media(min-width:1400px){.gv-block{grid-template-columns:minmax(320px,420px) 1fr}.gv-imgWrap img{max-height:360px}}.gv-widgetWrap{margin-top:0}.gv-widgetItem+.gv-widgetItem{margin-top:8px}.gv-widgetBottom{margin-top:0;margin-bottom:0;padding-bottom:0}.gv-widgetBottomItem{margin-bottom:0}.gv-widgetBottomItem+.gv-widgetBottomItem{margin-top:8px}.gv-pdf{margin-top:0;padding-top:0}.gv-widgetBottom,.gv-widgetBottomItem,.teacher-game-page,.teacher-game-card{margin-bottom:0!important;padding-bottom:0!important}.gv-videoWrap{width:100%;max-width:900px;margin:20px auto 24px;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 24px #0000001f}.gv-videoWrap iframe{width:100%;height:100%;aspect-ratio:16 / 9;border:none;display:block}.gv-widgetBottomItem{width:100%;max-width:900px;margin:24px auto;display:flex;justify-content:center}.gv-widgetBottomItem>*{width:100%;max-width:760px}.gv-right-full .gv-widgetBottomItem{max-width:900px}.gv-block-widget{display:block;padding:0;background:transparent;border:none}.gv-block-widget .gv-right,.gv-block-widget .gv-right-full{width:100%}.gv-block-widget .gv-widgetBottomItem{width:100%;max-width:1000px;margin:30px auto}.gv-parentNoteEdit{width:100%;min-height:60px;max-height:none;padding:18px;border:2px solid #d1d5db;border-radius:14px;font-size:20px;line-height:1.8;resize:none;overflow:hidden;box-sizing:border-box;display:block;white-space:pre-wrap;word-break:break-word}.gv-noteHelp{margin:6px 0 0;font-size:13px;color:#6b7280}.gv-parentNoteView{padding:18px;border:2px solid #d1d5db;border-radius:14px;font-size:20px;line-height:1.8;background:#fff}.gv-parentNoteView .tip-box,.gv-parentNoteView .parent-tip,.gv-parentNoteView .tip{background:#e4f5ef;border:2px solid #c8e8d9;border-radius:14px;padding:16px;margin-top:12px}.gv-editableText{outline:none;cursor:text}.gv-editableText:focus{outline:2px dashed #60a5fa;background:#f8fbff;border-radius:12px}.gv-downloadBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:420px;min-height:60px;padding:16px 24px;margin:16px auto;background:#2563eb;color:#fff;font-size:20px;font-weight:700;text-decoration:none;border-radius:16px;box-shadow:0 6px 18px #2563eb40;transition:transform .2s ease}.gv-downloadBtn:active{transform:scale(.97)}:root{--rb-bg-1: #f4f7ff;--rb-bg-2: #eef9ff;--rb-card: rgba(255, 255, 255, .92);--rb-card-strong: #ffffff;--rb-line: rgba(122, 140, 255, .18);--rb-line-strong: rgba(96, 116, 255, .35);--rb-text: #16203a;--rb-text-soft: #54607a;--rb-text-faint: #7e8aa8;--rb-primary: #5b6cff;--rb-primary-2: #7a5cff;--rb-primary-3: #3ea6ff;--rb-success: #17b26a;--rb-warning: #f59e0b;--rb-danger: #ef4444;--rb-shadow-1: 0 10px 30px rgba(69, 98, 255, .1);--rb-shadow-2: 0 18px 45px rgba(74, 95, 210, .16);--rb-shadow-3: 0 10px 24px rgba(0, 0, 0, .08);--rb-radius-xl: 26px;--rb-radius-lg: 20px;--rb-radius-md: 16px;--rb-radius-sm: 12px}html,body{margin:0;padding:0}body{color:var(--rb-text);background:radial-gradient(circle at top left,rgba(122,92,255,.14),transparent 24%),radial-gradient(circle at top right,rgba(62,166,255,.16),transparent 28%),linear-gradient(180deg,var(--rb-bg-1) 0%,var(--rb-bg-2) 100%);font-family:Segoe UI,Inter,Arial,sans-serif}.rb-page{min-height:100vh;padding:24px;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.9),transparent 18%),radial-gradient(circle at 90% 10%,rgba(91,108,255,.1),transparent 20%),radial-gradient(circle at 15% 90%,rgba(62,166,255,.12),transparent 22%),linear-gradient(180deg,#f5f8ff,#eef7ff)}.rb-card{width:100%;max-width:1280px;margin:0 auto;padding:28px;border-radius:30px;background:linear-gradient(180deg,#fffffff5,#ffffffeb);border:1px solid rgba(112,131,255,.18);box-shadow:var(--rb-shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.rb-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 25%,transparent 75%,rgba(255,255,255,.25)),linear-gradient(180deg,#7a5cff0a,#3ea6ff0a);pointer-events:none}.rb-card>*{position:relative;z-index:1}.rb-card h1{margin:0 0 18px;font-size:36px;line-height:1.1;font-weight:900;letter-spacing:.2px;color:#203055;text-shadow:0 1px 0 rgba(255,255,255,.9)}.admin-btn,.rb-card button{appearance:none;border:none;outline:none;cursor:pointer;min-height:46px;padding:12px 18px;border-radius:14px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--rb-primary),var(--rb-primary-2));box-shadow:0 10px 20px #5b6cff38,inset 0 1px #ffffff59;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.admin-btn:hover,.rb-card button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #5b6cff47,inset 0 1px #ffffff59;filter:brightness(1.03)}.admin-btn:active,.rb-card button:active{transform:translateY(0)}.admin-btn:disabled,.rb-card button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button+button{margin-left:8px}.grammar-title-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,420px);gap:18px;margin-top:20px;align-items:stretch}.grammar-title-left,.grammar-side-fields{background:linear-gradient(180deg,#fffffff5,#f7fafff5);border:1px solid rgba(106,126,255,.16);border-radius:22px;box-shadow:var(--rb-shadow-1);padding:18px}.grammar-side-fields{display:flex;flex-direction:column;gap:16px}.rb-field{display:flex;flex-direction:column;gap:8px}.rb-label{font-size:15px;font-weight:900;color:#223053;letter-spacing:.2px}.rb-input,.rb-field input,.rb-field select,.rb-field textarea{width:100%;min-height:50px;padding:14px 16px;border-radius:15px;border:1.5px solid rgba(102,122,255,.22);background:linear-gradient(180deg,#fff,#f8fbff);color:var(--rb-text);font-size:16px;font-weight:600;outline:none;box-shadow:inset 0 2px 6px #7a8cff0d,0 4px 12px #6176ff0d;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.rb-field textarea,textarea.rb-input{min-height:130px;resize:vertical;line-height:1.6}.rb-input:focus,.rb-field input:focus,.rb-field select:focus,.rb-field textarea:focus{border-color:#5b6cffb3;box-shadow:0 0 0 4px #5b6cff24,0 10px 24px #5b6cff1a;transform:translateY(-1px)}.rb-input::placeholder,.rb-field input::placeholder,.rb-field textarea::placeholder{color:#96a0ba;font-weight:600}.rb-hint{font-size:13px;line-height:1.5;color:var(--rb-text-faint);font-weight:700}.rb-divider{height:1px;margin:26px 0 22px;border:none;background:linear-gradient(90deg,transparent 0%,rgba(108,128,255,.18) 12%,rgba(108,128,255,.45) 50%,rgba(108,128,255,.18) 88%,transparent 100%)}.ge-pdf-preview{margin-top:16px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid rgba(101,122,255,.18);box-shadow:var(--rb-shadow-1)}.ge-pdf-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#5b6cff1a,#3ea6ff1a);border-bottom:1px solid rgba(101,122,255,.16)}.ge-pdf-preview-top a{text-decoration:none;font-size:14px;font-weight:900;color:var(--rb-primary)}.ge-pdf-iframe{width:100%;height:520px;border:none;background:#fff}.rb-msg,.rb-message,.rb-alert{margin-top:18px;padding:14px 16px;border-radius:16px;font-size:15px;font-weight:800;line-height:1.5;border:1px solid rgba(91,108,255,.15);background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 10px 20px #5f78ff14;color:#22345c}.rb-section,.rb-box,.rb-panel,.rb-block,.grammar-block,.grammar-item,.rb-item-card{background:linear-gradient(180deg,#fffffff5,#f9fbfff5);border:1px solid rgba(105,124,255,.16);border-radius:22px;box-shadow:var(--rb-shadow-1)}[class*=rb-top],[class*=top-bar],[class*=topbar]{border-radius:20px}[class*=rb-footer],[class*=footer-bar]{margin-top:24px}[class*=rb-title],[class*=title-wrap]{width:100%}[class*=rb-parent],[class*=parent-note]{margin-top:18px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fffffffa,#f8fbfffa);border:1px solid rgba(106,126,255,.15);box-shadow:var(--rb-shadow-1)}[class*=block],[class*=item-card],[class*=lesson-block],[class*=editor-block]{border-radius:22px}[class*=image-preview],[class*=thumb],[class*=preview-image]{border-radius:18px;overflow:hidden;border:1px solid rgba(106,126,255,.18);box-shadow:0 10px 22px #5b6cff1a}img{max-width:100%;display:block}input[type=file]{padding:12px;background:linear-gradient(180deg,#fff,#f8fbff);border:1.5px dashed rgba(91,108,255,.35);border-radius:16px;font-size:15px;font-weight:700;color:#44506f}input[type=file]::file-selector-button{border:none;padding:10px 14px;margin-right:12px;border-radius:12px;background:linear-gradient(135deg,#5b6cff,#7a5cff);color:#fff;font-weight:800;cursor:pointer}a{color:var(--rb-primary)}a:hover{filter:brightness(1.06)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#edf2ff;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8ca0ff,#6d81ff);border-radius:999px;border:2px solid #edf2ff}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7388ff,#5670ff)}@media(max-width:1024px){.rb-page{padding:18px}.rb-card{padding:22px;border-radius:26px}.rb-card h1{font-size:31px}.grammar-title-row{grid-template-columns:1fr}.ge-pdf-iframe{height:460px}}@media(max-width:768px){.rb-page{padding:12px}.rb-card{padding:16px;border-radius:22px}.rb-card h1{font-size:27px;margin-bottom:14px}.grammar-title-left,.grammar-side-fields,[class*=rb-parent],[class*=parent-note]{padding:14px;border-radius:18px}.rb-label{font-size:14px}.rb-input,.rb-field input,.rb-field select,.rb-field textarea{min-height:46px;padding:12px 14px;font-size:15px;border-radius:13px}.admin-btn,.rb-card button{width:100%;min-height:46px;padding:12px 14px;font-size:14px;border-radius:13px}button+button{margin-left:0;margin-top:8px}.ge-pdf-preview-top{padding:12px 14px}.ge-pdf-iframe{height:340px}.rb-msg,.rb-message,.rb-alert{font-size:14px;padding:12px 14px;border-radius:14px}}@media(max-width:480px){.rb-page{padding:10px}.rb-card{padding:12px;border-radius:18px}.rb-card h1{font-size:23px}.grammar-title-left,.grammar-side-fields{padding:12px;border-radius:16px}.rb-input,.rb-field input,.rb-field select,.rb-field textarea{font-size:14px;min-height:44px}.ge-pdf-iframe{height:260px}}.ge-mobile-pdf-btn{display:none}.ge-mobile-pdf-btn a{display:inline-block;padding:12px 18px;background:#2563eb;color:#fff;text-decoration:none;border-radius:12px;font-weight:800;font-size:16px}.ge-desktop-preview{display:block}@media(max-width:768px){.ge-desktop-preview{display:none}.ge-mobile-pdf-btn{display:block;margin-top:12px}}.grb-block{margin-bottom:16px;padding:16px;border:1px solid #d8e2dc;border-radius:18px;background:#eefcf3;width:100%;box-sizing:border-box}.grb-grid{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:16px;align-items:start}.grb-image-box{border:1px solid #d6d6d6;border-radius:16px;background:#fff;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.grb-image-box img{width:100%;max-height:320px;object-fit:contain}.grb-no-image{color:#6b7280;font-weight:700;padding:20px;text-align:center}.grb-btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.grb-index{font-size:14px;font-weight:700;color:#111827}.grb-textarea{width:100%;min-height:180px;resize:vertical;box-sizing:border-box}.grb-preview{border:1px solid #d8dee9;border-radius:16px;background:#fff;padding:14px;min-height:120px;overflow-x:auto}.grb-preview-empty{color:#6b7280}.grb-actions{display:flex;gap:8px;margin-top:14px}@media(max-width:900px){.grb-grid{grid-template-columns:1fr}}.agm-page{min-height:100vh;padding:16px;background:#f6f7fb;box-sizing:border-box}.agm-card{width:100%;max-width:1200px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px;box-sizing:border-box;box-shadow:0 10px 30px #0000000a}.agm-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.agm-title{margin:0;font-size:30px;line-height:1.2;color:#111827}.agm-subtitle{margin-top:6px;color:#6b7280;font-size:14px}.agm-top-actions{display:flex;gap:10px;flex-wrap:wrap}.agm-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.agm-field{display:flex;flex-direction:column;gap:6px}.agm-label{font-size:13px;font-weight:700;color:#374151}.agm-select{min-width:180px;height:42px;border:1px solid #d1d5db;border-radius:12px;padding:0 12px;font-size:14px;background:#fff;outline:none}.agm-select:focus{border-color:#2563eb}.agm-btn{height:42px;border:none;border-radius:12px;padding:0 16px;font-size:14px;font-weight:700;cursor:pointer;transition:.18s ease}.agm-btn:disabled,.agm-drag-handle:disabled{opacity:.55;cursor:not-allowed}.agm-btn-primary{background:#111827;color:#fff}.agm-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.agm-btn-light{background:#eef2ff;color:#1f2937}.agm-btn-light:hover:not(:disabled){transform:translateY(-1px)}.agm-btn-edit{background:#e0f2fe;color:#075985}.agm-btn-delete{background:#fee2e2;color:#b91c1c}.agm-msg{border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px;font-weight:600}.agm-msg-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.agm-msg-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.agm-state{background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;padding:18px;color:#6b7280;text-align:center}.agm-list{display:flex;flex-direction:column;gap:12px}.agm-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.agm-row-dragging{opacity:.9;box-shadow:0 14px 34px #0000001f;border-color:#93c5fd}.agm-row-left{min-width:0;display:flex;align-items:flex-start;gap:14px;flex:1}.agm-drag-handle{width:44px;height:52px;border:none;border-radius:12px;background:#f3f4f6;color:#111827;font-size:20px;font-weight:800;cursor:grab;flex-shrink:0}.agm-drag-handle:active{cursor:grabbing}.agm-order-badge{min-width:52px;height:52px;border-radius:14px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.agm-lesson-info{min-width:0;flex:1}.agm-lesson-title{font-size:19px;font-weight:800;color:#111827;line-height:1.35;word-break:break-word}.agm-lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:#6b7280;font-size:13px}.agm-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.agm-pill-green{background:#dcfce7;color:#166534}.agm-pill-gray{background:#e5e7eb;color:#374151}.agm-pill-blue{background:#dbeafe;color:#1d4ed8}.agm-pill-gold{background:#fef3c7;color:#92400e}.agm-pill-soft{background:#f3f4f6;color:#4b5563}.agm-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}@media(max-width:900px){.agm-row{flex-direction:column;align-items:stretch}.agm-row-actions{width:100%;justify-content:flex-start}}@media(max-width:640px){.agm-page{padding:12px}.agm-card{padding:14px;border-radius:16px}.agm-title{font-size:24px}.agm-toolbar{align-items:stretch}.agm-select{width:100%;min-width:0}.agm-top-actions{width:100%}.agm-top-actions .agm-btn{flex:1}.agm-row-left{gap:10px}.agm-drag-handle{width:40px;height:44px;font-size:18px}.agm-order-badge{min-width:44px;height:44px;font-size:16px}.agm-lesson-title{font-size:17px}.agm-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agm-btn{width:100%}}textarea,input[type=text],input[type=search],input[type=url],input[type=number]{font-size:40px!important;line-height:1.6!important}textarea{min-height:220px!important;padding:16px 18px!important;border-radius:14px!important}textarea::placeholder,input::placeholder{font-size:18px!important}.png-page{min-height:100vh;padding:24px;background:#f4f8ff;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.png-card{width:min(920px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 30px #00000014;box-sizing:border-box}.png-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.png-title{margin:0;font-size:34px;line-height:1.2;color:#183153}.png-subtitle{margin:8px 0 0;font-size:18px;line-height:1.5;color:#4a5b73}.png-scorebox{min-width:120px;background:#eef7ff;border-radius:18px;padding:14px 16px;text-align:center;flex-shrink:0}.png-scorelabel{font-size:15px;color:#55708f;margin-bottom:6px}.png-scorevalue{font-size:30px;font-weight:800;color:#0e7490}.png-progress{font-size:18px;font-weight:700;color:#2563eb;margin-bottom:18px}.png-questionbox{background:#f9fbff;border:2px solid #dbe8ff;border-radius:22px;padding:28px 24px;min-height:140px;font-size:0;line-height:2.2}.png-space{white-space:pre-wrap}.png-word{display:inline;border:none;background:transparent;padding:2px 4px;margin:0;font-size:34px;line-height:1.8;color:#111827;cursor:pointer;border-radius:10px;transition:background .18s ease,transform .18s ease,color .18s ease}.png-word:hover{background:#e9f2ff}.png-word:active{transform:scale(.98)}.png-word-correct{color:#16a34a;font-weight:800;background:#eafaf0}.png-word-shake{animation:pngShake .22s linear 2}@keyframes pngShake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.png-feedback-wrap{margin-top:18px;min-height:34px}.png-feedback{font-size:20px;font-weight:700}.png-feedback-neutral{color:#475569}.png-feedback-wrong{color:#dc2626}.png-feedback-correct{color:#16a34a}.png-actions{margin-top:24px;display:flex;justify-content:flex-end}.png-next-btn{border:none;border-radius:16px;padding:14px 24px;font-size:19px;font-weight:800;cursor:pointer;background:#2563eb;color:#fff;transition:opacity .18s ease,transform .18s ease}.png-next-btn:hover:not(:disabled){transform:translateY(-1px)}.png-next-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:768px){.png-page{padding:14px}.png-card{padding:18px;border-radius:18px}.png-top{flex-direction:column;align-items:stretch}.png-title{font-size:28px}.png-subtitle{font-size:17px}.png-scorebox{width:100%}.png-progress{font-size:17px}.png-questionbox{padding:20px 16px;min-height:120px}.png-word{font-size:28px;line-height:1.9}.png-feedback{font-size:18px}.png-next-btn{width:100%;font-size:18px}}@media(max-width:480px){.png-title{font-size:24px}.png-subtitle,.png-progress{font-size:16px}.png-word{font-size:24px;line-height:2}.png-feedback{font-size:17px}}.gsl-page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#e0f2fe);padding:28px 14px}.gsl-card{max-width:760px;margin:0 auto}.gsl-logo{font-size:14px;font-weight:800;margin-bottom:16px}.gsl-title{font-size:28px;margin:0;font-weight:900;color:#111827}.gsl-subtitle{margin:6px 0 20px;color:#4b5563;font-size:15px}.gsl-list{display:grid;gap:12px}.gsl-lesson{background:#fff;border-radius:14px;padding:16px 18px;text-decoration:none;color:#111827;box-shadow:0 8px 22px #0f172a14;border:1px solid rgba(148,163,184,.25);display:flex;justify-content:space-between;align-items:center;gap:12px}.gsl-lesson:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a1f}.gsl-lesson-title{font-size:16px;font-weight:800}.gsl-desc{margin-top:5px;font-size:13px;color:#6b7280}.gsl-badge{font-size:11px;font-weight:900;background:#eef2ff;color:#2563eb;padding:5px 9px;border-radius:999px;white-space:nowrap}.gsl-state{background:#fff;padding:18px;border-radius:14px;font-weight:700}.gsl-error{color:#b91c1c}@media(max-width:600px){.gsl-title{font-size:23px}.gsl-lesson{align-items:flex-start}.gsl-lesson-title{font-size:14px}}.gsl-level{font-size:18px;font-weight:700;color:#2563eb;margin-top:4px;margin-bottom:8px}.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{min-height:100vh;background:#f4f8ff;padding:16px;box-sizing:border-box}.rcl-card{width:100%;max-width:850px;margin:0 auto;background:#fff;border-radius:22px;padding:24px;box-sizing:border-box;box-shadow:0 10px 30px #0f172a14}.rcl-heading{text-align:center;font-size:32px;font-weight:900;margin:0 0 8px;color:#020617;letter-spacing:.5px}.rcl-subheading{text-align:center;font-size:18px;font-weight:800;color:#475569;margin-bottom:22px}.rcl-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#111827}.rcl-error{background:#fee2e2;color:#991b1b;padding:12px 14px;border-radius:12px;font-size:16px;font-weight:800;margin-bottom:14px}.rcl-empty{text-align:center;font-size:20px;font-weight:800;color:#6b7280;padding:24px}.rcl-list{display:flex;flex-direction:column;gap:22px}.rcl-levelBlock{width:100%}.rcl-levelHeading{font-size:24px;font-weight:900;color:#0f172a;background:#dbeafe;border:2px solid #93c5fd;border-radius:18px;padding:12px 18px;margin:0 0 12px;text-align:center}.rcl-levelLessons{display:flex;flex-direction:column;gap:12px}.rcl-row{width:100%;min-height:74px;display:flex;align-items:center;gap:14px;background:#fff;border:2px solid #e5e7eb;border-radius:18px;padding:14px;box-sizing:border-box;text-decoration:none;color:inherit;transition:.15s ease}.rcl-row:hover{background:#f9fafb;border-color:#bfdbfe;transform:translateY(-1px)}.rcl-row--added{border-color:#86efac;background:#f0fdf4}.rcl-left{flex:0 0 auto}.rcl-no{width:42px;height:42px;border-radius:999px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}.rcl-title{font-size:22px;font-weight:900;color:#111827;line-height:1.25;word-break:break-word}.rcl-tick{flex:0 0 auto;width:32px;height:32px;border-radius:999px;background:#16a34a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.rcl-arrow{flex:0 0 auto;font-size:34px;font-weight:900;color:#94a3b8;line-height:1}@media(max-width:600px){.rcl-page{padding:10px}.rcl-card{padding:14px;border-radius:18px}.rcl-heading{font-size:25px}.rcl-subheading{font-size:16px}.rcl-levelHeading{font-size:21px;padding:10px 14px;border-radius:15px}.rcl-row{min-height:68px;padding:12px;gap:10px}.rcl-no{width:36px;height:36px;font-size:18px}.rcl-title{font-size:19px}.rcl-tick{width:28px;height:28px;font-size:18px}.rcl-arrow{font-size:28px}}.rcl-tick{min-width:58px;height:34px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#16a34a;color:#fff;font-size:16px;font-weight:900;line-height:1;margin-left:auto;margin-right:12px;white-space:nowrap;box-shadow:0 4px 10px #16a34a40}.rcl-row{display:flex;align-items:center;gap:14px}.rcl-meta{flex:1;min-width:0}.rcl-title{text-align:center}.rcl-arrow{flex-shrink:0}@media(max-width:600px){.rcl-tick{min-width:50px;height:30px;font-size:14px;padding:0 9px;margin-right:6px}.rcl-row{gap:8px}.rcl-title{text-align:left}}.r-page{min-height:100vh;background:linear-gradient(180deg,#f9fbff,#eef4ff);padding:14px;box-sizing:border-box}.r-wrap{width:100%;max-width:1150px;margin:0 auto}.r-loading,.r-empty{min-height:50vh;display:grid;place-items:center;font-size:20px;font-weight:700;color:#334155;padding:20px;text-align:center}.r-parent{background:#fff7d6;border:2px solid #ffe082;border-radius:22px;padding:16px;margin-bottom:18px;box-shadow:0 8px 20px #0000000f}.r-parent-title{margin:0 0 10px;font-size:20px;line-height:1.2;font-weight:800;color:#9a6700}.r-parent-body{font-size:16px;line-height:1.7;color:#4b5563}.r-parent-body p{margin:0 0 8px}.r-title{text-align:center;font-size:28px;line-height:1.2;font-weight:900;color:#1e3a8a;margin:10px 0 20px;padding:0 8px}.r-item-card{background:#fff;border-radius:28px;padding:16px;margin-bottom:22px;box-shadow:0 14px 34px #244c8c1f;border:1px solid #e9eef8}.r-item-top{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}.r-image-box{width:100%;background:#f8fbff;border-radius:24px;overflow:hidden;border:2px solid #e5eefc;padding:10px;box-sizing:border-box}.r-image{width:100%;height:auto;display:block;border-radius:18px;object-fit:cover}.r-paragraph{background:linear-gradient(180deg,#f8fbff,#f2f8ff);border:2px dashed #cfe0ff;border-radius:22px;padding:18px 16px;font-size:32px;line-height:1.75;color:#1f2937;font-weight:600;word-break:break-word}.r-paragraph p{margin:0}.r-questions-fun{margin-top:18px;background:linear-gradient(180deg,#fff8fb,#fdf2f8);border-radius:24px;padding:16px;border:1px solid #f7d7e6}.r-q-heading{margin:0 0 14px;text-align:center;font-size:20px;font-weight:900;color:#be185d}.r-q-button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}.r-q-shape{width:74px;height:74px;min-width:74px;min-height:74px;border-radius:18px;border:none;cursor:pointer;font-size:20px;font-weight:900;color:#fff;box-shadow:0 10px 18px #00000024;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.r-q-shape:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 22px #0000002e}.r-q-shape:active{transform:scale(.96)}.r-q-shape.active{outline:4px solid rgba(255,255,255,.95);outline-offset:-6px;box-shadow:0 0 0 4px #2563eb29,0 16px 24px #0000002e;transform:scale(1.06)}.r-q-button-row .r-q-shape:nth-child(6n+1){background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.r-q-button-row .r-q-shape:nth-child(6n+2){background:linear-gradient(135deg,#4facfe,#00c6ff)}.r-q-button-row .r-q-shape:nth-child(6n+3){background:linear-gradient(135deg,#43e97b,#38f9d7)}.r-q-button-row .r-q-shape:nth-child(6n+4){background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.r-q-button-row .r-q-shape:nth-child(6n+5){background:linear-gradient(135deg,#f7971e,#ffd200)}.r-q-button-row .r-q-shape:nth-child(6n+6){background:linear-gradient(135deg,#11998e,#38ef7d)}.r-q-display{display:flex;justify-content:center;align-items:center}.r-q-bubble{width:100%;max-width:760px;background:#fff;border-radius:26px;padding:18px;box-shadow:0 16px 30px #be185d1f;border:2px solid #f9c5dc;text-align:center}.r-q-big-label{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:48px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;font-weight:900;font-size:22px;margin-bottom:14px;box-shadow:0 10px 18px #f43f5e40}.r-q-big-text{font-size:4px;line-height:1.7;font-weight:800;color:#374151;word-break:break-word}.r-no-questions{text-align:center;font-size:17px;color:#6b7280;font-weight:700;padding:14px 8px}.r-pop{animation:rPopIn .35s ease}@keyframes rPopIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:767px){.r-page{padding:10px}.r-parent{border-radius:18px;padding:14px}.r-parent-title{font-size:18px}.r-parent-body{font-size:15px;line-height:1.6}.r-title{font-size:22px;margin-bottom:14px}.r-item-card{padding:12px;border-radius:20px;margin-bottom:16px}.r-image-box{border-radius:18px;padding:8px}.r-image{border-radius:14px}.r-paragraph{font-size:18px;line-height:1.65;padding:14px 12px;border-radius:18px}.r-questions-fun{padding:12px;border-radius:18px}.r-q-heading{font-size:18px}.r-q-button-row{gap:10px}.r-q-shape{width:62px;height:62px;min-width:62px;min-height:62px;border-radius:14px;font-size:17px}.r-q-bubble{padding:14px 12px;border-radius:18px}.r-q-big-label{min-width:66px;height:42px;font-size:18px;border-radius:12px}.r-q-big-text{font-size:20px;line-height:1.55}}@media(min-width:768px)and (max-width:1023px){.r-page{padding:18px}.r-item-top{grid-template-columns:1fr;gap:18px}.r-title{font-size:32px}.r-paragraph{font-size:24px;line-height:1.75}.r-q-shape{width:76px;height:76px;font-size:20px}.r-q-big-text{font-size:26px}}@media(min-width:1024px){.r-page{padding:24px}.r-item-card{padding:20px}.r-item-top{grid-template-columns:minmax(320px,430px) 1fr;gap:24px}.r-title{font-size:36px;margin-bottom:24px}.r-paragraph{min-height:100%;display:flex;align-items:center;font-size:58px;line-height:1.8;padding:24px}.r-q-heading{font-size:22px}.r-q-shape{width:82px;height:82px;min-width:82px;min-height:82px;font-size:22px;border-radius:18px}.r-q-big-text{font-size:30px;line-height:1.7}}:root{--rm-bg1: #f7fbff;--rm-bg2: #ffffff;--rm-text: #0f172a;--rm-muted: #64748b;--rm-border: rgba(2, 6, 23, .1);--rm-border2: rgba(2, 6, 23, .08);--rm-shadow: 0 14px 40px rgba(2, 8, 23, .1);--rm-shadow-soft: 0 10px 24px rgba(2, 8, 23, .08);--rm-radius: 18px;--rm-radius2: 14px;--rm-accent1: #2563eb;--rm-accent2: #7c3aed;--rm-accent3: #06b6d4;--rm-green: #16a34a;--rm-red: #ef4444;--rm-h: 42px;--rm-padX: 12px}.rm-page{padding:22px 16px 60px;background:radial-gradient(1200px 600px at 10% 0%,rgba(37,99,235,.1),transparent 60%),radial-gradient(1100px 560px at 90% 10%,rgba(124,58,237,.1),transparent 55%),radial-gradient(900px 500px at 30% 100%,rgba(6,182,212,.1),transparent 55%),var(--rm-bg1);min-height:100vh}.rm-card{max-width:1200px;margin:0 auto;background:linear-gradient(180deg,#ffffffeb,#fffffffa),var(--rm-bg2);border-radius:var(--rm-radius);border:1px solid var(--rm-border);padding:18px;box-shadow:var(--rm-shadow);position:relative;overflow:hidden}.rm-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,#2563eb47,#7c3aed33,#06b6d438);filter:blur(24px);opacity:.45;z-index:0}.rm-card>*{position:relative;z-index:1}.rm-header{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.rm-header h2{margin:0;font-size:22px;font-weight:900;letter-spacing:.2px;color:var(--rm-text)}.rm-sub{color:var(--rm-muted);font-size:13px;margin-top:4px}.rm-actionsTop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rm-search,.rm-select,.rm-btn,.rm-mini,.rm-fieldLine input,.rm-itemRight textarea{font:inherit}.rm-select{height:var(--rm-h);padding:0 var(--rm-padX);border-radius:14px;border:1px solid var(--rm-border);background:#ffffffd9;box-shadow:0 6px 16px #0208170f;outline:none;cursor:pointer;color:var(--rm-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rm-select:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb24,0 10px 22px #0208171a}.rm-select-grade{width:25%;min-width:190px}.rm-search{height:var(--rm-h);width:320px;max-width:90vw;padding:0 14px;border-radius:14px;border:1px solid var(--rm-border);background:#ffffffd9;outline:none;box-shadow:0 6px 16px #0208170f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rm-search:focus{border-color:#7c3aed73;box-shadow:0 0 0 4px #7c3aed24,0 10px 22px #0208171a}.rm-btn{height:var(--rm-h);padding:0 14px;border-radius:14px;border:1px solid var(--rm-border);background:#ffffffdb;cursor:pointer;font-weight:900;text-decoration:none;color:var(--rm-text);display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 16px #0208170f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rm-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0208171f;border-color:#02061724}.rm-btn:active{transform:translateY(0);box-shadow:0 8px 18px #0208171a}.rm-btn.primary{border:none;color:#fff;background:linear-gradient(90deg,var(--rm-accent1),var(--rm-accent2));box-shadow:0 14px 30px #2563eb38}.rm-btn.primary:hover{box-shadow:0 18px 38px #7c3aed3d}.rm-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.rm-msg{margin:10px 0 14px;padding:12px;border-radius:14px;background:linear-gradient(90deg,#2563eb1a,#7c3aed14,#06b6d414);border:1px solid rgba(37,99,235,.18);font-weight:900;color:#0b1220}.rm-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}@media(max-width:960px){.rm-grid{grid-template-columns:1fr}.rm-select-grade{width:100%;min-width:0}.rm-search{width:100%}}.rm-panelTitle{font-weight:950;margin:6px 0 10px;color:#0b1220;letter-spacing:.2px}.rm-left,.rm-right{background:linear-gradient(180deg,#ffffffbf,#ffffffd1);border:1px solid var(--rm-border2);border-radius:var(--rm-radius2);padding:12px;box-shadow:var(--rm-shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rm-list{display:flex;flex-direction:column;gap:10px}.rm-lessonRow{background:#ffffffeb;border:1px solid var(--rm-border2);border-radius:16px;padding:12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 8px 18px #0208170f}.rm-lessonRow:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0208171a;border-color:#2563eb2e}.rm-lessonRow.active{border-color:#2563eb66;box-shadow:0 0 0 4px #2563eb24,0 18px 36px #0208171f}.rm-lessonTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.rm-lessonTitle{font-weight:950;color:#0b1220}.rm-lessonMeta{display:flex;gap:8px;margin-top:6px;color:var(--rm-muted);font-size:13px}.rm-pill{font-size:12px;font-weight:950;padding:6px 10px;border-radius:999px;background:#0206170a;border:1px solid var(--rm-border2);color:#0b1220}.rm-pill.pub{background:#16a34a1a;border-color:#16a34a40;color:#065f46}.rm-rowBtns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.rm-mini{height:36px;padding:0 12px;border-radius:12px;border:1px solid var(--rm-border2);background:#ffffffe6;cursor:pointer;font-weight:950;text-decoration:none;color:#0f172a;display:inline-flex;align-items:center;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 6px 14px #0208170f}.rm-mini:hover{transform:translateY(-1px);box-shadow:0 12px 22px #0208171a;border-color:#7c3aed38}.rm-mini.danger{border-color:#ef444440;background:#ef44440f;color:#7f1d1d}.rm-empty{padding:16px;color:var(--rm-muted);font-weight:900}.rm-itemsTop{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.rm-items{display:flex;flex-direction:column;gap:12px}.rm-itemRow{background:#ffffffeb;border:1px solid var(--rm-border2);border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr 1.2fr;gap:12px;box-shadow:0 10px 22px #02081714}@media(max-width:960px){.rm-itemRow{grid-template-columns:1fr}}.rm-itemLeft{display:flex;gap:12px}.rm-thumb{width:124px;height:96px;border-radius:14px;border:1px solid var(--rm-border2);overflow:hidden;background:linear-gradient(135deg,#2563eb1a,#7c3aed14,#06b6d414);flex-shrink:0;display:grid;place-items:center;box-shadow:0 10px 20px #0208171a}.rm-thumb img{width:100%;height:100%;object-fit:cover}.rm-thumbEmpty{font-weight:950;color:#475569;font-size:12px}.rm-itemFields{flex:1;display:grid;gap:8px}.rm-fieldLine{display:grid;gap:6px}.rm-fieldLine label,.rm-itemRight label{font-weight:950;font-size:13px;color:#0b1220}.rm-fieldLine input{height:var(--rm-h);padding:0 12px;border-radius:14px;border:1px solid var(--rm-border);outline:none;background:#ffffffe6;box-shadow:0 6px 16px #0208170f}.rm-fieldLine input:focus{border-color:#06b6d473;box-shadow:0 0 0 4px #06b6d424,0 10px 22px #0208171a}.rm-small{width:90px}.rm-itemRight textarea{width:100%;min-height:92px;resize:vertical;padding:10px 12px;border-radius:14px;border:1px solid var(--rm-border);outline:none;margin-top:6px;background:#ffffffe6;box-shadow:0 6px 16px #0208170f}.rm-itemRight textarea:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb24,0 10px 22px #0208171a}.rm-itemBtns{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.rm-btn.primary,.rm-mini,.rm-select,.rm-search,.rm-fieldLine input,.rm-itemRight textarea{-webkit-tap-highlight-color:transparent}.rm-list,.rm-items{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.45) transparent}.rm-list::-webkit-scrollbar,.rm-items::-webkit-scrollbar{height:10px;width:10px}.rm-list::-webkit-scrollbar-thumb,.rm-items::-webkit-scrollbar-thumb{background:#2563eb59;border-radius:999px}.rm-list::-webkit-scrollbar-track,.rm-items::-webkit-scrollbar-track{background:transparent}.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}}.phx-page{min-height:100vh;background:#eef0f3;padding:24px;box-sizing:border-box;display:flex;justify-content:center}.phx-panel{width:100%;max-width:900px;background:#fff;border-radius:24px;padding:24px;box-sizing:border-box;box-shadow:0 10px 28px #0000000f}.phx-head{margin-bottom:18px}.phx-title{margin:0;font-size:34px;font-weight:800;color:#111827}.phx-sub{margin:8px 0 0;font-size:16px;color:#4b5563}.phx-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.phx-field{display:flex;flex-direction:column;gap:8px}.phx-label{font-size:15px;font-weight:700;color:#111827}.phx-select{height:48px;border:1px solid #d1d5db;border-radius:14px;padding:0 14px;font-size:16px;font-weight:600;background:#fff;outline:none}.phx-select:focus{border-color:#22c55e}.phx-sectionTitle{font-size:22px;font-weight:800;color:#15803d;margin-bottom:14px}.phx-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:14px;padding:12px 14px;font-weight:700;margin-bottom:14px}.phx-empty{background:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;padding:18px;text-align:center;font-size:16px;font-weight:700;color:#4b5563}.phx-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phx-lessonBtn{width:100%;min-height:58px;border:1px solid #d1d5db;border-radius:16px;background:#fff;padding:0 14px;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;text-align:left}.phx-lessonBtn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000012}.phx-lessonLeft{display:flex;align-items:center;gap:8px;width:100%}.phx-tick{color:#16a34a;font-size:18px;font-weight:900;flex:0 0 auto}.phx-tick--ghost{opacity:0}.phx-lessonText{font-size:16px;font-weight:800;color:#111827;line-height:1.25}@media(max-width:700px){.phx-page{padding:14px}.phx-panel{padding:16px;border-radius:18px}.phx-title{font-size:28px}.phx-filters,.phx-list{grid-template-columns:1fr}.phx-select{height:52px;font-size:17px}.phx-lessonBtn{min-height:62px}.phx-lessonText{font-size:18px}}.phx-tickWrap{display:inline-flex;align-items:center;gap:8px}.phx-levelNo{font-size:13px;font-weight:900;color:#4f46e5;background:#eef2ff;padding:3px 8px;border-radius:999px;line-height:1}.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-sourceId{margin-top:8px;font-size:13px;color:#666;word-break:break-all}.psl-page{min-height:100vh;background:#f3f4f6;padding:16px;box-sizing:border-box}.psl-card{max-width:1100px;margin:0 auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 25px #00000014;box-sizing:border-box}.psl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.psl-title{margin:0;font-size:28px;font-weight:900;color:#111827}.psl-list{display:flex;flex-direction:column;gap:16px}.psl-item{display:flex;gap:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-sizing:border-box}.psl-no{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}.psl-main{flex:1;display:flex;gap:16px;align-items:center;min-width:0}.psl-image{width:360px;height:390px;object-fit:contain;background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:8px;box-sizing:border-box}.psl-imagePlaceholder{border-radius:14px;border:2px dashed #cbd5e1;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:800;box-sizing:border-box;width:260px;height:190px}.psl-textWrap{flex:1;min-width:0}.psl-sentence{font-size:54px;line-height:1.35;font-weight:800;color:#111827;word-break:break-word}.psl-editBtn{border:none;background:#111827;color:#fff;padding:10px 18px;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer}.psl-editBtn:hover{background:#374151}@media(max-width:700px){.psl-page{padding:10px}.psl-card{padding:12px;border-radius:14px}.psl-head{align-items:flex-start}.psl-title{font-size:24px}.psl-item{gap:10px;padding:10px}.psl-no{width:34px;height:34px;flex-basis:34px;font-size:16px}.psl-main{flex-direction:column;align-items:stretch;gap:10px}.psl-image,.psl-imagePlaceholder{width:100%;height:190px}.psl-sentence{font-size:46px;text-align:center}.psl-editBtn{flex:1;padding:12px 16px}}.psl-noteBox{margin:18px 0 24px;padding:18px;border-radius:18px;border:2px solid #fed7aa;background:#fffaf3}.psl-noteBoxBottom{margin-top:28px;border-color:#bfdbfe;background:#f8fbff}.psl-noteLabel{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;margin-bottom:14px;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:22px;font-weight:900}.psl-noteLabelBlue{background:#dbeafe;color:#1d4ed8}.psl-noteIcon{font-size:28px}.psl-noteContent{font-size:17px;line-height:1.7;color:#1f2937}.psl-noteContent p{margin:0 0 10px}.psl-noteContent p:last-child{margin-bottom:0}.psl-pdfEndBox{margin-top:24px;text-align:center}.psl-pdfBtn{display:inline-block;text-decoration:none;background:#2563eb;color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;font-size:15px}.psll-page{min-height:100vh;padding:16px;background:#f1f5f9;box-sizing:border-box}.psll-card{width:100%;max-width:1100px;margin:0 auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f172a14;box-sizing:border-box}.psll-title{margin:0 0 18px;font-size:26px;font-weight:900;color:#0f172a}.psll-filter{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.psll-filter label{font-size:15px;font-weight:800;color:#334155}.psll-filter select{min-width:220px;height:44px;padding:0 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:15px;font-weight:700;color:#0f172a;outline:none}.psll-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.psll-list{display:flex;flex-direction:column;gap:12px}.psll-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-sizing:border-box}.psll-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.psll-no{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}.psll-name{font-size:17px;font-weight:900;color:#0f172a;line-height:1.4;word-break:break-word}.psll-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.psll-actions button{min-width:82px;height:42px;border:none;border-radius:12px;font-size:15px;font-weight:900;cursor:pointer}.psll-edit{background:#2563eb;color:#fff}.psll-open{background:#16a34a;color:#fff}.psll-edit:hover{background:#1d4ed8}.psll-open:hover{background:#15803d}.psll-actions button:active{transform:scale(.97)}@media(max-width:768px){.psll-page{padding:12px}.psll-card{padding:16px;border-radius:16px}.psll-title{font-size:23px}.psll-item{align-items:flex-start}.psll-name{font-size:16px}}@media(max-width:560px){.psll-page{padding:10px}.psll-card{padding:14px}.psll-title{font-size:21px;text-align:center}.psll-filter{flex-direction:column;align-items:stretch;gap:8px}.psll-filter select{width:100%;min-width:0}.psll-item{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.psll-left{align-items:flex-start;gap:10px}.psll-no{width:34px;height:34px;flex-basis:34px;font-size:14px}.psll-name{font-size:15px}.psll-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.psll-actions button{width:100%;min-width:0;height:44px}}@media(max-width:360px){.psll-card{padding:10px}.psll-left{gap:8px}.psll-name{font-size:14px}.psll-actions{grid-template-columns:1fr}}.tph-home{min-height:100vh;background:linear-gradient(180deg,#eef6ff,#f8fafc);padding:18px;box-sizing:border-box}.tph-home-card{width:100%;max-width:1120px;margin:0 auto;background:#fff;border-radius:22px;padding:26px;box-sizing:border-box;box-shadow:0 18px 45px #0f172a14}.tph-hero{margin-bottom:22px}.tph-badge{display:inline-flex;align-items:center;justify-content:center;background:#7c3aed;color:#fff;font-size:14px;font-weight:900;padding:8px 14px;border-radius:999px;box-shadow:0 10px 22px #7c3aed38}.phonics-heading{margin:0 0 12px;font-size:28px;font-weight:900;color:#15803d;line-height:1.25}.tph-subtitle{margin:0;max-width:850px;font-size:16px;font-weight:700;color:#475569;line-height:1.7}.tph-state,.tph-error,.tph-empty{margin-top:20px;padding:18px;border-radius:16px;font-size:16px;font-weight:800;text-align:center}.tph-state{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.tph-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.tph-empty{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.tph-level-section{margin-top:26px}.tph-level-heading{margin:0 0 14px;font-size:23px;font-weight:900;color:#15803d;line-height:1.2;display:flex;align-items:center;gap:10px}.tph-level-heading:before{content:"";width:8px;height:28px;border-radius:999px;background:#22c55e;display:inline-block}.tph-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:18px}.tph-link-card{display:flex;align-items:center;min-height:74px;padding:14px 18px;background:#fff;border:1px solid #cbd5e1;border-radius:18px;text-decoration:none;color:inherit;box-sizing:border-box;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.tph-link-card:hover{transform:translateY(-2px);border-color:#86efac;background:#f0fdf4;box-shadow:0 12px 26px #0f172a14}.tph-link-card:active{transform:scale(.99)}.tph-link-left{display:flex;align-items:center;gap:14px;width:100%;min-width:0}.tph-link-no{width:38px;height:38px;flex:0 0 38px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center}.tph-link-texts{min-width:0;flex:1}.tph-link-title{font-size:18px;font-weight:900;color:#020617;line-height:1.35;word-break:break-word}.tph-added-tick{margin-right:8px;color:#16a34a;font-size:20px;font-weight:900}.tph-level-badge{margin-right:8px;display:inline-flex;align-items:center;font-size:13px;font-weight:900;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:3px 8px}@media(max-width:900px){.tph-home{padding:14px}.tph-home-card{padding:22px;border-radius:20px}.phonics-heading{font-size:25px}.tph-list{grid-template-columns:1fr}}@media(max-width:560px){.tph-home{padding:10px}.tph-home-card{padding:16px;border-radius:18px}.tph-badge{font-size:13px;padding:7px 12px}.phonics-heading{font-size:22px;text-align:left}.tph-subtitle{font-size:14px;line-height:1.6}.tph-level-section{margin-top:22px}.tph-level-heading{font-size:20px}.tph-level-heading:before{height:24px}.tph-list{grid-template-columns:1fr;gap:12px}.tph-link-card{min-height:66px;padding:12px;border-radius:16px}.tph-link-left{gap:10px}.tph-link-no{width:34px;height:34px;flex-basis:34px;font-size:14px}.tph-link-title{font-size:16px}.tph-added-tick{font-size:18px}}@media(max-width:360px){.tph-home-card{padding:12px}.phonics-heading{font-size:20px}.tph-link-title{font-size:15px}.tph-link-card{padding:10px}}:root{--pink-1: #fff1f8;--pink-2: #ffe4f2;--pink-3: #ffc7e5;--pink-4: #ff9ed1;--pink-5: #f472b6;--pink-6: #ec4899;--purple-1: #f5f3ff;--purple-2: #ede9fe;--purple-3: #d8b4fe;--purple-4: #c084fc;--purple-5: #a855f7;--purple-6: #7e22ce;--blue-1: #eff6ff;--blue-2: #dbeafe;--blue-3: #93c5fd;--yellow-1: #fffbea;--yellow-2: #fef3c7;--yellow-3: #fde68a;--mint-1: #ecfdf5;--mint-2: #d1fae5;--mint-3: #86efac;--text-dark: #2f1645;--text-soft: #6b4c7a;--white: #ffffff}.tp-wrap{min-height:calc(100vh - 90px);padding:44px 14px 60px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 10% 10%,rgba(255,182,222,.55),transparent 30%),radial-gradient(circle at 90% 15%,rgba(216,180,254,.5),transparent 30%),radial-gradient(circle at 20% 90%,rgba(147,197,253,.35),transparent 28%),linear-gradient(135deg,#fff6fb,#fff0f7 30%,#f7f0ff,#eef7ff);position:relative;overflow-x:hidden}.tp-wrap:before,.tp-wrap:after{content:"";position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0}.tp-wrap:before{width:180px;height:180px;top:110px;left:-60px;background:#ff9ed147}.tp-wrap:after{width:220px;height:220px;right:-80px;bottom:60px;background:#c084fc38}.tp-card{width:100%;max-width:1100px;background:linear-gradient(180deg,#fffffffa,#fffafdfa);border:2px solid rgba(255,182,220,.75);border-radius:30px;padding:30px 30px 40px;box-shadow:0 28px 70px #9d3f9129,0 8px 20px #f472b61f;position:relative;z-index:1}.tp-card:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:72%;height:8px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#ff8fc8,#c084fc,#93c5fd,#f9a8d4);box-shadow:0 5px 20px #ec48994d}.tp-back{display:inline-flex;align-items:center;gap:8px;color:var(--purple-6);text-decoration:none;font-weight:900;font-size:18px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#fff,#fdf2f8);border:2px solid #fbcfe8;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.tp-back:hover{background:linear-gradient(135deg,#fdf2f8,#f3e8ff);transform:translateY(-2px);box-shadow:0 8px 20px #ec489929}.tp-top{text-align:center;color:var(--text-soft);font-weight:900;margin-top:-32px;font-size:18px;letter-spacing:.3px}.tp-title{text-align:center;font-size:56px;font-weight:950;margin:12px 0 22px;letter-spacing:.5px;line-height:1.1;background:linear-gradient(90deg,#ec4899,#a855f7,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 7px 24px rgba(236,72,153,.12)}.tp-loading,.tp-error{text-align:center;padding:15px 14px;border-radius:16px;margin:12px auto 0;max-width:520px;font-size:17px;font-weight:800}.tp-loading{background:linear-gradient(135deg,#fff7ed,#fdf2f8);color:#7c3aed;border:1px solid #fbcfe8}.tp-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.tp-content{margin-top:20px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#fff,#fff7fb 55%,#f7f3ff);border:2px solid #fbcfe8;color:#24122f;font-size:20px;line-height:1.9;word-break:break-word;box-shadow:0 10px 28px #ec489914}.tp-content h1,.tp-content h2,.tp-content h3{margin:20px 0 10px;line-height:1.25;color:#7e22ce}.tp-content h1{font-size:36px;font-weight:950}.tp-content h2{font-size:30px;font-weight:950}.tp-content h3{font-size:24px;font-weight:950}.tp-content p{margin:10px 0}.tp-content ul,.tp-content ol{margin:14px 0 14px 24px}.tp-content li{margin:7px 0}.tp-content strong{font-weight:950;color:#be185d}.tp-content hr{border:none;height:3px;background:linear-gradient(90deg,transparent,#f9a8d4,#c084fc,transparent);margin:24px 0}.tp-content a{color:#9333ea;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.tp-content img{max-width:100%;height:auto;display:block;margin:14px auto;border-radius:18px;box-shadow:0 10px 28px #7e22ce1f}.tp-content *[style*=width]{max-width:100%!important}.tp-content iframe{display:block;border:0;max-width:100%}.video-wrapper,.tp-content .video-wrapper{width:100%;max-width:900px;margin:18px auto;position:relative;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 16px 36px #7e22ce33;border:3px solid #e9d5ff}.video-wrapper iframe,.tp-content .video-wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;display:block;pointer-events:auto}.tp-imagesWrap{margin-top:28px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#fff0f7,#fdf4ff 45%,#eff6ff);border:2px solid #f9a8d4;box-shadow:0 14px 35px #ec48991a}.tp-imagesTitle{width:fit-content;margin:0 auto 22px;padding:10px 22px;border-radius:999px;font-weight:950;font-size:26px;color:#fff;background:linear-gradient(90deg,#ec4899,#a855f7);box-shadow:0 8px 20px #ec489940;letter-spacing:.4px}.tp-imageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tp-imageCard{background:linear-gradient(160deg,#fff,#fff5fa);border:2px solid #fbcfe8;border-radius:22px;padding:14px;box-shadow:0 10px 26px #ec48991c;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tp-imageCard:nth-child(3n+1){background:linear-gradient(160deg,#fff8fc,#ffe9f5);border-color:#f9a8d4}.tp-imageCard:nth-child(3n+2){background:linear-gradient(160deg,#faf5ff,#ede9fe);border-color:#d8b4fe}.tp-imageCard:nth-child(3n+3){background:linear-gradient(160deg,#eff6ff,#fdf2f8);border-color:#bfdbfe}.tp-imageCard:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 18px 36px #a855f72e;border-color:#c084fc}.tp-imageBox{width:100%;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;border:2px solid rgba(244,114,182,.22);background:linear-gradient(135deg,#fff,#fff7fb);display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.tp-image{width:100%;height:100%;object-fit:contain;background:transparent;padding:8px;box-sizing:border-box;display:block}.tp-imageEmpty{opacity:.55;font-weight:800;color:#9d4f7b}.tp-imageLabel{margin-top:14px;text-align:center;font-weight:950;font-size:56px;line-height:1.1;letter-spacing:1px;text-transform:lowercase;color:#7e22ce;text-shadow:0 4px 10px rgba(168,85,247,.14);padding:8px 6px 10px}.tp-imageCard:nth-child(3n+1) .tp-imageLabel{color:#db2777}.tp-imageCard:nth-child(3n+2) .tp-imageLabel{color:#7e22ce}.tp-imageCard:nth-child(3n+3) .tp-imageLabel{color:#2563eb}.tp-pdfHint{background:linear-gradient(135deg,#fff9db,#fff1f7);border:2px solid #f9c74f;padding:20px 22px;border-radius:18px;font-size:18px;line-height:1.65;color:#4a294b;box-shadow:0 8px 24px #ec489914}.tp-pdfRight{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.tp-pdfBtn{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border:none;padding:13px 24px;border-radius:14px;font-size:16px;font-weight:900;letter-spacing:.3px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 22px #a855f740}.tp-pdfBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ec489947}.tp-pdfBtn:active{transform:translateY(0)}.tp-pdfBtnGhost{background:#fff;color:#a21caf;border:2px solid #d8b4fe}.tp-pdfBtnGhost:hover{background:#faf5ff}.tp-parentNotes{margin-top:34px;padding:30px 32px;border-radius:28px;background:linear-gradient(135deg,#fff1f7,#fff 45%,#f5f3ff);border:3px solid #f9a8d4;box-shadow:0 18px 42px #ec489924;color:#2f1645;font-size:22px;line-height:1.75;position:relative}.tp-parentNotes:before{content:"📝 Parents' Note";display:inline-flex;margin-bottom:22px;padding:11px 20px;border-radius:999px;background:linear-gradient(90deg,#ec4899,#a855f7);color:#fff;font-size:26px;font-weight:950;box-shadow:0 8px 18px #ec489938}.tp-parentNotes h1,.tp-parentNotes h2,.tp-parentNotes h3{margin:20px 0 8px;color:#7e22ce;font-weight:950;line-height:1.25}.tp-parentNotes h1{font-size:34px}.tp-parentNotes h2{font-size:29px}.tp-parentNotes h3{font-size:25px}.tp-parentNotes p{margin:10px 0 16px}.tp-parentNotes ul,.tp-parentNotes ol{margin:12px 0 18px 26px;padding-left:18px}.tp-parentNotes li{margin:8px 0}.tp-parentNotes strong{color:#be185d;font-weight:950}.tp-parentNotes br{line-height:1.8}.tp-sourceId{margin-top:12px;text-align:right;font-size:11px;color:#9b8aa8}.tp-card,.tp-wrap,.tp-content{overflow:visible}@media(max-width:900px){.tp-wrap{padding:28px 12px 44px}.tp-card{padding:24px 20px 30px;border-radius:24px}.tp-title{font-size:44px}.tp-imageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-imageLabel{font-size:48px}.tp-imagesTitle{font-size:23px}}@media(max-width:600px){.tp-wrap{padding:18px 9px 34px}.tp-card{padding:18px 13px 24px;border-radius:20px}.tp-top{margin-top:-22px;font-size:16px}.tp-title{font-size:36px;margin:10px 0 16px}.tp-back{font-size:16px;padding:8px 10px}.tp-content{padding:16px 14px;font-size:18px;line-height:1.8;border-radius:18px}.tp-content h1{font-size:28px}.tp-content h2{font-size:24px}.tp-content h3{font-size:20px}.tp-imagesWrap{padding:18px 12px;border-radius:20px}.tp-imagesTitle{font-size:21px;padding:9px 17px}.tp-imageGrid{grid-template-columns:1fr;gap:14px}.tp-imageCard{border-radius:18px;padding:12px}.tp-imageBox{border-radius:16px}.tp-imageLabel{font-size:46px}.tp-parentNotes{margin-top:28px;padding:22px 18px;border-radius:21px;font-size:18px;line-height:1.7}.tp-parentNotes:before{font-size:21px;margin-bottom:18px;padding:9px 16px}.tp-parentNotes h1{font-size:28px}.tp-parentNotes h2{font-size:24px}.tp-parentNotes h3{font-size:21px}.tp-pdfRight{justify-content:center}.tp-pdfBtn{width:100%;text-align:center}}:root{--apw-pink-50: #fff5fb;--apw-pink-100: #ffe7f4;--apw-pink-200: #ffcce7;--apw-pink-300: #f9a8d4;--apw-pink-400: #f472b6;--apw-pink-500: #ec4899;--apw-pink-600: #db2777;--apw-purple-50: #faf5ff;--apw-purple-100: #f3e8ff;--apw-purple-200: #e9d5ff;--apw-purple-300: #d8b4fe;--apw-purple-400: #c084fc;--apw-purple-500: #a855f7;--apw-purple-600: #9333ea;--apw-purple-700: #7e22ce;--apw-blue-50: #eff6ff;--apw-blue-100: #dbeafe;--apw-blue-300: #93c5fd;--apw-blue-500: #3b82f6;--apw-green-50: #ecfdf5;--apw-green-100: #d1fae5;--apw-green-500: #22c55e;--apw-green-600: #16a34a;--apw-red-50: #fff1f2;--apw-red-100: #ffe4e6;--apw-red-500: #ef4444;--apw-red-600: #dc2626;--apw-yellow-50: #fffbeb;--apw-yellow-100: #fef3c7;--apw-yellow-400: #facc15;--apw-text: #32164f;--apw-text-soft: #765484;--apw-white: #ffffff}.apw-page{min-height:100vh;padding:34px 20px 60px;color:var(--apw-text);background:radial-gradient(circle at 8% 8%,rgba(249,168,212,.45),transparent 30%),radial-gradient(circle at 90% 12%,rgba(216,180,254,.42),transparent 30%),radial-gradient(circle at 15% 90%,rgba(147,197,253,.3),transparent 28%),linear-gradient(135deg,#fff7fc,#fff0f8 32%,#f8f2ff 67%,#eef7ff);box-sizing:border-box}.apw-card{width:100%;max-width:1250px;margin:0 auto;padding:28px;border-radius:28px;border:2px solid rgba(249,168,212,.7);background:linear-gradient(150deg,#fffffffa,#fff8fcfa);box-shadow:0 25px 65px #9333ea1f,0 8px 25px #ec48991a;position:relative}.apw-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:7px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#f472b6,#c084fc,#93c5fd,#f472b6)}.apw-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;padding-bottom:20px;border-bottom:2px dashed #fbcfe8}.apw-mainTitle{margin:0;font-size:38px;font-weight:950;letter-spacing:.2px;background:linear-gradient(90deg,#db2777,#9333ea,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.apw-headActions{display:flex;align-items:center;gap:10px}.apw-btn{appearance:none;border:none;padding:12px 22px;border-radius:14px;background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #a855f740;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.apw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ec48994d}.apw-btn:active{transform:translateY(0)}.apw-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.apw-sketchForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;padding:20px;border-radius:22px;border:2px solid #fbcfe8;background:linear-gradient(135deg,#fff7fc,#faf5ff,#eff6ff);box-shadow:0 8px 25px #ec489912}.apw-sketchLabel{display:flex;flex-direction:column;gap:7px;color:#5b216e;font-size:14px;font-weight:900}.apw-sketchLabel>span{padding-left:2px}.apw-sketchInput{width:100%;min-height:46px;padding:10px 13px;border-radius:13px;border:2px solid #f0c7e1;outline:none;background:#fff;color:#301341;font-size:15px;font-weight:700;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.apw-sketchInput:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc26;transform:translateY(-1px)}.apw-sketchInput::placeholder{color:#ad8ab5}.apw-info,.apw-err,.apw-ok{margin:16px 0;padding:14px 18px;border-radius:15px;font-size:15px;font-weight:850}.apw-info{color:#6d28d9;background:linear-gradient(135deg,#faf5ff,#eff6ff);border:2px solid #ddd6fe}.apw-ok{color:#166534;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:2px solid #86efac;box-shadow:0 5px 15px #22c55e1a}.apw-err{color:#b91c1c;background:linear-gradient(135deg,#fff1f2,#fff7f7);border:2px solid #fecaca}.apw-listWrap{margin-top:18px;border-radius:24px;border:2px solid #ead7f6;overflow:hidden;background:#fff;box-shadow:0 12px 30px #9333ea14}.apw-listHead{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(90deg,#fff0f7,#f5f3ff,#eff6ff);border-bottom:2px solid #f3d6e8}.apw-listTitle{font-size:22px;font-weight:950;color:#7e22ce}.apw-listCount{padding:7px 13px;border-radius:999px;background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;font-size:13px;font-weight:900;box-shadow:0 5px 14px #a855f733}.apw-list{display:flex;flex-direction:column;gap:10px;padding:14px}.apw-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;border-radius:17px;border:2px solid #f4dbe9;background:linear-gradient(135deg,#fff,#fff8fc);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.apw-row:nth-child(3n+1){background:linear-gradient(135deg,#fff7fb,#ffeaf5);border-color:#f9a8d4}.apw-row:nth-child(3n+2){background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#d8b4fe}.apw-row:nth-child(3n+3){background:linear-gradient(135deg,#eff6ff,#fdf2f8);border-color:#bfdbfe}.apw-row:hover{transform:translateY(-2px);box-shadow:0 10px 24px #a855f71f}.apw-rowMain{min-width:0;flex:1}.apw-rowTitle{font-size:18px;font-weight:900;color:#48205d}.apw-rowBtns{display:flex;gap:8px;flex-shrink:0}.apw-btn2{appearance:none;padding:10px 16px;border-radius:12px;border:2px solid #d8b4fe;background:linear-gradient(135deg,#fff,#faf5ff);color:#7e22ce;font-size:14px;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.apw-btn2:hover{transform:translateY(-1px);background:#f3e8ff;box-shadow:0 6px 16px #9333ea1f}.apw-btn2:disabled{opacity:.45;cursor:not-allowed;transform:none}.apw-btnDanger{appearance:none;padding:10px 15px;border-radius:12px;border:2px solid #fecdd3;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#be123c;font-size:14px;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.apw-btnDanger:hover{transform:translateY(-1px);background:#ffe4e6;box-shadow:0 6px 16px #e11d481f}.apw-btnDanger:disabled{opacity:.4;cursor:not-allowed;transform:none}.apw-empty{padding:34px 20px;text-align:center;color:#8e6a97;font-weight:800;font-size:16px}.apw-modalBackdrop{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;background:#2d123994;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box}.apw-modal{width:min(100%,950px);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:28px;border:3px solid rgba(249,168,212,.85);background:linear-gradient(160deg,#fff,#fff8fc 52%,#faf5ff);box-shadow:0 30px 90px #34144166;position:relative}.apw-modalWide{width:min(100%,1150px)}.apw-modal::-webkit-scrollbar{width:10px}.apw-modal::-webkit-scrollbar-track{background:#fff0f7}.apw-modal::-webkit-scrollbar-thumb{background:linear-gradient(#f472b6,#a855f7);border-radius:999px;border:2px solid #fff0f7}.apw-modalHead{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;border-bottom:2px solid #f3d4e6;background:linear-gradient(90deg,#fff0f7f7,#f5f3fff7,#eff6fff7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.apw-modalTitle{font-size:27px;font-weight:950;background:linear-gradient(90deg,#db2777,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.apw-x{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid #f9a8d4;background:#fff;color:#be185d;font-size:20px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease}.apw-x:hover{transform:rotate(6deg) scale(1.06);background:#fff0f7}.apw-form{display:flex;flex-direction:column;gap:22px;padding:24px}.apw-topSketchInside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#fff7fb,#faf5ff,#eff6ff);border:2px solid #f3d0e5}.apw-label{display:flex;flex-direction:column;gap:8px;color:#54246a;font-size:15px;font-weight:900}.apw-labelTitle{margin-bottom:8px;color:#7e22ce;font-size:18px;font-weight:950}.apw-input{width:100%;min-height:60px;padding:14px 18px;font-size:30px;font-weight:900;color:#6b21a8;text-align:center;border-radius:16px}.apw-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc26}.apw-input::placeholder{color:#b396ba}.apw-textarea{min-height:135px;resize:vertical;line-height:1.6;font-family:inherit}.apw-editorBox{border:2px solid #f3c7e0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 7px 20px #ec489912}.apw-editorBox>*{max-width:100%}.apw-help{margin-top:7px;padding:10px 12px;border-radius:11px;background:linear-gradient(135deg,#faf5ff,#fff7fb);color:#80508c;font-size:12px;font-weight:700;line-height:1.5;border:1px solid #ecd7f6}.apw-section{padding:20px;border-radius:23px;border:2px solid #efcee2;background:linear-gradient(135deg,#fff9fc,#faf7ff);box-shadow:0 10px 26px #9333ea0f}.apw-sectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.apw-sectionTitle{font-size:21px;font-weight:950;color:#7e22ce}.apw-sectionHint{padding:6px 11px;border-radius:999px;background:#fce7f3;color:#be185d;font-size:12px;font-weight:800}.apw-imageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.apw-imageCard{padding:12px;border-radius:20px;border:2px solid #f4cce2;background:linear-gradient(160deg,#fff,#fff5fa);box-shadow:0 8px 22px #ec489914;transition:transform .18s ease,box-shadow .18s ease}.apw-imageCard:nth-child(3n+1){background:linear-gradient(160deg,#fff7fb,#ffe8f4);border-color:#f9a8d4}.apw-imageCard:nth-child(3n+2){background:linear-gradient(160deg,#faf5ff,#ede9fe);border-color:#d8b4fe}.apw-imageCard:nth-child(3n+3){background:linear-gradient(160deg,#eff6ff,#fdf2f8);border-color:#bfdbfe}.apw-imageCard:hover{transform:translateY(-3px);box-shadow:0 14px 30px #a855f724}.apw-imageBox{width:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box;border-radius:16px;border:2px solid rgba(244,114,182,.22);background:linear-gradient(135deg,#fff,#fffafd)}.apw-imagePreview{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}.apw-imageEmpty{color:#ac809e;font-size:13px;font-weight:800}.apw-imageBtns{display:flex;gap:8px;margin:10px 0}.apw-pdfRow{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px;border-radius:17px;border:2px solid #e9d5ff;background:linear-gradient(135deg,#faf5ff,#fff7fb)}.apw-pdfMeta{min-width:0;flex:1;color:#5e3470;font-size:14px;line-height:1.6;word-break:break-word}.apw-pdfBtns{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.apw-faded{color:#9b7da3;font-style:italic}.apw-warning{margin-top:8px;padding:8px 11px;border-radius:10px;background:#fff7cc;border:1px solid #fde68a;color:#92400e;font-weight:800;font-size:12px}.apw-mt6{margin-top:6px}.apw-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:18px;border-top:2px dashed #f3d0e5}.apw-actions .apw-btn{min-width:130px;font-size:16px;padding:13px 24px}.apw-note{padding:11px 14px;border-radius:12px;background:#f8f5fb;border:1px solid #e7d5ef;color:#80658b;font-size:12px;word-break:break-all}@media(max-width:900px){.apw-page{padding:22px 12px 45px}.apw-card{padding:20px;border-radius:23px}.apw-mainTitle{font-size:31px}.apw-sketchForm,.apw-topSketchInside,.apw-imageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.apw-pdfRow{flex-direction:column;align-items:stretch}.apw-pdfBtns{justify-content:flex-start}}@media(max-width:600px){.apw-page{padding:14px 8px 35px}.apw-card{padding:14px;border-radius:19px}.apw-head{flex-direction:column;align-items:stretch}.apw-mainTitle{text-align:center;font-size:28px}.apw-headActions{justify-content:center}.apw-headActions .apw-btn{width:100%}.apw-sketchForm{grid-template-columns:1fr;padding:14px}.apw-row{flex-direction:column;align-items:stretch}.apw-rowBtns{justify-content:flex-end}.apw-modalBackdrop{padding:5px}.apw-modal{width:100%;max-height:calc(100vh - 10px);border-radius:18px}.apw-modalHead{padding:15px}.apw-modalTitle{font-size:22px}.apw-form{padding:14px;gap:16px}.apw-topSketchInside{grid-template-columns:1fr;padding:14px}.apw-section{padding:14px}.apw-sectionHead{flex-direction:column;align-items:flex-start}.apw-imageGrid{grid-template-columns:1fr}.apw-imageCard{padding:11px}.apw-pdfBtns{flex-direction:column;align-items:stretch}.apw-pdfBtns button{width:100%}.apw-actions{flex-direction:column}.apw-actions button{width:100%}}.aps-page{min-height:100vh;padding:24px 16px 48px;background:linear-gradient(180deg,#eef4ff,#f8fbff)}.aps-wrap{max-width:1100px;margin:0 auto}.aps-title{margin:0 0 6px;font-size:34px;line-height:1.2;font-weight:800;color:#0f172a}.aps-subtitle{margin:0 0 20px;font-size:18px;color:#475569;font-weight:600}.aps-card{display:grid;gap:14px;margin-bottom:22px;padding:18px;border:1px solid #d7deea;border-radius:20px;background:#fff;box-shadow:0 10px 30px #0f172a0f}.aps-rowCard{border:1px solid #d7deea;border-radius:20px;padding:18px;background:#fff;box-shadow:0 10px 24px #0f172a0d}.aps-rowHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.aps-rowTitle{font-size:24px;font-weight:800;color:#0f172a}.aps-grid{display:grid;gap:12px}.aps-input,.aps-select,.aps-textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;outline:none;transition:.2s ease;box-sizing:border-box}.aps-input,.aps-select{min-height:56px;padding:0 16px;font-size:20px;font-weight:600}.aps-textarea{min-height:120px;padding:14px 16px;font-size:20px;line-height:1.6;resize:vertical;font-weight:600}.aps-input::placeholder,.aps-textarea::placeholder{color:#64748b;font-weight:500}.aps-input:focus,.aps-select:focus,.aps-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.aps-input[readonly]{background:#f8fafc;color:#334155}.aps-btnRow{display:flex;gap:12px;flex-wrap:wrap}.aps-btn,.aps-btnDanger,.aps-btnSoft,.aps-btnSecondary{border:none;border-radius:14px;min-height:48px;padding:0 18px;cursor:pointer;font-size:17px;font-weight:800;transition:.2s ease}.aps-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 10px 22px #4f46e538}.aps-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #4f46e542}.aps-btnSecondary{background:#e2e8f0;color:#0f172a}.aps-btnSecondary:hover{background:#cbd5e1}.aps-btnSoft{background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1}.aps-btnSoft:hover{background:#eef2ff;border-color:#a5b4fc}.aps-btnDanger{background:#fee2e2;color:#b91c1c}.aps-btnDanger:hover{background:#fecaca}.aps-btn:disabled,.aps-btnSecondary:disabled,.aps-btnSoft:disabled,.aps-btnDanger:disabled{opacity:.6;cursor:not-allowed;transform:none}.aps-imageActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.aps-preview{width:180px;height:180px;border-radius:16px;border:1px solid #d7deea;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.aps-preview img{width:100%;height:100%;object-fit:cover}.aps-noImage{color:#64748b;font-size:16px;font-weight:700;text-align:center;padding:12px}.aps-checkRow{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#0f172a}.aps-checkRow input[type=checkbox]{width:20px;height:20px}.aps-footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}@media(max-width:768px){.aps-page{padding:16px 12px 36px}.aps-title{font-size:28px}.aps-subtitle{font-size:17px}.aps-card,.aps-rowCard{padding:14px;border-radius:18px}.aps-rowTitle{font-size:22px}.aps-input,.aps-select{min-height:58px;font-size:22px;padding:0 14px}.aps-textarea{font-size:22px;min-height:130px;padding:14px}.aps-btn,.aps-btnDanger,.aps-btnSoft,.aps-btnSecondary{width:100%;min-height:52px;font-size:18px}.aps-preview{width:100%;max-width:240px;height:220px}}@media(min-width:769px){.aps-card{grid-template-columns:1fr}}.aps-sectionTitle{margin:0 0 12px;font-size:18px;font-weight:800;color:#111827}.aps-editorBox{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:10px;min-height:180px}.apse-page{min-height:100vh;padding:24px 16px 40px;background:linear-gradient(135deg,#eef4ff,#f8fbff,#edf7ff)}.apse-wrap{width:100%;max-width:1100px;margin:0 auto}.apse-title{margin:0 0 18px;font-size:34px;line-height:1.2;font-weight:800;color:#0f172a}.apse-lesson-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.apse-lesson-meta input{width:100%;height:50px;border:1px solid #cbd5e1;border-radius:14px;padding:0 14px;font-size:17px;font-weight:600;background:#fff;color:#334155;outline:none}.apse-list{display:grid;gap:18px}.apse-card{background:#fff;border:1px solid #dbe7f3;border-radius:22px;padding:18px;box-shadow:0 10px 28px #0f172a0f}.apse-card-head{margin-bottom:14px;font-size:20px;font-weight:800;color:#0f172a}.apse-grid{display:grid;gap:12px}.apse-grid input,.apse-grid textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:12px 14px;font-size:18px;font-family:inherit;background:#fff;color:#0f172a;outline:none;box-sizing:border-box}.apse-grid input:focus,.apse-grid textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.apse-grid textarea{min-height:150px;resize:vertical;line-height:1.5}.apse-image-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.apse-upload-btn,.apse-remove-btn,.apse-save-btn,.apse-back-btn{border:none;border-radius:14px;padding:12px 18px;font-size:16px;font-weight:800;cursor:pointer;transition:.2s ease}.apse-upload-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;position:relative;overflow:hidden}.apse-upload-btn input[type=file]{display:none}.apse-remove-btn{background:#fee2e2;color:#b91c1c}.apse-save-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.apse-back-btn{background:#e2e8f0;color:#0f172a}.apse-upload-btn:hover,.apse-remove-btn:hover,.apse-save-btn:hover,.apse-back-btn:hover{transform:translateY(-1px)}.apse-preview,.apse-no-image{width:160px;height:160px;border-radius:16px;border:1px solid #dbe7f3}.apse-preview{object-fit:cover;background:#fff}.apse-no-image{display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:15px;font-weight:700}.apse-check{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#334155}.apse-check input{width:18px;height:18px}.apse-footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.apse-loading,.apse-error,.apse-empty{padding:24px;font-size:20px;font-weight:700}.apse-error{color:#b91c1c}.apse-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;color:#475569}@media(max-width:900px){.apse-page{padding:18px 12px 32px}.apse-title{font-size:28px}.apse-lesson-meta{grid-template-columns:1fr}.apse-card{padding:14px;border-radius:18px}.apse-card-head{font-size:18px}.apse-grid input,.apse-grid textarea{font-size:17px}.apse-preview,.apse-no-image{width:140px;height:140px}}@media(max-width:600px){.apse-title{font-size:24px}.apse-grid input,.apse-grid textarea{font-size:16px;padding:11px 12px}.apse-upload-btn,.apse-remove-btn,.apse-save-btn,.apse-back-btn{width:100%;justify-content:center;font-size:15px}.apse-image-actions{flex-direction:column;align-items:stretch}.apse-footer{flex-direction:column}.apse-preview,.apse-no-image{width:120px;height:120px}}.apse-title-wrap{margin-bottom:18px}.apse-title-input{width:100%;max-width:720px;padding:14px 18px;font-size:38px;font-weight:800;line-height:1.2;color:#0f172a;background:transparent;border:2px solid #cbd5e1;border-radius:16px;outline:none}.apse-title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.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}}.phx-pathInfo{margin-top:8px;font-size:15px;font-weight:800;color:#15803d}.lll-page{width:100%;min-height:100vh;background:#f5f7fb;padding:20px 12px;box-sizing:border-box}.lll-wrap{width:100%;max-width:920px;margin:0 auto}.lll-head{text-align:center;margin-bottom:22px}.lll-title{margin:0;font-size:34px;font-weight:900;color:#172033}.lll-sub{margin:8px 0 0;font-size:16px;color:#64748b}.lll-list{display:flex;flex-direction:column;gap:14px}.lll-card{display:flex;align-items:center;gap:14px;text-decoration:none;background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:14px;box-shadow:0 10px 28px #0f172a0f;transition:all .15s ease}.lll-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a1f}.lll-no{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#4f8cff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;flex-shrink:0}.lll-body{min-width:0}.lll-name{font-size:20px;font-weight:800;color:#172033}.lll-meta{margin-top:4px;font-size:14px;color:#64748b}.lll-empty{padding:18px;text-align:center;background:#fff;border-radius:18px;border:1px solid #e7edf5;color:#475569;font-size:16px;font-weight:700}@media(max-width:900px){.lll-title{font-size:30px}.lll-name{font-size:18px}}@media(max-width:640px){.lll-page{padding:14px 10px}.lll-wrap{max-width:100%}.lll-title{font-size:26px}.lll-sub{font-size:15px}.lll-card{padding:12px;border-radius:18px}.lll-no{width:46px;height:46px;font-size:18px}.lll-name{font-size:17px}.lll-meta{font-size:13px}.lll-empty{font-size:15px}}.lll-nameRow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.lll-levelBadge{flex-shrink:0;font-size:14px;font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #86efac;padding:6px 10px;border-radius:999px}@media(max-width:600px){.lll-nameRow{align-items:flex-start;flex-direction:column;gap:6px}.lll-levelBadge{font-size:13px;padding:5px 9px}}.llp-page{width:100%;min-height:100vh;background:#f5f7fb;padding:20px 14px 40px;box-sizing:border-box;display:flex;justify-content:center}.llp-card{width:100%;max-width:920px;background:#fff;border-radius:28px;padding:24px;box-shadow:0 16px 40px #0f172a14;border:1px solid #e8edf5;box-sizing:border-box}.llp-top{text-align:center;margin-bottom:18px}.llp-badge-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.llp-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:#2563eb;color:#fff;font-size:14px;font-weight:800}.llp-badge-soft{background:#e8eefc;color:#23408e}.llp-title{margin:0;font-size:36px;line-height:1.15;color:#172033;font-weight:900}.llp-parent-note{margin:12px auto 0;max-width:680px;font-size:17px;line-height:1.6;color:#475569}.llp-msg{margin-bottom:16px;padding:12px 14px;border-radius:16px;background:#fff4e5;color:#9a5800;font-weight:700}.llp-stage-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 18px;margin-bottom:18px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid #dbe8ff}.llp-main-btn{min-width:280px;min-height:64px;padding:0 28px;border:none;border-radius:20px;background:#2563eb;color:#fff;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #2563eb40}.llp-stage-note{margin:0;text-align:center;font-size:17px;line-height:1.6;color:#334155}.llp-help-wrap{display:flex;flex-direction:column;gap:18px;margin-top:8px}.llp-image-wrap{width:100%;border-radius:24px;overflow:hidden;background:#f8fafc;border:1px solid #e7edf5}.llp-image{display:block;width:100%;max-height:460px;object-fit:contain;background:#fff}.llp-paragraph-box,.llp-ready-box,.llp-current-box{background:#f8fbff;border:1px solid #e2ebf8;border-radius:22px;padding:18px}.llp-section-head{margin-bottom:14px}.llp-section-title{margin:0 0 8px;font-size:26px;color:#172033;font-weight:900}.llp-paragraph{margin:0;font-size:20px;line-height:1.8;color:#1e293b;white-space:pre-wrap}.llp-ready-text,.llp-question-sub{margin:0;font-size:17px;line-height:1.7;color:#475569}.llp-questions-wrap{margin-top:22px}.llp-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.llp-q-btn{min-height:60px;padding:10px 14px;border:none;border-radius:18px;background:#e8f0ff;color:#1d4ed8;font-size:18px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.llp-q-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1d4ed829}.llp-q-btn.active{background:#2563eb;color:#fff}.llp-current-title{font-size:14px;font-weight:800;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.llp-current-text{font-size:20px;line-height:1.7;color:#172033;font-weight:700}.llp-empty,.llp-loading,.llp-error{padding:20px;border-radius:18px;background:#f8fafc;color:#334155;font-size:18px;font-weight:700;text-align:center}@media(max-width:900px){.llp-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.llp-title{font-size:30px}.llp-paragraph{font-size:18px}}@media(max-width:640px){.llp-page{padding:12px 10px 30px}.llp-card{padding:16px;border-radius:22px}.llp-title{font-size:28px}.llp-parent-note,.llp-stage-note,.llp-ready-text,.llp-question-sub{font-size:16px}.llp-main-btn{width:100%;min-width:0;min-height:58px;font-size:20px;border-radius:18px}.llp-question-grid{grid-template-columns:1fr}.llp-q-btn{min-height:56px;font-size:18px}.llp-section-title{font-size:24px}.llp-paragraph,.llp-current-text{font-size:18px}}.al-page{width:100%;min-height:100vh;padding:20px;background:#f6f8fb;box-sizing:border-box}.al-wrap{width:100%;max-width:1500px;margin:0 auto}.al-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.al-title{margin:0;font-size:32px;font-weight:800;color:#172033}.al-sub{margin:6px 0 0;color:#64748b;font-size:15px}.al-msg{margin-bottom:16px;padding:12px 14px;border-radius:14px;background:#e8f4ff;color:#0f3c68;font-weight:700}.al-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.al-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 28px #0f172a14;border:1px solid #e8edf5}.al-card-head{margin-bottom:16px}.al-card-head h2{margin:0;font-size:22px;color:#172033}.al-form{display:flex;flex-direction:column;gap:14px}.al-row{display:grid;gap:14px}.al-row-2{grid-template-columns:1fr 1fr}.al-row-3{grid-template-columns:1fr 1fr 1fr}.al-field{display:flex;flex-direction:column;gap:8px}.al-field span{font-size:14px;font-weight:700;color:#334155}.al-field input,.al-field select,.al-field textarea{width:100%;min-height:46px;padding:12px 14px;border:1px solid #d8e0eb;border-radius:14px;background:#fff;font-size:15px;color:#0f172a;box-sizing:border-box;outline:none}.al-field textarea{min-height:100px;resize:vertical}.al-field input:focus,.al-field select:focus,.al-field textarea:focus{border-color:#7c9cff;box-shadow:0 0 0 3px #7c9cff1f}.al-check{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#334155}.al-question-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.al-question-head h3{margin:0;font-size:20px;color:#172033}.al-q-list{display:flex;flex-direction:column;gap:14px}.al-q-card{border:1px solid #e5ebf3;border-radius:18px;padding:14px;background:#fafcff}.al-q-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.al-link-danger{border:none;background:transparent;color:#dc2626;font-weight:700;cursor:pointer}.al-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.al-btn{min-height:46px;padding:0 18px;border:none;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer}.al-btn-primary{background:#2563eb;color:#fff}.al-btn-light{background:#edf2ff;color:#1e3a8a}.al-btn:disabled{opacity:.6;cursor:not-allowed}.al-filter-box{margin-bottom:14px}.al-table-wrap{width:100%;overflow:auto;border:1px solid #e7edf5;border-radius:16px}.al-table{width:100%;border-collapse:collapse;min-width:760px}.al-table thead th{background:#f8fafc;color:#334155;font-size:14px;text-align:left;padding:12px;border-bottom:1px solid #e7edf5}.al-table tbody td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:14px;color:#0f172a}.al-lesson-title{font-weight:800;color:#172033}.al-lesson-sub{margin-top:4px;font-size:12px;color:#64748b}.al-action-row{display:flex;gap:8px;flex-wrap:wrap}.al-mini{min-height:34px;padding:0 12px;border:none;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer}.al-mini-edit{background:#e0ecff;color:#1d4ed8}.al-mini-delete{background:#fee2e2;color:#b91c1c}@media(max-width:1100px){.al-grid{grid-template-columns:1fr}}@media(max-width:700px){.al-page{padding:12px}.al-top{flex-direction:column;align-items:stretch}.al-title{font-size:28px}.al-row-2,.al-row-3{grid-template-columns:1fr}.al-card{padding:14px;border-radius:18px}.al-field span{font-size:15px}.al-field input,.al-field select,.al-field textarea{font-size:16px}}.lpage{width:100%;max-width:1100px;margin:0 auto;padding:22px 14px 40px;box-sizing:border-box}.lpage h2{margin:0 0 18px;text-align:center;font-size:34px;font-weight:900;line-height:1.2;color:#111827}.lsection{margin-bottom:26px}.lsection-title{margin:0 0 12px;font-size:22px;font-weight:900;color:#111827}.lgrid{display:grid;grid-template-columns:repeat(3,320px);justify-content:center;gap:18px}.lcard{appearance:none;border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:12px;cursor:pointer;text-align:center;box-shadow:0 6px 20px #0000000f;transition:transform .12s ease,box-shadow .12s ease;width:100%;box-sizing:border-box}.lcard:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0000001a}.lcard:active{transform:scale(.98)}.lcard-imgWrap{width:100%;aspect-ratio:4 / 3;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.lcard-img{width:100%;height:100%;object-fit:contain;display:block}.lcard-title{margin:10px 0 0;font-size:18px;font-weight:800;line-height:1.25;color:#111827}@media(max-width:900px){.lpage{padding:18px 12px 32px}.lpage h2{font-size:30px}.lsection-title{font-size:20px}.lgrid{gap:14px}.lcard{border-radius:16px;padding:11px}.lcard-title{font-size:17px}}@media(max-width:600px){.lpage{padding:16px 10px 28px}.lpage h2{font-size:26px;margin-bottom:16px}.lsection{margin-bottom:22px}.lsection-title{font-size:19px;margin-bottom:10px}.lgrid{grid-template-columns:1fr;gap:14px}.lcard{padding:14px;border-radius:16px}.lcard-imgWrap{aspect-ratio:16 / 10}.lcard-title{font-size:20px;margin-top:12px}}@media(max-width:380px){.lpage{padding:14px 8px 24px}.lpage h2{font-size:23px}.lsection-title{font-size:17px}.lcard{padding:12px}.lcard-title{font-size:18px}}@media(max-width:1200px){.lpage{max-width:900px}.lgrid{gap:14px}.lcard{padding:10px;border-radius:16px}.lcard-imgWrap{aspect-ratio:4 / 3}.lcard-title{font-size:16px}}.rv-full{width:100%;min-height:100vh;padding:16px;display:flex;justify-content:center;align-items:flex-start;background:#f6f7fb;box-sizing:border-box;overflow:visible;position:relative}.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;overflow:visible}.rv-topBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;z-index:50;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.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;position:relative;z-index:51}.rv-pageBadge{font-weight:900;font-size:14px;background:#0000000f;padding:6px 10px;border-radius:999px;-webkit-user-select:none;user-select:none;position:relative;z-index:52}.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;position:relative;z-index:52;opacity:1!important;visibility:visible!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent}.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;z-index:1}.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-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;position:relative;z-index:50;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.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;position:relative;z-index:51;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.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:52px;padding:12px 10px;border-radius:14px}.rv-bottomBar{flex-direction:column}.rv-btn{width:100%}}@media(min-width:1200px){.rv-card{max-width:820px}}.rv-startScreen{min-height:420px;display:flex;align-items:center;justify-content:center;padding:24px}.rv-startBtn{min-width:260px;min-height:74px;padding:18px 28px;border:none;border-radius:20px;background:#16a34a;color:#fff;font-size:28px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #16a34a3d}.rv-startBtn:hover{transform:translateY(-1px)}.rv-listeningWrap{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.rv-listeningIcon{font-size:54px;line-height:1}.rv-listeningText{font-size:30px;font-weight:800;color:#111827}.rv-questionStage{display:flex;flex-direction:column;gap:18px}.rv-showImageBtn{align-self:center;min-width:220px;min-height:58px;border-radius:16px;font-size:22px;font-weight:800}@media(max-width:768px){.rv-startScreen,.rv-listeningWrap{min-height:300px;padding:16px}.rv-startBtn{min-width:220px;min-height:64px;font-size:22px;padding:16px 22px;border-radius:16px}.rv-listeningIcon{font-size:44px}.rv-listeningText{font-size:24px}.rv-showImageBtn{min-width:180px;min-height:52px;font-size:18px}}.rv-sentence-big{font-size:52px}.rv-sentence-small{font-size:34px}@media(max-width:599px){.rv-sentence-big{font-size:42px}.rv-sentence-small{font-size:24px}}.story-admin-page{max-width:1100px;margin:0 auto;padding:24px}.story-admin-title{font-size:28px;font-weight:900;margin-bottom:6px}.story-admin-subtitle{color:#64748b;margin-bottom:20px}.story-admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.story-input,.story-select,.story-textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px;box-sizing:border-box}.story-select{max-width:160px}.story-textarea{min-height:140px;resize:vertical}.story-btn{border:none;background:#2563eb;color:#fff;padding:11px 18px;border-radius:12px;font-weight:800;cursor:pointer}.story-btn:hover{background:#1d4ed8}.story-btn-secondary{background:#0f172a}.story-grid{display:grid;gap:16px}.story-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 8px 22px #0f172a14}.story-card h3{margin:0 0 10px;font-size:20px}.story-meta{color:#475569;margin:6px 0}.story-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.story-tag{background:#e0f2fe;color:#0369a1;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700}.story-form{display:grid;gap:16px}.story-form label{font-weight:800;color:#0f172a}.story-form-group{display:grid;gap:6px}.story-checkbox{display:flex;align-items:center;gap:8px;font-weight:800}@media(max-width:768px){.story-admin-page{padding:16px}.story-admin-title{font-size:24px}}.story-top-row{display:grid;grid-template-columns:120px 140px 1fr;gap:16px}.story-page{width:100%;max-width:900px;margin:0 auto;padding:16px;box-sizing:border-box}.story-title{margin:0;font-size:34px;line-height:1.2;font-weight:800;color:#111827}.story-subtitle{margin-top:8px;font-size:16px;color:#6b7280;margin-bottom:24px}.story-list{display:flex;flex-direction:column;gap:16px}.story-card{display:block;text-decoration:none;background:#fff;border-radius:18px;padding:18px;border:2px solid #e5e7eb;transition:.2s}.story-card:hover{transform:translateY(-2px);border-color:#2563eb}.story-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;font-weight:700;color:#2563eb}.story-card h2{margin:0;font-size:24px;line-height:1.4;color:#111827}.story-tags{margin-top:12px;font-size:14px;color:#6b7280;font-weight:600}.story-back{display:inline-block;margin-bottom:18px;text-decoration:none;font-weight:700;color:#2563eb}.story-lesson-card{background:#fff;border-radius:20px;padding:20px;border:2px solid #e5e7eb}.story-section{margin-top:28px}.story-section h2{margin-bottom:12px;font-size:24px;color:#111827}.story-html{font-size:20px;line-height:1.9;color:#111827}.story-html p{margin-bottom:18px}.story-html iframe{width:100%;min-height:250px;border:none;border-radius:16px}.story-youtube{display:inline-block;margin-top:18px;padding:12px 18px;background:#dc2626;color:#fff;text-decoration:none;border-radius:12px;font-weight:700}@media(max-width:768px){.story-page{padding:12px}.story-title{font-size:28px}.story-card h2{font-size:20px}.story-html{font-size:18px;line-height:1.8}.story-section h2{font-size:22px}.story-lesson-card{padding:16px}}.story-video{width:100%;height:420px;border:none;border-radius:18px;overflow:hidden;margin-top:12px;background:#000}@media(max-width:768px){.story-video{height:220px;border-radius:14px}}.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}.g1ra-card{position:relative;padding:16px;border-radius:12px;background:#fff;text-decoration:none;color:#222;box-shadow:0 4px 12px #00000014;transition:.2s}.g1ra-card:hover{transform:translateY(-3px)}.g1ra-cardTop{position:absolute;top:8px;right:10px}.g1ra-tick{background:#e6fff2;color:#0a8f4c;font-weight:700;padding:4px 8px;border-radius:8px;font-size:12px}.g1ra-cardTitle{font-size:18px;font-weight:600;margin-top:10px}@media(max-width:600px){.g1ra-cardTitle{font-size:20px}}.aram-page{min-height:100vh;background:#f6f7fb;padding:20px;box-sizing:border-box}.aram-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}.aram-card{background:#fff;border:1px solid #e7e7e7;border-radius:18px;padding:18px;box-shadow:0 10px 30px #0000000d}.aram-headRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.aram-title{margin:0;font-size:24px;font-weight:800;color:#1f2937}.aram-select,.aram-input,.aram-textarea{width:100%;border:1px solid #d8dbe3;border-radius:12px;padding:12px 14px;font-size:15px;box-sizing:border-box;outline:none;background:#fff}.aram-select:focus,.aram-input:focus,.aram-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.aram-readonly{background:#f8f8f8}.aram-note{padding:14px;border:1px dashed #d4d4d4;border-radius:12px;color:#555;background:#fafafa}.aram-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.aram-listItem{width:100%;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px;cursor:pointer;transition:.18s ease}.aram-listItem:hover{transform:translateY(-1px);border-color:#c9b8ff;box-shadow:0 8px 20px #7c3aed14}.aram-listItem.active{border-color:#7c3aed;background:#faf7ff}.aram-listTitle{font-size:16px;font-weight:700;color:#111827;margin-bottom:6px}.aram-listMeta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#6b7280;margin-bottom:6px}.aram-listId{font-size:12px;color:#9ca3af;word-break:break-all}.aram-form{display:flex;flex-direction:column;gap:10px}.aram-label{font-size:14px;font-weight:700;color:#374151}.aram-textarea{min-height:220px;resize:vertical;line-height:1.5}.aram-imageRow{display:flex;gap:10px;flex-wrap:wrap}.aram-btn{border:none;border-radius:12px;padding:11px 16px;cursor:pointer;font-size:14px;font-weight:700;background:#111827;color:#fff}.aram-btn:hover{opacity:.94}.aram-btnLight{background:#e5e7eb;color:#111827}.aram-btnSave{background:#16a34a}.aram-btnDelete{background:#dc2626}.aram-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.aram-checkRow{display:inline-flex;align-items:center;gap:10px;margin-top:4px;font-size:15px;font-weight:700;color:#374151}.aram-imageBox{margin-top:6px;border:1px solid #ececec;border-radius:14px;padding:12px;background:#fafafa}.aram-image{width:220px;max-width:100%;height:auto;display:block;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.aram-path{margin-top:8px;font-size:12px;color:#6b7280;word-break:break-all}@media(max-width:980px){.aram-wrap{grid-template-columns:1fr}.aram-title{font-size:20px}}.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}.lesson-pdf-wrap{margin-top:24px;width:100%;background:#fff;border-radius:16px;padding:12px;box-shadow:0 4px 18px #00000014}.lesson-pdf-top{display:flex;justify-content:flex-end;margin-bottom:10px}.lesson-pdf-top a{text-decoration:none;font-weight:700;color:#2563eb}.lesson-pdf-iframe{width:100%;height:900px;border:none;border-radius:12px;background:#fff}@media(max-width:768px){.lesson-pdf-wrap{padding:8px;border-radius:12px}.lesson-pdf-iframe{height:600px;border-radius:10px}}.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}.vpg-wrap{width:100%;padding:24px;display:flex;justify-content:center;box-sizing:border-box;background:radial-gradient(circle at top left,#fff1f2 0%,transparent 25%),radial-gradient(circle at top right,#eff6ff 0%,transparent 25%),radial-gradient(circle at bottom left,#ecfeff 0%,transparent 25%),linear-gradient(180deg,#fffdf7,#f9fbff)}.vpg-card{width:100%;max-width:1100px;border-radius:28px;padding:28px;box-sizing:border-box;background:#fff;box-shadow:0 20px 60px #2229431f;border:1px solid #eef2ff}.vpg-top{text-align:center;margin-bottom:26px}.vpg-badge{display:inline-block;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,#f97316,#ef4444);color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px;margin-bottom:14px}.vpg-title{margin:0 0 10px;font-size:34px;line-height:1.2;font-weight:900;color:#1e1b4b}.vpg-sub{max-width:760px;margin:0 auto;font-size:17px;line-height:1.7;color:#475569}.vpg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.vpg-box{border-radius:24px;padding:24px;box-sizing:border-box;min-height:100%;position:relative;overflow:hidden}.vpg-box:before{content:"";position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:#ffffff47}.vpg-box-1{background:linear-gradient(180deg,#fef3c7,#fde68a)}.vpg-box-2{background:linear-gradient(180deg,#dbeafe,#bfdbfe)}.vpg-box-3{background:linear-gradient(180deg,#dcfce7,#bbf7d0)}.vpg-qno{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff;color:#111827;font-size:22px;font-weight:900;margin-bottom:14px;box-shadow:0 10px 20px #00000014}.vpg-q{margin:0 0 12px;font-size:24px;line-height:1.3;font-weight:900;color:#172554}.vpg-text{margin:0;font-size:16px;line-height:1.8;color:#1f2937}.vpg-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.vpg-mini span{padding:8px 14px;border-radius:999px;background:#fffc;color:#1e293b;font-size:14px;font-weight:800}.vpg-points{display:flex;flex-direction:column;gap:14px}.vpg-point{background:#ffffffa6;border-radius:18px;padding:14px}.vpg-point strong{display:block;margin-bottom:6px;font-size:16px;color:#1e3a8a}.vpg-point p{margin:0;font-size:15px;line-height:1.7;color:#1f2937}.vpg-steps{display:flex;flex-direction:column;gap:12px}.vpg-step{background:#ffffffad;border-radius:18px;padding:14px}.vpg-step-tag{display:inline-block;margin-bottom:7px;padding:6px 12px;border-radius:999px;background:#0f172a;color:#fff;font-size:13px;font-weight:800}.vpg-step p{margin:0;font-size:15px;line-height:1.7;color:#1f2937}.vpg-highlight{margin-top:16px;padding:16px 18px;border-radius:18px;background:linear-gradient(90deg,#8b5cf6,#ec4899);color:#fff;font-size:16px;font-weight:900;text-align:center;line-height:1.5}.vpg-bottom{margin-top:26px;padding:24px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,#1d4ed8,#7c3aed)}.vpg-bottom-text h3{margin:0 0 8px;font-size:26px;line-height:1.25;font-weight:900;color:#fff}.vpg-bottom-text p{margin:0;font-size:16px;line-height:1.8;color:#ffffffeb;max-width:760px}.vpg-btn{border:none;outline:none;cursor:pointer;padding:16px 24px;border-radius:18px;background:#facc15;color:#1f2937;font-size:16px;font-weight:900;white-space:nowrap;box-shadow:0 12px 24px #00000029;transition:transform .18s ease,box-shadow .18s ease}.vpg-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000038}@media(max-width:980px){.vpg-grid{grid-template-columns:1fr}.vpg-bottom{flex-direction:column;align-items:flex-start}.vpg-btn{width:100%}}@media(max-width:640px){.vpg-wrap{padding:14px}.vpg-card{padding:18px;border-radius:22px}.vpg-title{font-size:27px}.vpg-sub{font-size:15px}.vpg-q{font-size:21px}.vpg-bottom-text h3{font-size:22px}.vpg-bottom-text p,.vpg-text,.vpg-point p,.vpg-step p{font-size:14px}}.vh-page{min-height:calc(100vh - 150px);padding:40px 20px;display:flex;justify-content:center;align-items:center}.vh-card{width:min(100%,950px);background:#fff;border-radius:24px;padding:45px;box-shadow:0 20px 50px #0f172a14}.vh-top{text-align:center;margin-bottom:35px}.vh-badge{display:inline-block;padding:12px 24px;border-radius:999px;background:#dff3ff;color:#075985;font-size:14px;font-weight:900;letter-spacing:1px}.vh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vh-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-height:200px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;text-align:center;transition:transform .2s ease}.vh-box:hover{transform:translateY(-4px)}.vh-title{margin:0;font-size:30px;font-weight:800;color:#0f172a}.vh-sub{margin-top:14px;font-size:16px;line-height:1.6;color:#64748b}@media(max-width:900px){.vh-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.vh-card{padding:25px}.vh-grid{grid-template-columns:1fr}.vh-title{font-size:28px}.vh-sub{font-size:18px}}.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}}.pqa-wrap{min-height:100vh;padding:28px 12px;background:#f3f4f6;display:flex;justify-content:center}.pqa-paper{width:100%;max-width:980px;background:#fff;padding:38px 44px;border-radius:10px;box-shadow:0 8px 24px #00000014}.pqa-title{text-align:center;margin:0 0 18px;font-size:34px;font-weight:800;color:#d10000}.pqa-instruction{margin:0 auto 28px;max-width:860px;font-size:18px;line-height:1.6;white-space:pre-line}.pqa-list{display:grid;gap:28px}.pqa-row{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:start}.pqa-qno{font-size:15px;font-weight:800;line-height:1.2;padding-top:1px}.pqa-qa{display:grid;gap:3px}.pqa-q{font-size:20px;font-weight:500;line-height:1.32;margin:0}.pqa-a{font-size:20px;font-weight:400;line-height:1.32;margin:0}@media(max-width:640px){.pqa-paper{padding:22px 18px}.pqa-title{font-size:28px}.pqa-instruction{font-size:16px}.pqa-list{gap:14px}.pqa-row{grid-template-columns:32px 1fr;gap:6px}.pqa-q,.pqa-a{font-size:18px}}@media(max-width:640px){.pqa-list{gap:25px}}.qa-topic-wrap{padding:16px;max-width:100%;margin:0 auto;box-sizing:border-box}.qa-topic-title{text-align:center;font-size:22px;font-weight:800;margin-bottom:20px}.qa-topic-grid{display:grid;grid-template-columns:1fr;gap:16px}.qa-topic-card{background:#fff;border:2px solid #111;border-radius:14px;padding:20px;text-align:center;font-size:18px;font-weight:700;cursor:pointer}@media(max-width:480px){.qa-topic-wrap{padding:10px}}@media(min-width:768px){.qa-topic-wrap{max-width:1100px;padding:40px}.qa-topic-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.qa-topic-title{font-size:28px;margin-bottom:30px}.qa-topic-card{font-size:20px;padding:28px}}.qa-topic-grid{justify-items:stretch}.qa-topic-card{display:block;width:100%;box-sizing:border-box}.qa-topic-wrap{max-width:520px}.qa-topic-wrap,.qa-topic-grid{width:100%}.qa-topic-card{width:100%!important;max-width:none!important;box-sizing:border-box}.qa-topic-path-badge{display:inline-flex;align-items:center;margin-right:8px;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:13px;font-weight:900;white-space:nowrap}.wb-page{min-height:100vh;padding:16px;background:#f6f8fc;box-sizing:border-box}.wb-card{width:100%;max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px #0000000f;box-sizing:border-box}.wb-title{margin:0;font-size:28px;font-weight:800;color:#1f2937;text-align:center}.wb-subtitle{margin:8px 0 18px;font-size:15px;color:#6b7280;text-align:center}.wb-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.wb-field{display:flex;flex-direction:column;gap:8px}.wb-label{font-size:14px;font-weight:700;color:#374151}.wb-select{width:100%;height:46px;border:1px solid #dbe2ea;border-radius:12px;padding:0 12px;font-size:15px;background:#fff;color:#111827;outline:none;box-sizing:border-box}.wb-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}.wb-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.wb-pill{background:#eef4ff;color:#1d4ed8;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.wb-empty{min-height:180px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#6b7280;background:#f9fbff;border:1px dashed #d6dfeb;border-radius:16px}.wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wb-word-card{background:#fbfdff;border:1px solid #e5edf6;border-radius:18px;padding:14px;box-sizing:border-box}.wb-word-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wb-word-no{min-width:34px;height:34px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.wb-word-text{font-size:22px;font-weight:800;color:#111827;word-break:break-word}.wb-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.wb-tag{background:#f3f4f6;color:#374151;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.wb-meaning{font-size:16px;font-weight:700;color:#0f766e;margin-bottom:8px;word-break:break-word}.wb-example{font-size:15px;line-height:1.6;color:#4b5563;word-break:break-word}@media(max-width:900px){.wb-filters{grid-template-columns:1fr}.wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-title{font-size:24px}.wb-word-text{font-size:20px}}@media(max-width:600px){.wb-page{padding:10px}.wb-card{padding:14px;border-radius:16px}.wb-grid{grid-template-columns:1fr}.wb-title{font-size:22px}.wb-subtitle{font-size:14px}.wb-select{height:44px;font-size:14px}.wb-word-text{font-size:18px}.wb-meaning{font-size:15px}.wb-example{font-size:14px}}.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}.about-page{min-height:100vh;padding:18px;background:#f6f7fb;display:flex;justify-content:center}.about-card{width:100%;max-width:820px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:20px;box-shadow:0 10px 26px #0000000f}.about-title{margin:0 0 10px;font-size:28px;font-weight:800;color:#111827;letter-spacing:-.2px}.about-subtitle{margin:0 0 8px;font-size:18px;font-weight:800;color:#111827}.about-text{margin:0 0 12px;font-size:15px;line-height:1.65;color:#374151}.about-section{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(0,0,0,.12)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 4px}.about-pill{padding:10px 12px;border-radius:12px;background:#f3f4f6;border:1px solid rgba(0,0,0,.08);font-weight:700;color:#111827;text-align:center}@media(min-width:640px){.about-card{padding:26px}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-title{font-size:32px}}.htu-page{min-height:100vh;padding:26px 16px;display:flex;justify-content:center;background:radial-gradient(1200px 600px at 10% 10%,rgba(99,102,241,.18),transparent 60%),radial-gradient(900px 500px at 90% 20%,rgba(16,185,129,.16),transparent 55%),radial-gradient(800px 500px at 40% 90%,rgba(236,72,153,.14),transparent 55%),linear-gradient(180deg,#f8fafc,#eef2ff)}.htu-card{width:100%;max-width:900px;background:#ffffffc7;border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:26px 22px;box-shadow:0 18px 50px #1118271a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.htu-card:before{content:"";position:absolute;left:0;top:0;height:6px;width:100%;background:linear-gradient(90deg,#6366f1,#22c55e,#ec4899);opacity:.95}.htu-title{margin:10px 0;font-size:34px;font-weight:900;color:#0f172a;letter-spacing:-.6px}.htu-sub{margin:0 0 18px;color:#475569;font-size:15px;line-height:1.6}.htu-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.htu-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 26px #1118270f;color:#1f2937;line-height:1.65;font-size:15px}.htu-list li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:34px;height:34px;border-radius:999px;color:#0f172a;font-weight:900;background:linear-gradient(180deg,#6366f138,#6366f114);border:1px solid rgba(99,102,241,.25)}.htu-list{counter-reset:step}.htu-note{margin-top:18px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#6366f129,#22c55e1a,#ec48991a);border:1px solid rgba(15,23,42,.1);color:#0f172a;font-weight:800;font-size:14px;line-height:1.6;box-shadow:0 14px 30px #11182714}@media(min-width:640px){.htu-page{padding:34px 18px}.htu-card{padding:34px 30px}.htu-title{font-size:38px}}@media(max-width:480px){.htu-title{font-size:42px;line-height:1.2}.htu-list li{font-size:25px;padding:16px}.htu-list li:before{width:38px;height:38px;font-size:16px}.htu-note{font-size:16px;padding:16px}}.pricing-page{min-height:100vh;padding:30px 20px;background:radial-gradient(circle at top left,#dbeafe 0,transparent 30%),radial-gradient(circle at bottom right,#fef3c7 0,transparent 30%),linear-gradient(135deg,#f8fbff,#eef6ff);font-family:Segoe UI,sans-serif}.pricing-box{max-width:1150px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:35px}.pricing-badge{display:inline-block;margin:0;padding:10px 22px;border-radius:999px;background:#fff;color:#2563eb;font-size:18px;font-weight:800;box-shadow:0 10px 25px #2563eb26}.pricing-header p:not(.pricing-badge){margin:12px auto 0;max-width:850px;color:#334155;font-size:18px;line-height:1.6;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.plan-card{position:relative;padding:30px 25px;border-radius:30px;background:#fffffff2;text-align:center;box-shadow:0 20px 45px #0f172a1f;transition:all .25s ease}.plan-card:hover{transform:translateY(-6px)}.plan-icon{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;font-size:40px;border-radius:24px}.green .plan-icon{background:#dcfce7}.purple .plan-icon{background:#ede9fe}.orange .plan-icon{background:#ffedd5}.plan-card p{margin:0;color:#1e293b;font-size:22px;font-weight:800;line-height:1.5}.small-text{min-height:65px}.price{margin-top:18px;color:#071226;font-size:clamp(42px,4vw,62px);font-weight:900;line-height:1}.green{border:3px solid #86efac}.purple{border:3px solid #8b5cf6}.orange{border:3px solid #fdba74}.popular{transform:translateY(-12px);box-shadow:0 30px 65px #7c3aed38}.popular-tag{position:absolute;top:-15px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:14px;font-weight:800}.activation-card{margin-top:35px;padding:35px;background:#fffffff2;border-radius:30px;text-align:center;box-shadow:0 20px 45px #0f172a1f}.activation-card h2{margin:0 0 22px;color:#0f172a;font-size:clamp(28px,3vw,38px);font-weight:900}.activation-card p{margin:16px auto;max-width:850px;color:#334155;font-size:18px;line-height:1.8;font-weight:600}.payment-phone{display:inline-block;margin:24px 0;padding:16px 34px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:30px;font-weight:900;box-shadow:0 15px 35px #22c55e40}.payment-note{max-width:850px;margin:20px auto;padding:20px;border-radius:20px;background:#eff6ff;border-left:6px solid #2563eb}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.popular{transform:none}.small-text{min-height:auto}}@media(max-width:480px){.pricing-page{padding:18px 14px}.pricing-badge{font-size:16px;padding:8px 18px}.pricing-header p:not(.pricing-badge){font-size:22px}.plan-card{padding:24px 18px;border-radius:24px}.plan-icon{width:64px;height:64px;font-size:32px}.plan-card p{font-size:18px}.price{font-size:44px}.activation-card{padding:24px 18px;border-radius:24px}.activation-card p,.payment-note{font-size:15px}.payment-phone{font-size:22px;padding:14px 24px}}.pricing-description{margin:12px auto;max-width:850px;color:#334155;font-size:clamp(17px,2.2vw,24px);line-height:1.7;font-weight:700;text-align:center}@media(max-width:480px){.pricing-description{font-size:28px;line-height:1.8;padding:0 12px}}@media(max-width:480px){.activation-card{padding:28px 20px}.activation-card h2{font-size:34px;line-height:1.2}.activation-card p,.payment-note{font-size:21px;line-height:1.8;font-weight:600}.payment-phone{font-size:28px;padding:16px 26px}}.eHome{width:100%;min-height:100vh;background:#f4f6fb;display:flex;justify-content:center;padding:20px;box-sizing:border-box}.eHome-wrap{width:100%;max-width:1100px}.eHome-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #00000014}.eHome-pill{display:inline-block;background:#2d6cdf;color:#fff;font-weight:700;font-size:14px;padding:6px 14px;border-radius:20px;margin-bottom:16px}.eHome-section{width:100%}.eHome-h2{font-size:24px;margin:6px 0;font-weight:700}.eHome-skillSub{color:#6b7280;font-size:14px;margin-bottom:20px}.eHome-skillGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.eHome-skillCard{border:none;background:#fff;border-radius:14px;cursor:pointer;padding:14px;display:flex;flex-direction:column;align-items:center;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 12px #0000000f}.eHome-skillCard:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001f}.eHome-skillImgBox{width:90px;height:90px;margin-bottom:10px}.eHome-skillImg{width:100%;height:100%;object-fit:contain}.eHome-skillText{text-align:center}.eHome-skillLabel{font-size:16px;font-weight:700;color:#111827}.eHome-skillDesc{font-size:13px;color:#6b7280;margin-top:4px}@media(max-width:600px){.eHome-card{padding:18px}.eHome-h2{font-size:20px}.eHome-skillGrid{grid-template-columns:repeat(2,1fr)}}.g123-page{min-height:100vh;background:#f2f6ff;padding:20px;box-sizing:border-box;font-family:Arial,sans-serif}.g123-card{max-width:980px;margin:0 auto;background:#fff;border-radius:22px;padding:28px;box-shadow:0 8px 28px #0000001a;color:#1f2937}.g123-title{text-align:center;font-size:32px;line-height:1.45;font-weight:800;margin:0 0 24px;color:#0f172a}.g123-card h2{font-size:25px;margin:30px 0 14px;color:#1d4ed8;line-height:1.4}.g123-card h3{font-size:20px;margin:0 0 12px;color:#111827;font-weight:800}.g123-card p,.g123-card li{font-size:19px;line-height:1.8}.g123-card p{margin:12px 0}.g123-card ul{background:#f8fafc;border-left:5px solid #60a5fa;padding:16px 20px 16px 38px;border-radius:14px}.g123-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:18px;margin:22px 0}.g123-box p{margin:8px 0;font-weight:600}.g123-img{width:100%;max-height:620px;object-fit:contain;display:block;margin:24px auto;border-radius:18px;border:1px solid #e5e7eb;background:#fff}.g123-example{background:#f0f9ff;border:1px solid #bae6fd;border-radius:18px;padding:18px 22px;margin:18px 0}.g123-example p{margin:6px 0}.g123-highlight{background:#ecfdf5;border-left:6px solid #22c55e;padding:14px 18px;border-radius:12px;font-weight:800;color:#166534}.g123-pdf{display:block;width:fit-content;margin:26px auto;background:#dc2626;color:#fff;text-decoration:none;padding:14px 26px;border-radius:999px;font-size:18px;font-weight:800}.g123-final{margin-top:30px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;padding:22px;text-align:center}.g123-main-btn{display:inline-block;margin-top:14px;background:#2563eb;color:#fff;text-decoration:none;padding:15px 28px;border-radius:999px;font-size:19px;font-weight:800}@media(max-width:768px){.g123-page{padding:12px}.g123-card{padding:18px;border-radius:18px}.g123-title{font-size:24px}.g123-card h2{font-size:22px}.g123-card h3{font-size:18px}.g123-card p,.g123-card li{font-size:17px;line-height:1.75}.g123-img{margin:18px auto;border-radius:14px}}.acwa-page{min-height:100vh;padding:40px 18px;background:#f5f7fb;display:flex;justify-content:center;align-items:flex-start}.acwa-card{width:100%;max-width:560px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 14px 35px #0f172a1f;border:1px solid #e5e7eb}.acwa-title{margin:0;font-size:30px;font-weight:800;color:#111827}.acwa-subtitle{margin:8px 0 24px;font-size:16px;color:#6b7280}.acwa-form{display:flex;gap:12px}.acwa-input{flex:1;padding:15px 16px;font-size:17px;border:2px solid #d1d5db;border-radius:14px;outline:none}.acwa-input:focus{border-color:#2563eb}.acwa-btn{padding:15px 24px;border:none;border-radius:14px;background:#2563eb;color:#fff;font-size:17px;font-weight:700;cursor:pointer}.acwa-btn:hover{background:#1d4ed8}.acwa-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.acwa-form{flex-direction:column}.acwa-btn{width:100%}}.sar-page{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,#dbeafe 0,transparent 32%),linear-gradient(135deg,#f8fbff,#eef6ff 48%,#f9fafb);color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sar-hero,.sar-filter-card,.sar-login-card,.sar-student-card{max-width:1280px;margin:0 auto 18px}.sar-hero{padding:26px 28px;border-radius:26px;background:linear-gradient(135deg,#fff,#eff6ff);box-shadow:0 18px 45px #0f172a14;border:1px solid rgba(148,163,184,.22)}.sar-kicker{margin:0 0 6px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.sar-hero h1,.sar-login-card h2,.sar-student-card h2{margin:0;font-weight:950;letter-spacing:-.04em}.sar-hero h1{font-size:clamp(28px,5vw,46px)}.sar-subtitle{margin:8px 0 0;color:#475569;font-size:17px}.sar-filter-card{padding:18px;border-radius:20px;background:#ffffffd1;box-shadow:0 12px 28px #0f172a0f;border:1px solid rgba(148,163,184,.22)}.sar-label{display:block;margin-bottom:8px;font-size:14px;font-weight:900;color:#334155}.sar-select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:17px;font-weight:700;outline:none}.sar-select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.sar-login-card,.sar-student-card{padding:22px;border-radius:26px;background:#ffffffe6;box-shadow:0 18px 45px #0f172a14;border:1px solid rgba(148,163,184,.25)}.sar-login-card{border-left:8px solid #60a5fa}.sar-login-head,.sar-card-title-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.sar-visit-pill{min-width:120px;padding:14px 18px;border-radius:20px;text-align:center;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.sar-visit-pill span{display:block;font-size:34px;line-height:1;font-weight:950}.sar-visit-pill small{font-weight:800;color:#475569}.sar-empty{padding:18px;border-radius:16px;background:#f8fafc;color:#64748b;font-weight:700}.sar-table-wrap{width:100%;overflow-x:auto;border-radius:18px;border:1px solid #e2e8f0;background:#fff}.sar-table{width:100%;border-collapse:collapse;min-width:900px}.sar-table th{padding:16px;background:#f1f5f9;color:#0f172a;font-size:15px;font-weight:950;text-align:left;border-bottom:1px solid #e2e8f0}.sar-table td{padding:16px;border-bottom:1px solid #e2e8f0;font-size:16px;color:#0f172a;vertical-align:middle}.sar-table tbody tr{cursor:pointer;transition:background .18s ease,transform .18s ease}.sar-table tbody tr:hover{background:#f8fbff}.sar-selected-row{background:#dbeafe!important}.sar-name-btn{border:0;background:transparent;color:#2563eb;font-size:17px;font-weight:950;cursor:pointer;padding:0}.sar-name-btn:hover{text-decoration:underline}.sar-status,.sar-ok,.sar-no{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:900}.sar-status{background:#ecfdf5;color:#047857}.sar-ok{background:#dcfce7;color:#166534}.sar-no{background:#fee2e2;color:#991b1b}.sar-payment-marks{display:flex;gap:8px;align-items:center}.sar-pay-ok,.sar-pay-no{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:999px;font-size:20px;font-weight:950}.sar-pay-ok{background:#dcfce7;color:#15803d}.sar-pay-no{background:#fee2e2;color:#b91c1c}.sar-path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;color:#334155}.sar-card-title-row span{padding:8px 14px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:900}@media(max-width:768px){.sar-page{padding:14px}.sar-hero,.sar-filter-card,.sar-login-card,.sar-student-card{border-radius:20px}.sar-hero{padding:22px}.sar-login-head,.sar-card-title-row{align-items:flex-start;flex-direction:column}.sar-visit-pill{width:100%}.sar-table th,.sar-table td{padding:13px;font-size:14px}.sar-name-btn{font-size:15px}}.zoom-page{min-height:100vh;padding:24px;background:linear-gradient(135deg,#e0f2fe,#fef3c7);display:flex;justify-content:center;align-items:center}.zoom-card{width:100%;max-width:520px;background:#fff;border-radius:28px;padding:28px 22px;text-align:center;box-shadow:0 18px 45px #0f172a29}.zoom-site{margin:0;color:#2563eb;font-weight:800;font-size:18px}.zoom-card h1{margin:8px 0 24px;font-size:34px;color:#111827}.zoom-class-box{border:2px solid #dbeafe;border-radius:24px;padding:24px 18px;background:#f8fafc}.zoom-class-box h2{margin:0 0 14px;font-size:32px;color:#1d4ed8}.zoom-day{margin:0;font-size:22px;font-weight:700;color:#111827}.zoom-time{margin:8px 0 22px;font-size:20px;color:#374151}.zoom-join-btn{display:block;width:100%;padding:17px 18px;border-radius:999px;background:#2563eb;color:#fff;text-decoration:none;font-size:22px;font-weight:800;box-shadow:0 10px 20px #2563eb4d}.zoom-join-btn:hover{background:#1d4ed8}.zoom-info{margin-top:22px;padding:16px;border-radius:18px;background:#fff;text-align:left}.zoom-info p{margin:8px 0;font-size:18px;color:#111827}@media(max-width:480px){.zoom-page{padding:14px;align-items:flex-start}.zoom-card{margin-top:20px;padding:24px 16px;border-radius:22px}.zoom-card h1,.zoom-class-box h2{font-size:30px}.zoom-day,.zoom-time{font-size:20px}.zoom-join-btn{font-size:21px;padding:16px}}.free-book-page{min-height:100vh;font-family:Arial,sans-serif;color:#102040;background:radial-gradient(circle at top left,#dbeafe 0%,transparent 34%),radial-gradient(circle at top right,#fef3c7 0%,transparent 32%),linear-gradient(180deg,#f8fbff,#fff7ed);overflow-x:hidden}.free-book-hero{max-width:1180px;margin:0 auto;padding:72px 22px 38px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px}.hero-left{position:relative}.free-badge{display:inline-block;background:#dcfce7;color:#15803d;padding:11px 18px;border-radius:999px;font-weight:900;margin:0 0 20px;box-shadow:0 8px 20px #16a34a26}.hero-left h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:1.02;color:#0f2f5f;letter-spacing:-1.5px}.free-subtitle{max-width:620px;margin:24px 0 28px;font-size:22px;line-height:1.6;color:#334155}.download-btn{border:0;cursor:pointer;color:#fff;font-size:25px;font-weight:900;padding:22px 42px;border-radius:22px;box-shadow:0 18px 35px #16a34a61;transition:.2s ease}.download-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 45px #16a34a73}.safe-text{margin-top:16px;color:#64748b;font-size:16px;font-weight:700}.hero-right{display:flex;justify-content:center}.book-cover{width:330px;min-height:440px;padding:34px 26px;text-align:center;border-radius:28px;background:linear-gradient(180deg,#fff7cc,#fff 58%,#dbeafe);border:7px solid #f59e0b;box-shadow:0 28px 55px #0f172a38;transform:rotate(3deg)}.book-top{display:inline-block;background:#0f2f5f;color:#fff;padding:8px 18px;border-radius:999px;font-weight:900}.book-cover h2{margin:34px 0 0;font-size:42px;color:#e11d48}.book-cover h3{margin:4px 0 18px;font-size:44px;color:#2563eb}.book-cover p{font-size:21px;font-weight:900;color:#111827}.vowels{margin-top:44px;font-size:42px;font-weight:900;color:#16a34a;letter-spacing:8px}.extra-section{max-width:1120px;margin:0 auto;padding:22px 22px 80px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.extra-card{display:grid;grid-template-columns:90px 1fr;gap:22px;background:#fff;border-radius:28px;padding:28px;box-shadow:0 16px 36px #0f172a1a;border:1px solid rgba(15,23,42,.06)}.grade-card{border-top:8px solid #2563eb}.adult-card{border-top:8px solid #16a34a}.icon-circle{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:#eff6ff}.extra-card h2{margin:0 0 12px;font-size:28px;color:#0f2f5f}.extra-card p{margin:0 0 22px;font-size:18px;line-height:1.8;color:#334155}.visit-btn{border:0;cursor:pointer;background:#2563eb;color:#fff;font-weight:900;font-size:17px;padding:14px 24px;border-radius:14px;box-shadow:0 10px 22px #2563eb47;transition:.2s ease}.visit-btn.adult{background:#16a34a;box-shadow:0 10px 22px #16a34a47}.visit-btn:hover{transform:translateY(-3px)}@media(max-width:850px){.free-book-hero{grid-template-columns:1fr;text-align:center;padding-top:44px}.free-subtitle{margin-left:auto;margin-right:auto}.extra-section{grid-template-columns:1fr}.extra-card{text-align:left}}@media(max-width:520px){.free-book-hero{padding:36px 16px 22px}.download-btn{width:100%;font-size:21px;padding:19px 20px}.book-cover{width:255px;min-height:360px}.book-cover h2,.book-cover h3{font-size:34px}.extra-section{padding:18px 16px 60px}.extra-card{grid-template-columns:1fr;text-align:center;padding:24px}.icon-circle{margin:0 auto}.extra-card p{font-size:18px}.visit-btn{width:100%;font-size:18px}}.whatsapp-btn{display:block;width:fit-content;margin-top:16px;padding:14px 28px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 10px 24px #25d36659;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.whatsapp-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #25d36673;background:linear-gradient(135deg,#2ee371,#16a085)}.whatsapp-btn:active{transform:scale(.98)}.whatsapp-text{margin-top:20px;margin-bottom:16px;font-size:18px;font-weight:700;text-align:center;color:#075e54;line-height:1.6}.whatsapp-btn{border:none;background:transparent;cursor:pointer;display:block;margin:0 auto;transition:transform .2s ease}.whatsapp-btn:hover{transform:scale(1.1)}.whatsapp-icon{width:90px;height:90px;object-fit:contain;border-radius:50%;box-shadow:0 10px 25px #25d36659}.free-report-page{min-height:100vh;padding:34px 20px 70px;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#22c55e 0,transparent 24%),radial-gradient(circle at top right,#38bdf8 0,transparent 25%),radial-gradient(circle at bottom left,#f97316 0,transparent 26%),radial-gradient(circle at bottom right,#a855f7 0,transparent 28%),linear-gradient(135deg,#f0fdf4,#eff6ff 45%,#fff7ed)}.report-heading{max-width:1250px;margin:0 auto 28px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#16a34a,#0ea5e9,#8b5cf6,#f97316);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 20px 45px #0f172a38}.report-heading h1{margin:0;font-size:clamp(30px,4vw,50px);font-weight:900;letter-spacing:-1px}.refresh-btn{border:none;border-radius:999px;padding:14px 28px;background:#fff;color:#0f766e;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #0f172a40}.refresh-btn:hover{transform:translateY(-2px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.analysis-section{max-width:1250px;margin:0 auto 34px;padding:28px;border-radius:32px;background:#ffffffe0;border:3px solid rgba(255,255,255,.9);box-shadow:0 18px 42px #0f172a24}.analysis-section>h2{margin:0 0 24px;padding:16px 22px;border-radius:22px;color:#fff;font-size:clamp(24px,3vw,36px);font-weight:900}.free-book-section>h2{background:linear-gradient(90deg,#22c55e,#06b6d4,#3b82f6)}.overall-section>h2{background:linear-gradient(90deg,#f97316,#ec4899,#8b5cf6)}.top-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:26px}.two-cards{grid-template-columns:repeat(2,1fr)}.report-card{position:relative;overflow:hidden;min-height:150px;padding:24px;border-radius:28px;color:#fff;box-shadow:0 16px 35px #0f172a2e}.report-card:after{content:"";position:absolute;width:120px;height:120px;right:-35px;top:-35px;border-radius:50%;background:#ffffff38}.report-card p{position:relative;margin:0 0 18px;font-size:17px;font-weight:800;opacity:.95}.report-card h2,.report-card h3{position:relative;margin:0;font-size:clamp(42px,5vw,68px);font-weight:950;line-height:1}.report-card.green{background:linear-gradient(135deg,#16a34a,#22c55e,#84cc16)}.report-card.blue{background:linear-gradient(135deg,#0284c7,#0ea5e9,#22d3ee)}.report-card.purple{background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899)}.report-card.orange{background:linear-gradient(135deg,#ea580c,#f97316,#facc15)}.report-table-box{margin-top:22px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 0 0 2px #94a3b82e;overflow-x:auto}.report-table-box h2{margin:0 0 18px;color:#0f172a;font-size:24px;font-weight:900}.report-table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px;overflow:hidden;border-radius:20px}.report-table th{padding:18px 16px;color:#fff;font-size:16px;font-weight:900;text-align:center}.report-table th:nth-child(1){background:#16a34a}.report-table th:nth-child(2){background:#0ea5e9}.report-table th:nth-child(3){background:#8b5cf6}.report-table th:nth-child(4){background:#f97316}.report-table th:nth-child(5){background:#ec4899}.report-table td{padding:20px 16px;background:#fff;color:#0f172a;font-size:24px;font-weight:900;text-align:center;border-bottom:2px solid #e5e7eb}.report-table td:nth-child(1){color:#15803d}.report-table td:nth-child(2){color:#0369a1}.report-table td:nth-child(3){color:#7c3aed}.report-table td:nth-child(4){color:#ea580c}.report-table td:nth-child(5){color:#db2777}@media(max-width:950px){.top-cards{grid-template-columns:repeat(2,1fr)}.report-heading{flex-direction:column;text-align:center}}@media(max-width:560px){.free-report-page{padding:20px 12px 50px}.analysis-section{padding:18px;border-radius:24px}.top-cards,.two-cards{grid-template-columns:1fr}.report-card{min-height:130px}.report-table-box{padding:16px}}.qa-admin-wrap{padding:24px;max-width:1200px;width:100%;margin:0 auto;background:#fff}.qa-admin-top{display:flex;align-items:center;gap:16px;margin-bottom:24px}.qa-admin-label{width:90px;font-weight:700}.qa-admin-select{min-width:320px;padding:10px 12px;border:2px solid #111;border-radius:6px;font-size:16px}.qa-admin-block{margin-top:10px}.qa-row{display:grid;grid-template-columns:40px 1fr 40px;gap:16px;align-items:start;padding:14px 0}.qa-left{display:grid;gap:18px;padding-top:8px}.qa-mark{font-weight:800}.qa-right{display:grid;gap:12px}.qa-input{width:100%;padding:12px 14px;border:1px solid #bbb;border-radius:6px;font-size:16px}.qa-del{border:1px solid #bbb;border-radius:6px;background:#fff;cursor:pointer;height:42px}.qa-add{margin-top:10px;padding:12px 14px;border:1px solid #bbb;border-radius:6px;background:#fff;cursor:pointer}.qa-vocab{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;margin-top:26px}.qa-vocab-label{font-weight:700}.qa-vocab-input{padding:12px 14px;border:1px solid #bbb;border-radius:6px;font-size:16px}.qa-actions{display:flex;justify-content:center;margin-top:32px}.qa-update{background:#ffeb3b;border:2px solid #111;padding:14px 60px;font-size:18px;font-weight:800;cursor:pointer}.qa-update:disabled{opacity:.6;cursor:not-allowed}.qa-msg{margin-top:16px;text-align:center;font-weight:700}.qa-form{display:none}:root{--bg: #120812;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--stroke: rgba(255, 105, 180, .22);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--pink: #ff4fb7;--pink2: #ff7ad1;--hot: #ff2b94;--ok: #35ff9a;--warn: #ffd44a;--bad: #ff4d4d;--shadow: 0 16px 40px rgba(0, 0, 0, .55);--radius: 18px}.admin-dl{min-height:100vh;padding:18px;color:var(--text);background:radial-gradient(1200px 700px at 20% -10%,rgba(255,79,183,.35),transparent 60%),radial-gradient(900px 600px at 110% 10%,rgba(255,43,148,.25),transparent 55%),radial-gradient(900px 600px at 30% 110%,rgba(255,122,209,.18),transparent 60%),linear-gradient(180deg,#0b060b,var(--bg))}.admin-dl__card{max-width:1200px;margin:0 auto;padding:16px;border-radius:var(--radius);background:linear-gradient(180deg,#ffffff12,#ffffff0d);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-dl__top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.admin-dl__title{font-size:18px;font-weight:900;letter-spacing:.2px;display:flex;align-items:center;gap:10px}.admin-dl__badge{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,79,183,.35);background:#ff4fb71f;color:var(--pink2);font-weight:800;font-size:12px}.admin-dl__filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-dl__input,.admin-dl__select{height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,79,183,.22);background:#00000059;color:var(--text);outline:none;transition:.15s}.admin-dl__input::placeholder{color:#ffffff73}.admin-dl__input:focus,.admin-dl__select:focus{border-color:#ff4fb78c;box-shadow:0 0 0 4px #ff4fb724}.admin-dl__btn{height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,79,183,.3);background:#ff4fb724;color:var(--text);font-weight:900;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:8px}.admin-dl__btn:hover{transform:translateY(-1px);border-color:#ff4fb78c;background:#ff4fb738}.admin-dl__btn--hot{border-color:#ff2b94a6;background:linear-gradient(135deg,#ff2b946b,#ff7ad138);box-shadow:0 10px 26px #ff2b9433}.admin-dl__btn--ghost{background:transparent}.admin-dl__meta{margin-top:6px;color:var(--muted);font-size:13px}.admin-dl__tableWrap{margin-top:14px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,79,183,.2);background:#00000040}.admin-dl__table{width:100%;border-collapse:collapse;font-size:14px}.admin-dl__table th{text-align:left;padding:12px;color:#ffffffe6;background:#ff4fb71f;border-bottom:1px solid rgba(255,79,183,.18);font-weight:900}.admin-dl__table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffdb}.admin-dl__table tr:hover td{background:#ff4fb70f}.admin-dl__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.admin-dl__pill--free{border-color:#35ff9a59;background:#35ff9a1f;color:#35ff9af2}.admin-dl__pill--paid{border-color:#ffd44a59;background:#ffd44a1f;color:#ffd44af2}.admin-dl__pill--off{border-color:#ff4d4d59;background:#ff4d4d1f;color:#ff4d4df2}.admin-dl__actions{display:flex;gap:8px;flex-wrap:wrap}.admin-dl__iconBtn{height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,79,183,.22);background:#0000004d;color:var(--text);cursor:pointer;transition:.12s;font-weight:900}.admin-dl__iconBtn:hover{border-color:#ff4fb78c;background:#ff4fb724;transform:translateY(-1px)}.admin-dl__modalOverlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:18px;z-index:9999}.admin-dl__modal{width:min(820px,100%);border-radius:18px;border:1px solid rgba(255,79,183,.25);background:radial-gradient(800px 300px at 20% 0%,rgba(255,79,183,.22),transparent 60%),#0a060af5;box-shadow:var(--shadow);padding:14px}.admin-dl__modalTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.admin-dl__modalTitle{font-weight:1000;font-size:16px}.admin-dl__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:720px){.admin-dl__grid{grid-template-columns:1fr}}.glp-page{min-height:100vh;padding:20px;background:#f4f7fb}.glp-card{width:100%;max-width:1200px;margin:0 auto;background:#fff;border:1px solid #e7ecf3;border-radius:24px;padding:24px;box-shadow:0 10px 30px #0f172a0f}.glp-title{margin:0 0 20px;font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:800;color:#0f172a;text-align:center}.glp-topbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:22px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px}.glp-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-bottom:18px;padding:18px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px}.glp-field{grid-column:span 3;display:flex;flex-direction:column;gap:8px;min-width:0}.glp-field span,.glp-check span{font-size:14px;font-weight:700;color:#334155}.glp-field input,.glp-field select{width:100%;min-height:46px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;font-size:15px;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.glp-field input::placeholder{color:#94a3b8}.glp-field input:focus,.glp-field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.glp-field input:disabled,.glp-field select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.glp-check{grid-column:span 12;display:inline-flex;align-items:center;gap:10px;padding:4px 2px;flex-wrap:wrap}.glp-check input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.glp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.glp-btn{min-height:46px;padding:12px 20px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.glp-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.glp-btn:active{transform:translateY(0)}.glp-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.glp-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.glp-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.glp-btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.glp-btn-danger:hover{background:#dc2626;border-color:#dc2626}.glp-msg{margin-bottom:16px;padding:14px 16px;border-radius:14px;font-size:14px;font-weight:700;border:1px solid transparent}.glp-msg-ok{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.glp-msg-err{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.glp-list{display:flex;flex-direction:column;gap:14px}.glp-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 4px 14px #0f172a0a}.glp-row-title{font-size:18px;font-weight:800;color:#0f172a;margin-bottom:8px;word-break:break-word}.glp-row-meta{display:flex;flex-wrap:wrap;gap:10px 14px}.glp-row-meta span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:13px;font-weight:700;word-break:break-word}.glp-row-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;flex-shrink:0}.glp-empty{padding:28px 16px;text-align:center;font-size:15px;font-weight:700;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px}@media(min-width:1400px){.glp-page{padding:32px}.glp-card{max-width:1400px;padding:30px}.glp-form{gap:18px}.glp-field input,.glp-field select,.glp-btn{min-height:50px;font-size:16px}.glp-row-title{font-size:20px}}@media(max-width:991px){.glp-card{padding:20px;border-radius:20px}.glp-form{grid-template-columns:repeat(8,minmax(0,1fr))}.glp-field{grid-column:span 4}.glp-field-wide{grid-column:span 8}.glp-row{flex-direction:column;align-items:stretch}.glp-row-actions{justify-content:flex-start}}@media(max-width:640px){.glp-page{padding:12px}.glp-card,.glp-topbar,.glp-form{padding:14px;border-radius:16px}.glp-form{grid-template-columns:1fr;gap:14px}.glp-field,.glp-field-wide,.glp-check{grid-column:auto}.glp-field input,.glp-field select{min-height:44px;padding:11px 12px;font-size:14px}.glp-actions{flex-direction:column}.glp-btn{width:100%;min-height:44px}.glp-row{padding:14px;border-radius:16px}.glp-row-title{font-size:16px}.glp-row-meta{gap:8px}.glp-row-meta span{width:100%;justify-content:flex-start;border-radius:12px}.glp-row-actions{width:100%;flex-direction:column}.glp-row-actions .glp-btn{width:100%}}.glp-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:10px;background:#fff}.glp-drag-handle{font-size:22px;line-height:1;cursor:grab;-webkit-user-select:none;user-select:none;color:#6b7280;padding:4px 8px}.glp-page{min-height:100vh;padding:16px;background:#f3f4f6}.glp-card{max-width:1100px;margin:0 auto;background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000014}.glp-title{margin:0 0 16px;font-size:28px;font-weight:800}.glp-topbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.glp-form{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:16px}.glp-field{display:flex;flex-direction:column;gap:6px;grid-column:span 3}.glp-field-wide{grid-column:span 6}.glp-field span{font-size:14px;font-weight:600;color:#374151}.glp-field input,.glp-field select{width:100%;height:42px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;font-size:14px;outline:none;background:#fff}.glp-field input:focus,.glp-field select:focus{border-color:#2563eb}.glp-check{display:flex;align-items:center;gap:8px;grid-column:span 3;align-self:end;min-height:42px;font-weight:600;color:#374151}.glp-actions{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.glp-btn{border:none;background:#e5e7eb;color:#111827;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.glp-btn:hover{opacity:.92}.glp-btn:disabled{opacity:.6;cursor:not-allowed}.glp-btn-primary{background:#2563eb;color:#fff}.glp-btn-danger{background:#dc2626;color:#fff}.glp-msg{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:14px;font-weight:600}.glp-msg-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.glp-msg-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.glp-list{display:flex;flex-direction:column;gap:10px}.glp-empty{padding:16px;border:1px dashed #d1d5db;border-radius:12px;text-align:center;color:#6b7280;background:#f9fafb}.glp-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;transition:.18s ease}.glp-row:hover{box-shadow:0 4px 12px #0000000f}.glp-row-dragging{opacity:.45}.glp-row-dragover{border:2px dashed #2563eb;background:#eff6ff}.glp-drag-handle{flex:0 0 auto;font-size:22px;line-height:1;cursor:grab;-webkit-user-select:none;user-select:none;color:#6b7280;padding:6px 8px;border-radius:8px;background:#f3f4f6}.glp-row-main{flex:1;min-width:0}.glp-row-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:6px}.glp-row-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#6b7280}.glp-row-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.glp-field{grid-column:span 6}.glp-field-wide{grid-column:span 12}}@media(max-width:640px){.glp-page{padding:10px}.glp-card{padding:12px;border-radius:12px}.glp-title{font-size:22px}.glp-form{grid-template-columns:repeat(6,1fr)}.glp-field,.glp-field-wide,.glp-check{grid-column:span 6}.glp-row{align-items:flex-start;flex-wrap:wrap}.glp-row-actions{width:100%}}.glp-row{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.glp-row-dragging{opacity:.45;transform:scale(.98)}.glp-row-dragover{box-shadow:0 8px 20px #0000001f}.glp-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.glp-drag-handle:active{cursor:grabbing}.glp-day-box{border-radius:18px;padding:16px;margin-bottom:18px;border:1px solid rgba(15,23,42,.08)}.glp-day-title{font-size:20px;font-weight:900;color:#075985;margin-bottom:12px}.glp-day-box .glp-row{background:#fff;margin-bottom:10px}.glp-day-box .glp-row:last-child{margin-bottom:0}.glpv-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(99,102,241,.14),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.1),transparent 24%),linear-gradient(180deg,#f6f9ff,#eef4ff);padding:20px 12px 32px;box-sizing:border-box}.glpv-wrap{width:100%;max-width:1180px;margin:0 auto}.glpv-head{margin-bottom:18px}.glpv-title{margin:0;font-size:clamp(34px,6vw,68px);line-height:1.05;font-weight:900;color:#183b72}.glpv-empty,.glpv-error{margin-top:18px;padding:18px 20px;border-radius:18px;font-size:16px;font-weight:700;background:#fff;box-shadow:0 10px 28px #183b7214}.glpv-empty{color:#31507e}.glpv-error{color:#b42318;border:1px solid rgba(180,35,24,.15)}.glpv-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,260px));justify-content:center;gap:16px;margin-top:20px}.glpv-level-card{position:relative;width:100%;max-width:260px;border:1px solid rgba(161,188,235,.35);border-radius:18px;padding:16px;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:0 10px 20px #2c5aa014;transition:transform .2s ease,box-shadow .2s ease}.glpv-level-card:nth-child(6n+1){background:#9cffb8}.glpv-level-card:nth-child(6n+2){background:#9cafff}.glpv-level-card:nth-child(6n+3){background:#f9a1b0}.glpv-level-card:nth-child(6n+4){background:#fdfb6b}.glpv-level-card:nth-child(6n+5){background:#f6a4ed}.glpv-level-card:nth-child(6n+6){background:#f6e493}.glpv-level-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #2c5aa026}.glpv-level-title{font-size:22px;font-weight:900;color:#1e3a8a}.glpv-level-view{margin-top:20px}.glpv-level-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.glpv-back,.glpv-back-btn{border:none;background:linear-gradient(135deg,#183b72,#2453a6);color:#fff;padding:10px 16px;border-radius:14px;cursor:pointer;font-size:14px;font-weight:800;box-shadow:0 12px 24px #183b7238}.glpv-level-heading{margin:0;font-size:clamp(24px,3vw,42px);font-weight:900;color:#183b72}.glpv-list{display:flex;flex-direction:column;gap:0}.glpv-day-box{padding:18px;border-radius:24px;margin-bottom:22px;overflow:hidden;border:none;box-shadow:0 10px 25px #0000000f}.glpv-day-color-1{background:#eef6ff}.glpv-day-color-2{background:#fff1e8}.glpv-day-color-3{background:#f7f1ff}.glpv-day-color-4{background:#f0fff4}.glpv-day-color-5{background:#fff8e8}.glpv-day-color-6{background:#ecfeff}.glpv-day-title{display:none}.glpv-card{width:100%;border:none;background:transparent;padding:18px 16px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:all .25s ease}.glpv-card:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}.glpv-card:hover{background:#ffffff73}.glpv-card:not(:last-child){border-bottom:1px solid rgba(30,58,138,.08)}.glpv-card:hover{background:#ffffff38;transform:none;box-shadow:none}.glpv-card:disabled{opacity:.72;cursor:not-allowed}.glpv-card-locked{background:transparent}.glpv-lesson-index{width:50px;height:50px;min-width:50px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;box-shadow:0 8px 20px #2563eb40}.glpv-main{min-width:0}.glpv-name{font-size:22px;font-weight:800;color:#183b72;line-height:1.35}.glpv-right{display:flex;align-items:center;gap:8px;justify-self:end;flex-wrap:wrap}.glpv-type{min-height:34px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800}.glpv-type-phonics{background:#e8f0ff;color:#1d4ed8;border-color:#cfe0ff}.glpv-type-grammar{background:#f3e8ff;color:#7c3aed;border-color:#e5d0ff}.glpv-type-reading{background:#ecfdf3;color:#15803d;border-color:#c9f2d8}.glpv-type-listening{background:#fff7e6;color:#b45309;border-color:#ffe4b5}.glpv-type-vocabulary{background:#ffeef2;color:#be185d;border-color:#ffd1df}.glpv-type-speaking{background:#eafaf8;color:#0f766e;border-color:#c7f0eb}.glpv-type-maths{background:#eefcff;color:#0369a1;border-color:#cdeef8}.glpv-lock{font-size:18px}@media(max-width:900px){.glpv-page{padding:18px 12px 28px}.glpv-level-grid{grid-template-columns:repeat(2,minmax(220px,260px));gap:14px}.glpv-card{grid-template-columns:50px 1fr;gap:12px;padding:13px 14px}.glpv-right{grid-column:1 / -1;justify-self:start;padding-left:62px}.glpv-lesson-index{width:42px;height:42px;min-width:42px;font-size:17px}}@media(max-width:640px){.glpv-page{padding:14px 10px 24px}.glpv-title{font-size:30px}.glpv-level-grid{grid-template-columns:1fr;gap:12px}.glpv-level-card{max-width:100%;min-height:84px;padding:12px;border-radius:14px}.glpv-level-title{font-size:18px}.glpv-level-heading{font-size:24px}.glpv-day-box{padding:10px;border-radius:18px;margin-bottom:14px}.glpv-card{padding:12px 10px;grid-template-columns:42px 1fr;gap:10px}.glpv-right{padding-left:52px;gap:6px}.glpv-lesson-index{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:15px}.glpv-name{font-size:15px}.glpv-type{min-height:30px;padding:6px 10px;font-size:12px}}.hp-day-title{display:none!important}.hp-day-box{padding:18px!important;border-radius:22px!important;margin-bottom:22px!important;box-shadow:none!important}.hp-day-box-1{border-top:6px solid #3b82f6}.hp-day-box-2{border-top:6px solid #f97316}.hp-day-box-3{border-top:6px solid #8b5cf6}.hp-day-box-4{border-top:6px solid #22c55e}.hp-day-box-5{border-top:6px solid #ec4899}.hp-day-box-6{border-top:6px solid #06b6d4}.hp-day-box{background:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000d}.hp-lesson-card{background:transparent!important;box-shadow:none!important;border:none!important}.hp-lesson-card:not(:last-child){border-bottom:1px solid rgba(30,58,138,.08)!important}.hp-lesson-row{background:transparent!important;box-shadow:none!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.glpv-day-color-1{background:#eef6ff;border-top:6px solid #3b82f6}.glpv-day-color-2{background:#fff1e8;border-top:6px solid #f97316}.glpv-day-color-3{background:#f7f1ff;border-top:6px solid #8b5cf6}.glpv-day-color-4{background:#f0fff4;border-top:6px solid #22c55e}.glpv-day-color-5{background:#fff8e8;border-top:6px solid #ec4899}.glpv-day-color-6{background:#ecfeff;border-top:6px solid #06b6d4}.home-page{min-height:100vh;padding:26px 14px 60px;background:radial-gradient(circle at top left,#dbeafe 0,transparent 32%),linear-gradient(180deg,#eef6ff,#fff)}.home-wrap{max-width:1220px;margin:0 auto}.home-wrap-full{max-width:100%}.hp-grade-title{margin:0 0 24px;font-size:34px;font-weight:900;color:#0f2f5f}.hp-level-card{margin-bottom:34px}.hp-level-title{margin:0 0 22px;font-size:26px;font-weight:900;color:#102a56}.hp-day-list{display:flex;flex-direction:column;gap:26px}.hp-day-box{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 26px #183b7214}.hp-day-box-1{border-top:7px solid #3b82f6}.hp-day-box-2{border-top:7px solid #f97316}.hp-day-box-3{border-top:7px solid #8b5cf6}.hp-day-box-4{border-top:7px solid #22c55e}.hp-day-box-5{border-top:7px solid #ec4899}.hp-day-box-6{border-top:7px solid #06b6d4}.hp-day-title{display:none}.hp-lesson-list{display:flex;flex-direction:column;gap:10px}.hp-lesson-row{width:100%;min-height:64px;border:0;border-radius:14px;background:transparent;padding:12px 18px;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:none;border-bottom:1px solid rgba(15,47,95,.08)}.hp-lesson-row:hover{background:#f8fbff;transform:none;box-shadow:none}.hp-lesson-left{min-width:0}.hp-lesson-topline{display:flex;align-items:center;gap:8px}.hp-lesson-text{font-size:17px;line-height:1.25;font-weight:900;color:#0f2f5f}.hp-lesson-right{flex-shrink:0}.hp-skill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap}.hp-skill-phonics{background:#e8f0ff;color:#1d4ed8}.hp-skill-grammar{background:#f3e8ff;color:#7c3aed}.hp-skill-reading{background:#ecfdf3;color:#15803d}.hp-skill-maths{background:#eefcff;color:#0369a1}.hp-skill-listening{background:#fff7e6;color:#b45309}.hp-skill-vocabulary{background:#ffeef2;color:#be185d}.hp-skill-spoken,.hp-skill-default{background:#eafaf8;color:#0f766e}.hp-lock-badge{margin-left:8px}.hp-status{padding:18px;border-radius:18px;background:#fff;font-weight:800}.hp-error{color:#b42318}@media(max-width:1100px){.hp-lesson-row{width:calc(50% - 6px)}}@media(max-width:700px){.home-page{padding:18px 10px 40px}.hp-grade-title{font-size:28px}.hp-level-title{font-size:22px}.hp-day-box{padding:14px;border-radius:20px}.hp-lesson-list{flex-direction:column}.hp-lesson-row{width:100%;min-height:72px;padding:14px}.hp-lesson-text{font-size:16px}}.hp-completion-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:25px;height:25px;border:2px solid #b8c1cc;border-radius:50%;background:#fff;color:#fff;font-size:17px;font-weight:900;line-height:1;transition:background .2s ease,border-color .2s ease,transform .2s ease}.hp-completion-icon.is-completed{border-color:#16a844;background:#16a844;box-shadow:0 4px 10px #16a84438}.hp-lesson-row.is-completed{background:linear-gradient(90deg,#ecfff1e6,#fff 45%)}.hp-lesson-row.is-completed .hp-lesson-text{color:#0d5e2a}.hp-lesson-row:hover .hp-completion-icon{transform:scale(1.06)}@media(max-width:600px){.hp-completion-icon{width:23px;height:23px;font-size:15px}}.admin-page{min-height:100vh;padding:24px 16px 40px;background:#f5f7fb}.admin-title{margin:0 0 20px;text-align:center;font-size:32px;font-weight:800;color:#111827}.admin-section{max-width:1100px;margin:0 auto 28px}.section-title{margin:0 0 14px;font-size:20px;font-weight:700;color:#1f2937;text-transform:capitalize}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.admin-card{min-height:110px;border:none;border-radius:18px;cursor:pointer;padding:18px 14px;font-size:18px;font-weight:700;color:#fff;box-shadow:0 8px 20px #00000014;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;display:flex;align-items:center;justify-content:center;text-align:center}.admin-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000001f}.admin-card:active{transform:translateY(0)}.admin-card-label{line-height:1.3}.phonics{background:linear-gradient(135deg,#10b981,#059669)}.vocabulary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.grammar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.reading{background:linear-gradient(135deg,#f59e0b,#d97706)}.listening{background:linear-gradient(135deg,#06b6d4,#0891b2)}.maths{background:linear-gradient(135deg,#ef4444,#dc2626)}.speaking{background:linear-gradient(135deg,#ec4899,#db2777)}.allinone{background:linear-gradient(135deg,#111827,#374151)}.add-images{background:linear-gradient(135deg,#14b8a6,#0f766e)}.view-image{background:linear-gradient(135deg,#6366f1,#4338ca)}.website{background:linear-gradient(135deg,#84cc16,#65a30d)}@media(max-width:640px){.admin-title{font-size:28px}.section-title{font-size:18px}.admin-card{min-height:96px;font-size:16px;border-radius:16px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-page{min-height:100vh;padding-bottom:80px;overflow-y:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}.admin-card{min-height:110px;display:flex;align-items:center;justify-content:center}.basic2advance{background:linear-gradient(135deg,#16a34a,#22c55e)}.read-answer{background:linear-gradient(135deg,#16a15a,#4338ca)}.ssc-page{min-height:100vh;padding:28px;background:#f6f8fb;color:#1f2937;box-sizing:border-box}.ssc-page *,.ssc-page *:before,.ssc-page *:after{box-sizing:border-box}.ssc-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ssc-title{margin:0;font-size:32px;font-weight:800;line-height:1.2;color:#111827}.ssc-dashboard-subtitle{margin:7px 0 0;font-size:15px;line-height:1.5;color:#6b7280}.ssc-btn{appearance:none;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;color:#1f2937;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.ssc-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#9ca3af;box-shadow:0 5px 14px #0f172a14}.ssc-btn-primary{border-color:#2563eb;background:#2563eb;color:#fff}.ssc-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.ssc-quick-nav-section{margin-bottom:26px}.ssc-quick-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ssc-quick-nav-card{appearance:none;width:100%;min-height:150px;padding:20px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 4px 14px #0f172a0a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ssc-quick-nav-card:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 12px 28px #0f172a17}.ssc-quick-nav-card:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.ssc-quick-nav-icon{display:block;margin-bottom:13px;font-size:31px;line-height:1}.ssc-quick-nav-title{display:block;margin-bottom:6px;font-size:18px;font-weight:800;line-height:1.25;color:#111827}.ssc-quick-nav-text{display:block;font-size:13px;line-height:1.5;color:#6b7280}.ssc-quick-nav-actions{margin-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.ssc-month{display:flex;flex-direction:column;gap:6px}.ssc-month-label{font-size:12px;font-weight:700;color:#6b7280}.ssc-month-input{min-height:42px;padding:8px 11px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:#111827;outline:none}.ssc-month-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ssc-error-message{margin-bottom:22px;padding:13px 16px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:14px;font-weight:600}.ssc-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:26px}.ssc-box{border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 5px 18px #0f172a0a;overflow:hidden}.ssc-box-inner{padding:22px}.ssc-centerBox{height:100%}.ssc-box-heading{margin-bottom:16px;font-size:18px;font-weight:800;color:#111827}.ssc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #f1f5f9}.ssc-row:last-of-type{border-bottom:none}.ssc-left{color:#4b5563;font-size:14px}.ssc-right{flex-shrink:0;color:#111827;font-size:15px;font-weight:700}.ssc-bold{font-weight:800}.ssc-underline{text-decoration:underline;text-underline-offset:3px}.ssc-note{margin-top:13px;padding-top:13px;border-top:1px solid #eef2f7;font-size:13px;color:#6b7280}.ssc-miniRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #f1f5f9}.ssc-miniRow:last-child{border-bottom:none}.ssc-miniLabel{font-size:14px;color:#4b5563}.ssc-miniVal{font-size:24px;font-weight:800;color:#111827}.ssc-dashboard-section{margin-bottom:26px;padding:22px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 5px 18px #0f172a0a}.ssc-section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.ssc-section-title{margin:0;font-size:21px;line-height:1.3;font-weight:800;color:#111827}.ssc-section-description{margin:6px 0 0;font-size:14px;line-height:1.5;color:#6b7280}.ssc-staff-salary-section{overflow:hidden}.ssc-staff-quick-links{display:flex;flex-wrap:wrap;gap:10px}.ssc-staff-salary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.ssc-staff-salary-card{min-width:0;padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.ssc-staff-salary-outstanding{background:#fff7ed;border-color:#fed7aa}.ssc-staff-salary-waiting{background:#fefce8;border-color:#fde68a}.ssc-staff-salary-label{min-height:38px;font-size:12px;line-height:1.4;font-weight:700;color:#6b7280}.ssc-staff-salary-value{margin-top:7px;font-size:20px;line-height:1.2;font-weight:800;color:#111827}.ssc-staff-list{width:100%;margin-top:8px;overflow-x:auto;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.ssc-staff-list-header,.ssc-staff-list-row{min-width:830px;display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(125px,.9fr) minmax(125px,.9fr) minmax(135px,.9fr) minmax(155px,1fr);gap:12px;align-items:center}.ssc-staff-list-header{padding:12px 15px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.ssc-staff-list-row{padding:14px 15px;border-bottom:1px solid #eef2f7;font-size:14px;color:#374151}.ssc-staff-list-row:last-child{border-bottom:none}.ssc-staff-list-row:hover{background:#fafcff}.ssc-staff-person{min-width:0;display:flex;flex-direction:column;gap:3px}.ssc-staff-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827}.ssc-staff-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6b7280}.ssc-staff-balance-due{font-weight:800;color:#b45309}.ssc-staff-balance-clear{font-weight:800;color:#15803d}.ssc-staff-next-payment{display:flex;flex-direction:column;gap:3px}.ssc-staff-next-payment strong{font-size:13px;color:#111827}.ssc-staff-next-payment span{font-size:11px;font-weight:700;color:#6b7280}.ssc-staff-empty{padding:22px;text-align:center;font-size:14px;color:#6b7280}.ssc-staff-payment-alert{margin-top:18px;padding:15px 17px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;display:flex;align-items:center;justify-content:space-between;gap:18px}.ssc-staff-payment-alert-title{margin-bottom:3px;font-size:14px;font-weight:800;color:#9a3412}.ssc-staff-payment-alert-text{font-size:13px;line-height:1.5;color:#7c2d12}.ssc-staff-pay-now-btn{appearance:none;flex-shrink:0;border:1px solid #ea580c;border-radius:10px;background:#ea580c;padding:9px 15px;font:inherit;font-size:13px;font-weight:800;color:#fff;cursor:pointer}.ssc-staff-pay-now-btn:hover{background:#c2410c;border-color:#c2410c}.ssc-staff-payment-clear{margin-top:18px;padding:14px 16px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4;font-size:13px;font-weight:700;color:#166534}.ssc-monthRow{display:grid;grid-template-columns:repeat(13,minmax(78px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}.ssc-monthCell{min-width:78px;padding:12px 8px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;text-align:center}.ssc-monthCell-selected{border-color:#93c5fd;background:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe}.ssc-totalCell{border-color:#cbd5e1;background:#f1f5f9}.ssc-monthName{margin-bottom:5px;font-size:11px;font-weight:800;color:#64748b}.ssc-monthVal{font-size:12px;font-weight:800;color:#111827}.ssc-registration-section{margin-bottom:0}.ssc-registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ssc-registration-card{min-width:0;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc}.ssc-registration-card-header{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}.ssc-registration-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#3730a3}.ssc-registration-title{margin:0;font-size:17px;font-weight:800;color:#111827}.ssc-registration-description{margin:5px 0 0;font-size:13px;line-height:1.45;color:#6b7280}.ssc-registration-links{display:flex;flex-direction:column;gap:9px}.ssc-registration-link{appearance:none;width:100%;padding:12px 13px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:3px;align-items:center;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ssc-registration-link:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 5px 14px #0f172a0f}.ssc-registration-link-title{grid-column:1;font-size:13px;font-weight:800;color:#111827}.ssc-registration-link-description{grid-column:1;font-size:12px;line-height:1.4;color:#6b7280}.ssc-registration-link-arrow{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:20px;color:#94a3b8}@media(max-width:1150px){.ssc-quick-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssc-staff-salary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.ssc-page{padding:20px}.ssc-grid2,.ssc-registration-grid{grid-template-columns:1fr}.ssc-section-heading-row{flex-direction:column}.ssc-staff-quick-links{width:100%}.ssc-staff-payment-alert{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.ssc-page{padding:14px}.ssc-title{font-size:26px}.ssc-quick-nav-grid{grid-template-columns:1fr;gap:12px}.ssc-quick-nav-card{min-height:125px;padding:17px}.ssc-quick-nav-actions{flex-direction:column;align-items:stretch}.ssc-month,.ssc-month-input,.ssc-quick-nav-actions .ssc-btn{width:100%}.ssc-staff-salary-grid{grid-template-columns:1fr}.ssc-dashboard-section,.ssc-box-inner{padding:17px}.ssc-staff-quick-links .ssc-btn{flex:1 1 100%}}.simple-notepad-page{min-height:100vh;background:#f6f7fb;padding:20px}.simple-notepad-card{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px #00000014}.simple-notepad-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.simple-notepad-top h1{margin:0;font-size:22px;color:#222}.simple-notepad-clear{border:none;background:#e74c3c;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px}.simple-notepad-clear:hover{opacity:.92}.simple-notepad-box{width:100%;min-height:75vh;border:1px solid #d9dce3;border-radius:12px;padding:14px;font-size:16px;line-height:1.6;resize:vertical;outline:none;box-sizing:border-box;font-family:Arial,sans-serif}.simple-notepad-box:focus{border-color:#4c8bf5}.staff-work-page{width:100%;max-width:1120px;min-height:calc(100vh - 90px);margin:0 auto;padding:42px 20px 70px;box-sizing:border-box}.staff-work-header{margin-bottom:28px}.staff-work-header h1{margin:0;font-size:32px;font-weight:800;color:#10213b;letter-spacing:-.5px}.staff-work-header p{margin:8px 0 0;font-size:15px;color:#667085}.staff-work-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:30px}.staff-work-summary-card{position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center;padding:22px 20px;background:#fff;border:1px solid #e7edf5;border-radius:20px;box-shadow:0 10px 30px #0f172a0f,0 2px 6px #0f172a08;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.staff-work-summary-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0f172a17,0 3px 8px #0f172a0a}.staff-work-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#3b82f6}.staff-work-summary-card:nth-child(2):before{background:#8b5cf6}.staff-work-summary-card:nth-child(3):before{background:#10b981}.staff-work-summary-card:nth-child(4):before{background:#f59e0b}.staff-work-summary-card:nth-child(5):before{background:#ef4444}.staff-work-summary-label{margin-bottom:10px;font-size:14px;font-weight:700;color:#667085}.staff-work-summary-value{font-size:22px;font-weight:800;color:#172033}.staff-work-balance-card{background:linear-gradient(135deg,#ef44440a,#fff)}.staff-work-balance-positive .staff-work-summary-value{color:#15803d}.staff-work-balance-negative .staff-work-summary-value{color:#dc2626}.staff-work-balance-zero .staff-work-summary-value{color:#475569}.staff-work-card{margin-top:28px;padding:30px;background:#fff;border:1px solid #e6ecf3;border-radius:22px;box-shadow:0 12px 35px #0f172a0e,0 2px 6px #0f172a06}.staff-work-card-header{margin-bottom:24px}.staff-work-card-header h2{margin:0;font-size:23px;font-weight:800;color:#14213d}.staff-work-card-header p{margin:7px 0 0;color:#7a8596;font-size:14px}.staff-work-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.staff-work-field{display:flex;flex-direction:column;gap:8px}.staff-work-field:nth-child(3){grid-column:1 / -1}.staff-work-field label{font-size:14px;font-weight:700;color:#24324a}.staff-work-field input,.staff-work-field textarea{width:100%;box-sizing:border-box;border:1.5px solid #d6deea;border-radius:13px;background:#fbfcfe;padding:13px 14px;font-family:inherit;font-size:15px;color:#1d2939;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.staff-work-field input{height:48px}.staff-work-field textarea{min-height:130px;resize:vertical;line-height:1.6}.staff-work-field input::placeholder,.staff-work-field textarea::placeholder{color:#98a2b3}.staff-work-field input:focus,.staff-work-field textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61c}.staff-work-save-button{grid-column:1 / -1;justify-self:end;min-width:190px;border:none;border-radius:13px;padding:13px 24px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #2563eb38;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.staff-work-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #2563eb47}.staff-work-save-button:active:not(:disabled){transform:translateY(0)}.staff-work-save-button:disabled{opacity:.65;cursor:not-allowed}.staff-work-message{grid-column:1 / -1;padding:12px 15px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-size:14px;font-weight:600}.staff-work-table-wrap{width:100%;overflow-x:auto;border:1px solid #e7ecf3;border-radius:15px}.staff-work-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.staff-work-table thead{background:#f5f8fc}.staff-work-table th{padding:15px 18px;text-align:left;border-bottom:1px solid #dfe6ef;font-size:13px;font-weight:800;color:#40516d;white-space:nowrap}.staff-work-table td{padding:16px 18px;border-bottom:1px solid #edf1f6;vertical-align:top;font-size:14px;color:#344054;line-height:1.55}.staff-work-table tbody tr{transition:background .15s ease}.staff-work-table tbody tr:hover{background:#f8fbff}.staff-work-table tbody tr:last-child td{border-bottom:none}.staff-work-description-cell{min-width:300px}.staff-work-empty{margin-top:10px;padding:26px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;color:#778195;font-size:15px}.staff-work-loading{min-height:350px;display:flex;align-items:center;justify-content:center;padding:40px;font-size:17px;font-weight:700;color:#52617a}@media(max-width:1000px){.staff-work-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.staff-work-page{padding:26px 14px 50px}.staff-work-header h1{font-size:27px}.staff-work-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-work-summary-card{min-height:105px;padding:18px 15px;border-radius:16px}.staff-work-summary-label{font-size:13px}.staff-work-summary-value{font-size:18px}.staff-work-card{margin-top:20px;padding:21px 16px;border-radius:18px}.staff-work-card-header h2{font-size:20px}.staff-work-form{grid-template-columns:1fr;gap:16px}.staff-work-field:nth-child(3),.staff-work-save-button,.staff-work-message{grid-column:1}.staff-work-save-button{width:100%;justify-self:stretch}.staff-work-table th,.staff-work-table td{padding:13px 14px}}@media(max-width:430px){.staff-work-summary-grid{grid-template-columns:1fr}.staff-work-summary-card{min-height:auto}}.staff-management-page{min-height:calc(100vh - 90px);padding:38px 20px 70px;background:radial-gradient(circle at top left,rgba(56,189,248,.07),transparent 30%),radial-gradient(circle at top right,rgba(139,92,246,.07),transparent 30%),#07101f;color:#e5edf8}.staff-management-container{width:100%;max-width:1180px;margin:0 auto}.staff-management-header{margin-bottom:26px}.staff-management-header h1{margin:14px 0 5px;color:#fff;font-size:31px;font-weight:900}.staff-management-header p{margin:0;color:#94a3b8;font-size:14px}.staff-management-back-btn{padding:8px 13px;border:1px solid #2c3a52;border-radius:9px;background:#111c30;color:#d6dfeb;font-size:13px;font-weight:800;cursor:pointer}.staff-management-back-btn:hover{background:#19263b;color:#fff}.staff-management-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.staff-management-summary-card{position:relative;min-height:100px;padding:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border:1px solid #283750;border-radius:14px;background:#111c30}.staff-management-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#38bdf8}.staff-management-summary-card:nth-child(2):before{background:#22c55e}.staff-management-summary-card:nth-child(3):before{background:#f59e0b}.staff-management-summary-card.admin-card:before{background:#a855f7}.staff-management-summary-card span{margin-bottom:8px;color:#94a3b8;font-size:12px;font-weight:700}.staff-management-summary-card strong{color:#fff;font-size:22px;font-weight:900}.staff-management-success,.staff-management-error{margin-bottom:18px;padding:13px 16px;border-radius:11px;font-size:13px;font-weight:800}.staff-management-success{color:#86efac;border:1px solid rgba(34,197,94,.35);background:#22c55e17}.staff-management-error{color:#fca5a5;border:1px solid rgba(239,68,68,.35);background:#ef444417}.staff-management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.staff-management-toolbar h2{margin:0;color:#fff;font-size:21px;font-weight:900}.staff-management-toolbar p{margin:5px 0 0;color:#8492a6;font-size:12px}.staff-management-search-wrap{width:100%;max-width:360px}.staff-management-search{width:100%;height:44px;box-sizing:border-box;padding:0 14px;border:1px solid #33445f;border-radius:10px;outline:none;background:#0a1527;color:#fff;font-family:inherit;font-size:13px}.staff-management-search::placeholder{color:#64748b}.staff-management-search:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.staff-management-card{overflow:hidden;border:1px solid #223149;border-radius:16px;background:#091426}.staff-management-table-wrap{width:100%;overflow-x:auto}.staff-management-table{width:100%;min-width:900px;border-collapse:collapse}.staff-management-table th{padding:14px 16px;text-align:left;background:#0f1b2e;border-bottom:1px solid #2a3951;color:#8fa0b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.staff-management-table td{padding:16px;border-bottom:1px solid #19283d;color:#dce6f2;font-size:13px;vertical-align:middle}.staff-management-table tbody tr:last-child td{border-bottom:none}.staff-management-table tbody tr:hover{background:#38bdf806}.staff-management-person{display:flex;align-items:center;gap:11px}.staff-management-avatar{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#475569,#64748b);color:#fff;font-size:17px;font-weight:900}.staff-management-avatar.staff-avatar{background:linear-gradient(135deg,#0284c7,#38bdf8)}.staff-management-avatar.admin-avatar{background:linear-gradient(135deg,#7e22ce,#a855f7)}.staff-management-person strong{display:flex;align-items:center;gap:7px;color:#fff;font-size:13px}.staff-management-person>div:last-child>span{display:block;margin-top:3px;color:#718096;font-size:11px}.staff-management-person .staff-management-you{display:inline-block;margin:0;padding:2px 6px;border-radius:5px;background:#38bdf81f;color:#38bdf8;font-size:9px;font-weight:900}.staff-role-badge{display:inline-block;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:900}.staff-role-badge.admin{color:#d8b4fe;background:#a855f71c}.staff-role-badge.staff{color:#7dd3fc;background:#38bdf81a}.staff-role-badge.user{color:#cbd5e1;background:#94a3b817}.staff-status-badge{display:inline-block;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:900}.staff-status-badge.active{color:#4ade80;background:#22c55e17}.staff-status-badge.inactive{color:#f87171;background:#ef444417}.staff-management-btn{min-width:105px;padding:8px 12px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.staff-management-btn:hover:not(:disabled){transform:translateY(-1px)}.staff-management-btn:disabled{opacity:.5;cursor:not-allowed}.staff-management-btn.assign{border:none;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.staff-management-btn.remove{border:1px solid rgba(239,68,68,.4);background:#ef444414;color:#f87171}.staff-management-btn.activate{border:1px solid rgba(34,197,94,.4);background:#22c55e14;color:#4ade80}.staff-management-btn.deactivate{border:1px solid rgba(245,158,11,.4);background:#f59e0b14;color:#fbbf24}.staff-protected-badge{display:inline-block;padding:6px 9px;border-radius:8px;background:#a855f717;color:#c084fc;font-size:10px;font-weight:900}.staff-management-empty{padding:38px 20px;text-align:center;color:#8492a6;font-size:13px}.staff-management-loading{min-height:500px;display:flex;align-items:center;justify-content:center;background:#07101f;color:#cbd5e1;font-size:16px;font-weight:800}@media(max-width:900px){.staff-management-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.staff-management-page{padding:25px 13px 50px}.staff-management-header h1{font-size:26px}.staff-management-toolbar{flex-direction:column;align-items:stretch}.staff-management-search-wrap{max-width:none}}@media(max-width:430px){.staff-management-summary{grid-template-columns:1fr}}.staff-management-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.staff-add-main-btn{border:none;border-radius:10px;padding:11px 18px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:13px;font-weight:900;cursor:pointer}.staff-add-card{margin-bottom:22px;padding:22px;border:1px solid #28583e;border-radius:16px;background:linear-gradient(135deg,#22c55e14,#0b1728)}.staff-add-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.staff-add-heading>div>span{display:block;margin-bottom:5px;color:#4ade80;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.staff-add-heading h2{margin:0;color:#fff;font-size:20px;font-weight:900}.staff-add-heading p{margin:5px 0 0;color:#94a3b8;font-size:12px}.staff-add-close,.staff-permission-close{width:35px;height:35px;border:1px solid #334155;border-radius:9px;background:#111827;color:#cbd5e1;font-size:20px;cursor:pointer}.staff-add-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:14px;align-items:end}.staff-add-field{display:flex;flex-direction:column;gap:7px}.staff-add-field label{color:#cbd5e1;font-size:12px;font-weight:800}.staff-add-field input{width:100%;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid #33445f;border-radius:10px;outline:none;background:#091426;color:#fff;font-family:inherit}.staff-add-field input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.staff-add-submit{height:44px;border:none;border-radius:10px;padding:0 19px;background:#22c55e;color:#fff;font-weight:900;cursor:pointer}.staff-permission-card{margin-bottom:24px;padding:24px;border:1px solid #354868;border-radius:17px;background:linear-gradient(145deg,#111e34,#0b1628)}.staff-permission-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.staff-permission-eyebrow{display:block;margin-bottom:5px;color:#38bdf8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.staff-permission-header h2{margin:0;color:#fff;font-size:23px;font-weight:900}.staff-permission-header p{margin:4px 0 0;color:#8492a6;font-size:12px}.staff-permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.staff-permission-group{padding:17px;border:1px solid #273850;border-radius:13px;background:#0a1527}.staff-permission-group h3{margin:0 0 14px;color:#fff;font-size:14px;font-weight:900}.staff-permission-option{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid #1e2c41;cursor:pointer}.staff-permission-option:last-child{border-bottom:none}.staff-permission-option input{width:17px;height:17px;margin-top:2px;accent-color:#22c55e}.staff-permission-option span{display:block}.staff-permission-option strong{display:block;color:#e5edf8;font-size:12px}.staff-permission-option small{display:block;margin-top:3px;color:#718096;font-size:10px;line-height:1.4}.staff-permission-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.staff-permission-cancel,.staff-permission-save{min-width:140px;padding:10px 17px;border-radius:9px;font-size:12px;font-weight:900;cursor:pointer}.staff-permission-cancel{border:1px solid #334155;background:#111827;color:#cbd5e1}.staff-permission-save{border:none;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.staff-manage-permissions-btn{min-width:105px;padding:8px 11px;border:1px solid rgba(56,189,248,.35);border-radius:8px;background:#38bdf814;color:#7dd3fc;font-size:11px;font-weight:900;cursor:pointer}.staff-manage-permissions-btn:hover{background:#38bdf824}.staff-no-access{color:#526176;font-size:12px}@media(max-width:900px){.staff-permission-groups{grid-template-columns:1fr}.staff-add-form{grid-template-columns:1fr 1fr}.staff-add-submit{grid-column:1 / -1}}@media(max-width:700px){.staff-management-header{flex-direction:column;align-items:stretch}.staff-add-main-btn{width:100%}.staff-add-form{grid-template-columns:1fr}.staff-add-submit{grid-column:auto}.staff-permission-actions{flex-direction:column-reverse}.staff-permission-cancel,.staff-permission-save{width:100%}}.staff-bank-display{display:flex;align-items:center;gap:10px;min-width:220px}.staff-bank-text{max-width:260px;font-size:13px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-bank-edit-btn{border:1px solid #38bdf8;background:#38bdf814;color:#7dd3fc;padding:7px 11px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px;white-space:nowrap}.staff-bank-edit-btn:hover{background:#38bdf829}.staff-bank-edit-wrap{min-width:280px}.staff-bank-input{width:100%;box-sizing:border-box;border:1px solid #334155;background:#0f172a;color:#fff;padding:9px 11px;border-radius:8px;outline:none;font-size:13px}.staff-bank-input:focus{border-color:#38bdf8}.staff-bank-actions{display:flex;gap:7px;margin-top:7px}.staff-bank-save-btn,.staff-bank-cancel-btn{border-radius:7px;padding:6px 11px;cursor:pointer;font-weight:700;font-size:12px}.staff-bank-save-btn{background:#16a34a;border:1px solid #22c55e;color:#fff}.staff-bank-cancel-btn{background:transparent;border:1px solid #64748b;color:#cbd5e1}.staff-bank-save-btn:disabled,.staff-bank-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.staff-payments-page{min-height:calc(100vh - 90px);padding:38px 20px 70px;background:radial-gradient(circle at top left,rgba(56,189,248,.07),transparent 28%),radial-gradient(circle at top right,rgba(34,197,94,.06),transparent 28%),#07101f;color:#e5edf8}.staff-payments-container{width:100%;max-width:1180px;margin:0 auto}.staff-payments-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.staff-payments-header h1{margin:12px 0 5px;font-size:31px;font-weight:900;color:#fff}.staff-payments-header p{margin:0;color:#94a3b8;font-size:14px}.staff-payments-back-btn{padding:8px 12px;border:1px solid #26344d;border-radius:9px;background:#111c30;color:#cbd5e1;font-size:13px;font-weight:700;cursor:pointer}.staff-payments-back-btn:hover{background:#17243a;color:#fff}.staff-payments-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:22px}.staff-payment-summary-card{position:relative;overflow:hidden;min-height:102px;padding:18px;display:flex;flex-direction:column;justify-content:center;background:#111c30;border:1px solid #26344d;border-radius:14px}.staff-payment-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#38bdf8}.staff-payment-summary-card:nth-child(2):before{background:#22c55e}.staff-payment-summary-card:nth-child(3):before{background:#8b5cf6}.staff-payment-summary-card.outstanding:before{background:#ef4444}.staff-payment-summary-card.waiting:before{background:#f59e0b}.staff-payment-summary-card span{margin-bottom:9px;font-size:12px;font-weight:700;color:#94a3b8}.staff-payment-summary-card strong{font-size:20px;font-weight:900;color:#fff}.staff-payment-summary-card.outstanding strong{color:#fb7185}.staff-payment-summary-card.waiting strong{color:#facc15}.staff-payment-error,.staff-payment-success{margin-bottom:18px;padding:13px 16px;border-radius:11px;font-size:13px;font-weight:700}.staff-payment-error{color:#fecaca;background:#ef44441a;border:1px solid rgba(239,68,68,.35)}.staff-payment-success{color:#86efac;background:#22c55e17;border:1px solid rgba(34,197,94,.3)}.staff-payment-form-card{margin-bottom:24px;padding:24px;background:linear-gradient(145deg,#101b2f,#0c1627);border:1px solid #31415e;border-radius:17px;box-shadow:0 18px 45px #0000002e}.staff-payment-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.staff-payment-form-eyebrow{display:block;margin-bottom:5px;color:#38bdf8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.staff-payment-form-heading h2{margin:0;color:#fff;font-size:24px;font-weight:900}.staff-payment-form-heading p{margin:4px 0 0;color:#94a3b8;font-size:12px}.staff-payment-close-btn{width:36px;height:36px;border:1px solid #334155;border-radius:9px;background:#111827;color:#cbd5e1;font-size:22px;cursor:pointer}.staff-payment-selected-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.staff-payment-selected-summary>div{padding:14px;background:#0a1425;border:1px solid #26364f;border-radius:11px}.staff-payment-selected-summary span{display:block;margin-bottom:6px;color:#94a3b8;font-size:11px;font-weight:700}.staff-payment-selected-summary strong{color:#fff;font-size:17px;font-weight:900}.staff-payment-selected-summary .balance{background:#ef444412;border-color:#ef44444d}.staff-payment-selected-summary .balance strong{color:#fb7185}.staff-payment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.staff-payment-field{display:flex;flex-direction:column;gap:7px}.staff-payment-field-full{grid-column:1 / -1}.staff-payment-field label{color:#cbd5e1;font-size:12px;font-weight:800}.staff-payment-field input{width:100%;height:45px;box-sizing:border-box;padding:0 13px;border:1px solid #33445f;border-radius:10px;outline:none;background:#091426;color:#fff;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.staff-payment-field input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.staff-payment-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.staff-payment-cancel-btn,.staff-payment-save-btn{min-width:120px;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:900;cursor:pointer}.staff-payment-cancel-btn{border:1px solid #334155;background:#111827;color:#cbd5e1}.staff-payment-save-btn{border:none;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 8px 18px #22c55e2e}.staff-payment-save-btn:disabled,.staff-payment-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.staff-payments-section{margin-top:22px;padding:24px;background:#091426;border:1px solid #1f2c42;border-radius:17px}.staff-payments-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.staff-payments-section-heading h2{margin:0;color:#fff;font-size:21px;font-weight:900}.staff-payments-section-heading p{margin:5px 0 0;color:#8391a6;font-size:12px}.staff-payments-refresh-btn{padding:9px 13px;border:1px solid #334155;border-radius:9px;background:#111c30;color:#e2e8f0;font-size:12px;font-weight:800;cursor:pointer}.staff-payments-table-wrap{width:100%;overflow-x:auto;border:1px solid #1f2e45;border-radius:12px}.staff-payments-table{width:100%;min-width:850px;border-collapse:collapse}.staff-payments-table th{padding:13px 15px;text-align:left;background:#0e1a2d;color:#8fa0b8;border-bottom:1px solid #27364e;font-size:11px;font-weight:900;text-transform:uppercase}.staff-payments-table td{padding:15px;color:#dbe5f1;border-bottom:1px solid #18263a;font-size:13px;vertical-align:middle}.staff-payments-table tbody tr:last-child td{border-bottom:none}.staff-payments-table tbody tr:hover{background:#38bdf806}.staff-payment-person{display:flex;align-items:center;gap:11px}.staff-payment-avatar{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;font-size:16px;font-weight:900}.staff-payment-person strong{display:block;color:#fff;font-size:13px}.staff-payment-person span{display:block;margin-top:3px;color:#718096;font-size:11px}.staff-payment-hours{font-weight:800}.staff-payment-balance{display:inline-block;min-width:95px;padding:6px 9px;border-radius:8px;font-weight:900}.staff-payment-balance.pending{color:#fb7185;background:#ef444417}.staff-payment-balance.paid{color:#4ade80;background:#22c55e14}.staff-payment-pay-btn{min-width:72px;padding:8px 13px;border:none;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:12px;font-weight:900;cursor:pointer}.staff-payment-pay-btn:hover{transform:translateY(-1px)}.staff-payment-paid-badge{display:inline-block;padding:6px 9px;border-radius:8px;color:#4ade80;background:#22c55e14;font-size:11px;font-weight:900}.staff-payments-empty{padding:30px;text-align:center;border:1px dashed #334155;border-radius:12px;background:#0c1728;color:#8391a6;font-size:13px}.staff-payments-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-payment-history-card{overflow:hidden;border:1px solid #26354c;border-radius:12px;background:#0d182a}.staff-payment-history-person{padding:14px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #25344a}.staff-payment-history-person strong{color:#fff;font-size:13px}.staff-payment-history-person span{color:#94a3b8;font-size:11px}.staff-payment-history-list{padding:5px 14px}.staff-payment-history-row{padding:11px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #1c2b40}.staff-payment-history-row:last-child{border-bottom:none}.staff-payment-history-row strong{display:block;color:#4ade80;font-size:13px}.staff-payment-history-row span{display:block;margin-top:3px;color:#718096;font-size:10px}.staff-payment-history-row p{margin:0;color:#9aa8ba;font-size:11px;text-align:right}.staff-payments-loading{min-height:500px;display:flex;align-items:center;justify-content:center;background:#07101f;color:#cbd5e1;font-size:16px;font-weight:800}@media(max-width:1000px){.staff-payments-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.staff-payments-page{padding:25px 13px 50px}.staff-payments-header h1{font-size:26px}.staff-payments-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-payment-selected-summary,.staff-payment-form-grid{grid-template-columns:1fr}.staff-payment-field-full{grid-column:auto}.staff-payment-form-actions{flex-direction:column-reverse}.staff-payment-cancel-btn,.staff-payment-save-btn{width:100%}.staff-payments-history-grid{grid-template-columns:1fr}.staff-payments-section{padding:17px 13px}}@media(max-width:430px){.staff-payments-summary{grid-template-columns:1fr}}.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{width:100%;overflow-x:auto;overflow-y:visible;max-height:none}.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:6px;flex-wrap:nowrap}.ssc-actBtn{width:34px;height:34px;flex-shrink:0}.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}select.ssc-input{padding-right:38px;cursor:pointer;height:48px;min-height:48px}select.ssc-input{height:48px!important;min-height:48px!important;overflow:visible!important}.ssc-accessBox{margin-top:12px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.ssc-checkRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;margin-top:8px;border-radius:10px;background:#fff;font-size:14px;font-weight:800;color:#0f172a;cursor:pointer}.ssc-checkRow input{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.ssc-typeRow{display:flex;gap:12px;margin-bottom:16px}.ssc-typeCard{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border:2px solid #dbe4ff;border-radius:14px;background:#fff;cursor:pointer;font-weight:700;color:#555;transition:all .2s ease}.ssc-typeCard:hover{border-color:#60a5fa;transform:translateY(-2px)}.ssc-typeCard.active{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;box-shadow:0 4px 12px #3b82f626}.ssc-typeCard input[type=radio]{width:18px;height:18px}.ssc-typeCard span{font-size:15px}.ssc-page{display:block!important;width:min(1400px,calc(100% - 40px));max-width:none;margin:0 auto;box-sizing:border-box}.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-teacher-summary{display:flex;gap:10px;flex-wrap:wrap}.ssc-teacher-summary span{padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:13px}.ssc-teacher-create-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:16px}.ssc-field{display:flex;flex-direction:column;gap:6px}.ssc-field span{color:#334155;font-size:13px;font-weight:800}.ssc-field input,.ssc-teacher-search,.ssc-invite-row input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(15,23,42,.15);border-radius:12px;background:#fff;color:#0f172a;font-size:14px;outline:none}.ssc-field input:focus,.ssc-teacher-search:focus,.ssc-invite-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ssc-teacher-create-btn{min-height:42px;white-space:nowrap}.ssc-invite-card{margin-top:12px;border:1px solid rgba(37,99,235,.2);background:#eff6ff}.ssc-invite-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:12px}.ssc-whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#15803d}.ssc-teacher-search{max-width:280px}.ssc-table-scroll{width:100%;overflow-x:auto}.ssc-table-subtext{margin-top:4px;color:#64748b;font-size:12px;font-weight:500}.ssc-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.ssc-status-badge.completed,.ssc-status-badge.active{background:#dcfce7;color:#166534}.ssc-status-badge.pending{background:#fef3c7;color:#92400e}.ssc-status-badge.disabled{background:#fee2e2;color:#991b1b}.ssc-teacher-actions{min-width:270px;gap:6px}.ssc-teacher-actions .ssc-btn{padding:8px 10px;font-size:12px;white-space:nowrap}.ssc-danger-btn{background:#dc2626}.ssc-success-btn{background:#15803d}@media(max-width:900px){.ssc-teacher-create-grid,.ssc-invite-row{grid-template-columns:1fr 1fr}.ssc-invite-row input{grid-column:1 / -1}}@media(max-width:600px){.ssc-teacher-create-grid{grid-template-columns:1fr}.ssc-teacher-create-btn{width:100%}.ssc-invite-row{grid-template-columns:1fr}.ssc-invite-row input{grid-column:auto}.ssc-invite-row .ssc-btn{width:100%}.ssc-teacher-search{max-width:none}}.ssc-page{display:block!important;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.ssc-page>.m-card{width:100%;box-sizing:border-box}.ssc-teacher-create-grid{grid-template-columns:minmax(200px,1fr) minmax(180px,1fr) minmax(240px,1.2fr) auto}.ssc-table-scroll{width:100%;max-width:100%;overflow-x:auto}@media(max-width:900px){.ssc-teacher-create-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ssc-teacher-create-grid{grid-template-columns:1fr}}.ssc-page .m-q{color:#0f172a!important}.ssc-page>.m-card{width:100%;max-width:none}.ssc-teacher-create-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.85fr) minmax(260px,1.2fr) auto;gap:12px;align-items:end;margin-top:16px}.ssc-assign-batch-btn{background:#2563eb;color:#fff;border-color:#2563eb}.ssc-teacher-count-button{min-width:42px;padding:7px 11px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:800;cursor:pointer}.ssc-teacher-count-button:hover{background:#dbeafe}.ssc-teacher-batch-modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ssc-teacher-batch-modal{width:min(900px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 24px 70px #0f172a47}.ssc-teacher-batch-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e2e8f0}.ssc-teacher-batch-modal-head h2{margin:0 0 5px;color:#0f172a;font-size:25px}.ssc-teacher-batch-modal-head p{margin:0;color:#64748b}.ssc-teacher-modal-close{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f1f5f9;color:#334155;font-size:27px;line-height:1;cursor:pointer}.ssc-teacher-modal-close:hover{background:#e2e8f0}.ssc-teacher-batch-summary{padding:12px 26px;background:#eff6ff;color:#1d4ed8;border-bottom:1px solid #dbeafe}.ssc-teacher-batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;border-bottom:1px solid #e2e8f0}.ssc-teacher-batch-toolbar input{width:min(340px,100%);padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font-size:15px}.ssc-teacher-batch-toolbar-buttons{display:flex;gap:8px}.ssc-teacher-batch-list{flex:1;overflow-y:auto;padding:18px 26px 26px}.ssc-teacher-grade-section{margin-bottom:24px}.ssc-teacher-grade-section h3{margin:0 0 11px;color:#334155;font-size:17px}.ssc-teacher-grade-batches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ssc-teacher-batch-option{display:flex;align-items:flex-start;gap:12px;padding:15px;border:2px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ssc-teacher-batch-option:hover{border-color:#93c5fd;background:#f8fbff}.ssc-teacher-batch-option input{width:19px;height:19px;margin-top:2px;flex:0 0 auto;accent-color:#2563eb}.ssc-teacher-batch-option-main strong{color:#0f172a;font-size:16px}.ssc-teacher-batch-option-main span{color:#64748b;font-size:13px}.ssc-teacher-batch-option-main small{color:#7c3aed;font-size:12px;line-height:1.4}.ssc-teacher-batch-loading{padding:45px 20px;text-align:center;color:#64748b}.ssc-teacher-batch-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid #e2e8f0;background:#f8fafc}@media(max-width:700px){.ssc-teacher-batch-modal-backdrop{padding:8px}.ssc-teacher-batch-modal{max-height:96vh;border-radius:18px}.ssc-teacher-batch-modal-head{padding:18px}.ssc-teacher-batch-summary{padding-left:18px;padding-right:18px}.ssc-teacher-batch-toolbar{flex-direction:column;align-items:stretch;padding:14px 18px}.ssc-teacher-batch-toolbar input,.ssc-teacher-batch-toolbar-buttons{width:100%}.ssc-teacher-batch-toolbar-buttons .ssc-btn{flex:1}.ssc-teacher-batch-list{padding:16px 18px 22px}.ssc-teacher-grade-batches{grid-template-columns:1fr}.ssc-teacher-batch-modal-footer{padding:15px 18px}.ssc-teacher-batch-modal-footer .ssc-btn{flex:1}}.ssc-registration-step{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #e5e7eb}.ssc-registration-step:last-of-type{border-bottom:none}.ssc-registration-step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#111827;color:#fff;font-size:18px;font-weight:800}.ssc-registration-step-content h3{margin:0 0 6px;font-size:18px;color:#111827}.ssc-registration-step-content .ssc-input{width:100%;max-width:650px;margin-top:10px}.ssc-registration-new-batch{max-width:650px;margin-top:18px;padding:18px;border:1px solid #bfdbfe;border-radius:15px;background:#eff6ff}.ssc-registration-new-batch h4{margin:0 0 15px;color:#1e3a8a}.ssc-registration-new-batch .ssc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ssc-registration-new-batch .ssc-field span{font-weight:700;color:#334155}.ssc-registration-new-batch input,.ssc-registration-new-batch select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-size:15px}.ssc-registration-package-grid{max-width:650px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.ssc-registration-package{display:flex;align-items:center;gap:12px;padding:17px;border:2px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer}.ssc-registration-package:hover{border-color:#93c5fd}.ssc-registration-package.selected{border-color:#2563eb;background:#eff6ff}.ssc-registration-package input{width:19px;height:19px;accent-color:#2563eb}.ssc-registration-package div{display:flex;flex-direction:column;gap:3px}.ssc-registration-package strong{color:#0f172a;font-size:16px}.ssc-registration-package span{color:#64748b;font-size:13px}.ssc-registration-generate{padding-top:22px;display:flex;justify-content:flex-end}.ssc-registration-generate-btn{min-width:260px;padding:14px 22px;background:#16a34a;border-color:#16a34a;color:#fff;font-size:16px}.ssc-registration-generate-btn:hover{background:#15803d}.ssc-registration-error{margin-top:18px;padding:13px 15px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:600}.ssc-registration-result{display:flex;align-items:flex-start;gap:18px}.ssc-registration-success-icon{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#15803d;font-size:28px;font-weight:900}.ssc-registration-result>div:last-child{flex:1;min-width:0}.ssc-registration-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;padding:15px;border-radius:14px;background:#f8fafc}.ssc-registration-summary div{display:flex;flex-direction:column;gap:4px}.ssc-registration-summary span{font-size:12px;color:#64748b}.ssc-registration-summary strong{color:#0f172a}@media(max-width:700px){.ssc-registration-step{grid-template-columns:36px 1fr;gap:10px}.ssc-registration-step-number{width:34px;height:34px;font-size:15px}.ssc-registration-package-grid{grid-template-columns:1fr}.ssc-registration-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ssc-registration-result{flex-direction:column}.ssc-registration-generate-btn{width:100%}}.ssc-teacher-switcher{display:flex;flex-wrap:wrap;gap:10px;padding:14px 26px;border-bottom:1px solid #e5e7eb;background:#fff}.ssc-teacher-switch-btn{border:1px solid #d7dce5;background:#f4f6f8;color:#172033;padding:9px 14px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.ssc-teacher-switch-btn span{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.ssc-teacher-switch-btn.active span{color:#2563eb}.parent-register-page{min-height:calc(100vh - 120px);padding:42px 18px 64px;background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 36%),radial-gradient(circle at bottom right,rgba(14,165,233,.13),transparent 34%),linear-gradient(145deg,#f8fbff,#eef6ff,#f8fafc)}.parent-register-card,.parent-register-success{width:min(760px,100%);margin:0 auto;background:#fffffff7;border:1px solid rgba(148,163,184,.28);border-radius:28px;box-shadow:0 25px 70px #0f172a1f,0 8px 24px #2563eb14}.parent-register-card{overflow:hidden}.parent-register-header{display:flex;align-items:center;gap:20px;padding:32px 34px;color:#fff;background:linear-gradient(135deg,#172554,#1d4ed8 55%,#0284c7)}.parent-register-logo{flex:0 0 auto;width:76px;height:76px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.65);border-radius:22px;background:#ffffff29;box-shadow:inset 0 1px #ffffff4d,0 12px 30px #0f172a33;font-size:22px;font-weight:900;letter-spacing:1px}.parent-register-brand{margin:0 0 5px;font-size:14px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;text-align:center}.parent-register-header h1{margin:0;font-size:clamp(26px,5vw,38px);line-height:1.15}.parent-register-intro{margin:8px 0 0;color:#ffffffd6;font-size:15px;line-height:1.6}.parent-register-form{display:grid;gap:22px;padding:34px}.parent-register-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.parent-register-field{display:grid;gap:8px}.parent-register-field label,.parent-register-packages legend{color:#172554;font-size:14px;font-weight:800}.parent-register-field label span,.parent-register-packages legend span{margin-left:4px;color:#dc2626}.parent-register-field input,.parent-register-field select{width:100%;min-height:52px;box-sizing:border-box;padding:12px 14px;border:1px solid #cbd5e1;border-radius:13px;outline:none;background:#fff;color:#0f172a;font:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.parent-register-field input::placeholder{color:#94a3b8}.parent-register-field input:focus,.parent-register-field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.parent-register-field input:disabled,.parent-register-field select:disabled{cursor:not-allowed;background:#f1f5f9;opacity:.75}.parent-register-field small{color:#64748b;font-size:12px;line-height:1.5}.parent-register-packages{display:grid;gap:12px;margin:0;padding:20px;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff}.parent-register-packages legend{padding:0 8px}.parent-register-packageCard{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:13px;padding:16px;border:2px solid #e2e8f0;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.parent-register-packageCard:hover{border-color:#93c5fd;transform:translateY(-1px)}.parent-register-packageCard.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 8px 24px #2563eb1a}.parent-register-packageCard input{width:19px;height:19px;accent-color:#2563eb}.parent-register-packageIcon{font-size:27px}.parent-register-packageCard>span:last-child{display:grid;gap:4px}.parent-register-packageCard strong{color:#172554;font-size:15px}.parent-register-packageCard small{color:#64748b;font-size:12px;line-height:1.45}.parent-register-message{padding:15px 17px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.6}.parent-register-card>.parent-register-message{margin:24px 34px 0}.parent-register-messageError{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.parent-register-notice{display:grid;gap:4px;padding:15px 17px;border:1px solid #fde68a;border-radius:14px;background:#fffbeb;color:#854d0e;font-size:13px;line-height:1.55}.parent-register-submit{width:100%;min-height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,#1d4ed8,#0284c7);color:#fff;cursor:pointer;font-size:16px;font-weight:900;letter-spacing:.2px;box-shadow:0 14px 30px #2563eb40;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.parent-register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px #2563eb4d}.parent-register-submit:active:not(:disabled){transform:translateY(0)}.parent-register-submit:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.parent-register-help{margin:-2px 0 0;color:#64748b;font-size:13px;line-height:1.6;text-align:center}.parent-register-help strong{color:#0f172a;white-space:nowrap}.parent-register-success{box-sizing:border-box;padding:46px 34px;text-align:center}.parent-register-successIcon{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:46px;font-weight:900;box-shadow:0 16px 32px #16a34a40}.parent-register-success .parent-register-brand{color:#2563eb}.parent-register-success h1{margin:8px 0 10px;color:#172554;font-size:clamp(28px,5vw,38px)}.parent-register-successText{margin:0 auto;max-width:520px;color:#475569;font-size:16px;line-height:1.7}.parent-register-summary{display:grid;gap:12px;margin:30px auto;max-width:520px;text-align:left}.parent-register-summary div{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid #dbeafe;border-radius:13px;background:#f8fbff}.parent-register-summary span{color:#64748b;font-size:13px}.parent-register-summary strong{color:#172554;font-size:14px;text-align:right}.parent-register-nextStep{margin:0;color:#334155;font-weight:700;line-height:1.65}.parent-register-thanks{margin:18px 0 0;color:#2563eb;font-weight:800}@media(max-width:640px){.parent-register-page{padding:18px 10px 40px}.parent-register-card,.parent-register-success{border-radius:20px}.parent-register-header{align-items:flex-start;padding:25px 20px}.parent-register-logo{width:58px;height:58px;border-radius:17px;font-size:18px}.parent-register-form{padding:24px 18px}.parent-register-grid{grid-template-columns:1fr}.parent-register-card>.parent-register-message{margin:18px 18px 0}.parent-register-packageCard{grid-template-columns:auto auto 1fr;padding:14px 12px}.parent-register-success{padding:38px 20px}.parent-register-summary div{align-items:flex-start;flex-direction:column;gap:5px}.parent-register-summary strong{text-align:left}}.parent-register-assigned-box{margin:22px 0 26px;padding:18px;border:2px solid #bfdbfe;border-radius:16px;background:#eff6ff}.parent-register-assigned-title{margin-bottom:12px;color:#1e3a8a;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.parent-register-assigned-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.parent-register-assigned-grid div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:#fff}.parent-register-assigned-grid span{color:#64748b;font-size:12px}.parent-register-assigned-grid strong{color:#0f172a;font-size:16px}.parent-register-assigned-note{margin:12px 0 0;color:#475569;font-size:13px;line-height:1.5}@media(max-width:600px){.parent-register-assigned-grid{grid-template-columns:1fr}}@media(max-width:768px){.parent-register-page{font-size:18px}.parent-register-card,.parent-register-success{padding:18px}.parent-register-header h1,.parent-register-success h1{font-size:30px;line-height:1.2}.parent-register-brand{font-size:26px}.parent-register-intro,.parent-register-assigned-note,.parent-register-help,.parent-register-nextStep,.parent-register-successText{font-size:17px;line-height:1.6}.parent-register-form h2,.parent-register-card h2{font-size:23px}.parent-register-field label{font-size:18px;font-weight:700}.parent-register-field input,.parent-register-field select{font-size:18px;min-height:52px;padding:13px 14px}.parent-register-field small{font-size:15px;line-height:1.5}.parent-register-notice{font-size:17px;line-height:1.6}.parent-register-notice strong,.parent-register-assigned-title{font-size:19px}.parent-register-submit{font-size:20px;min-height:56px;padding:14px 18px}.parent-register-summary span{font-size:15px}.parent-register-summary strong{font-size:18px}.parent-register-logo{font-size:20px}}.parent-register-headingBox{text-align:center;width:100%}.parent-register-brand{margin:0 0 8px;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}.parent-register-mainTitle{margin:0;font-size:34px;line-height:1.15;font-weight:900;letter-spacing:-.5px;text-align:center}.parent-register-titleLine{width:55px;height:4px;margin:14px auto 16px;border-radius:999px;background:#ffffffe6}.parent-register-intro{margin:0 auto;max-width:420px;font-size:17px;line-height:1.6;text-align:center;opacity:.95}@media(max-width:768px){.parent-register-brand{font-size:15px}.parent-register-mainTitle{font-size:31px}.parent-register-intro{font-size:17px;line-height:1.55}}.ssc-teacher-batch-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.ssc-teacher-batch-modal{width:min(100%,1000px);max-height:90vh;background:#fff;border-radius:18px;box-shadow:0 24px 70px #0f172a40;overflow:hidden;display:flex;flex-direction:column}.ssc-teacher-batch-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.ssc-teacher-batch-modal-head h2{margin:0 0 6px;font-size:22px;font-weight:800;color:#0f172a}.ssc-teacher-batch-modal-head .ssc-muted{margin:0;color:#64748b;font-size:14px}.ssc-teacher-modal-close{width:38px;height:38px;border:0;border-radius:10px;background:#e2e8f0;color:#334155;font-size:25px;line-height:1;cursor:pointer;flex-shrink:0}.ssc-teacher-modal-close:hover{background:#cbd5e1}.ssc-teacher-modal-close:disabled{opacity:.6;cursor:not-allowed}.ssc-teacher-batch-summary{padding:16px 22px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ssc-teacher-switcher{display:flex;flex-wrap:wrap;gap:8px}.ssc-teacher-switch-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:10px;padding:8px 11px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ssc-teacher-switch-btn span{min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.ssc-teacher-switch-btn:hover{border-color:#94a3b8;background:#f8fafc}.ssc-teacher-switch-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.ssc-teacher-switch-btn.active span{background:#fff3;color:#fff}.ssc-teacher-switch-btn:disabled{opacity:.6;cursor:not-allowed}.ssc-teacher-batch-summary>strong{color:#0f172a;font-size:14px}.ssc-teacher-batch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #e5e7eb;background:#fff}.ssc-teacher-batch-toolbar input[type=search]{width:min(100%,360px);border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.ssc-teacher-batch-toolbar input[type=search]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ssc-teacher-batch-toolbar-buttons{display:flex;gap:8px;flex-wrap:wrap}.ssc-btn{border:0;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer}.ssc-btn.secondary{background:#e2e8f0;color:#334155}.ssc-btn.secondary:hover{background:#cbd5e1}.ssc-btn:disabled{opacity:.6;cursor:not-allowed}.ssc-teacher-batch-list{flex:1;overflow-y:auto;padding:18px 22px 22px;background:#f8fafc}.ssc-teacher-batch-loading{padding:30px 16px;text-align:center;color:#64748b;font-weight:600}.ssc-teacher-grade-section{margin-bottom:22px}.ssc-teacher-grade-section:last-child{margin-bottom:0}.ssc-teacher-grade-section h3{margin:0 0 10px;font-size:16px;font-weight:800;color:#0f172a}.ssc-teacher-grade-batches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ssc-teacher-batch-option{border:1px solid #dbe3ec;background:#fff;border-radius:12px;padding:12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;transition:.15s ease}.ssc-teacher-batch-option:hover{border-color:#94a3b8;box-shadow:0 4px 14px #0f172a0f}.ssc-teacher-batch-option.selected{border-color:#2563eb;background:#eff6ff}.ssc-teacher-batch-option input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.ssc-teacher-batch-option-main{min-width:0;display:flex;flex-direction:column;gap:4px}.ssc-teacher-batch-option-main strong{color:#0f172a;font-size:14px;overflow-wrap:anywhere}.ssc-teacher-batch-option-main span{color:#64748b;font-size:12px}.ssc-teacher-batch-option-main small{color:#b45309;font-size:11px;line-height:1.4}.ssc-teacher-batch-modal-footer{border-top:1px solid #e5e7eb;background:#fff;padding:15px 22px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.ssc-assign-batch-btn{background:#2563eb;color:#fff}.ssc-assign-batch-btn:hover{background:#1d4ed8}@media(max-width:850px){.ssc-teacher-grade-batches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ssc-teacher-batch-modal-backdrop{padding:10px}.ssc-teacher-batch-modal{max-height:95vh;border-radius:14px}.ssc-teacher-batch-modal-head,.ssc-teacher-batch-summary,.ssc-teacher-batch-toolbar,.ssc-teacher-batch-list,.ssc-teacher-batch-modal-footer{padding-left:14px;padding-right:14px}.ssc-teacher-batch-toolbar{flex-direction:column;align-items:stretch}.ssc-teacher-batch-toolbar input[type=search],.ssc-teacher-batch-toolbar-buttons{width:100%}.ssc-teacher-batch-toolbar-buttons .ssc-btn{flex:1}.ssc-teacher-grade-batches{grid-template-columns:1fr}.ssc-teacher-batch-modal-footer{flex-direction:column-reverse}.ssc-teacher-batch-modal-footer .ssc-btn{width:100%}}.trp-page{min-height:100vh;padding:34px 16px 70px;background:#f1f5f9;color:#0f172a}.trp-wrap{max-width:1200px;margin:0 auto}.trp-backBtn{border:0;background:#0f172a;color:#fff;padding:11px 18px;border-radius:12px;font-weight:900;cursor:pointer;margin-bottom:18px}.trp-head{background:#fff;border-radius:24px;padding:26px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 14px 35px #0f172a14}.trp-kicker{margin:0 0 6px;color:#2563eb;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.trp-head h1{margin:0;font-size:34px;font-weight:950}.trp-muted{margin:8px 0 0;color:#64748b;font-weight:700}.trp-select{min-width:220px;padding:14px 16px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;font-size:17px;font-weight:900}.trp-sectionTitle{margin:28px 0 18px;font-size:26px;font-weight:950}.trp-loading{background:#fff7ed;border:1px solid #fed7aa;padding:12px 16px;border-radius:14px;margin-bottom:16px;font-weight:900}.trp-levelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.trp-card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 32px #0f172a14;border:1px solid #e2e8f0}.trp-cardTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.trp-card h3{margin:0;font-size:22px;font-weight:950}.trp-check{display:flex;align-items:center;gap:8px;font-weight:950;color:#166534}.trp-check input{width:22px;height:22px}.trp-textarea{width:100%;min-height:130px;margin-top:16px;padding:14px;resize:vertical;border-radius:14px;border:1px solid #cbd5e1;font-size:16px;line-height:1.5;outline:none}.trp-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.trp-date{margin-top:12px;color:#64748b;font-weight:800}.trp-saveBtn{margin-top:14px;width:100%;border:0;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:13px 16px;border-radius:14px;font-size:16px;font-weight:950;cursor:pointer}.trp-saveBtn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:760px){.trp-head{flex-direction:column;align-items:stretch}.trp-levelGrid{grid-template-columns:1fr}}.teacher-profile-page{min-height:100vh;padding:40px 20px 70px;background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 35%),linear-gradient(180deg,#f8fafc,#eef2ff);color:#0f172a}.teacher-profile-wrapper{width:min(920px,100%);margin:0 auto}.teacher-profile-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px;padding:10px 4px}.teacher-profile-logo{display:flex;width:58px;height:58px;flex-shrink:0;align-items:center;justify-content:center;border-radius:18px;background:#fff;box-shadow:0 14px 35px #0f172a1f;font-size:30px}.teacher-profile-eyebrow{margin:0 0 5px;color:#2563eb;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.teacher-profile-header h1{margin:0;color:#0f172a;font-size:clamp(29px,5vw,44px);line-height:1.1}.teacher-profile-header>div>p:last-child{max-width:680px;margin:11px 0 0;color:#64748b;font-size:15px;line-height:1.7}.teacher-profile-card{padding:28px;border:1px solid rgba(148,163,184,.22);border-radius:24px;background:#fffffff5;box-shadow:0 24px 70px #0f172a1a}.teacher-profile-section{padding:4px 0 30px}.teacher-profile-section+.teacher-profile-section{padding-top:30px;border-top:1px solid #e2e8f0}.teacher-profile-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.teacher-profile-section-heading>span{display:flex;width:34px;height:34px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:#0f172a;color:#fff;font-size:14px;font-weight:900}.teacher-profile-section-heading h2{margin:1px 0 4px;color:#0f172a;font-size:20px}.teacher-profile-section-heading p{margin:0;color:#64748b;font-size:14px}.teacher-profile-grid{display:grid;gap:16px}.teacher-profile-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-profile-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.teacher-profile-field>span{color:#334155;font-size:13px;font-weight:900}.teacher-profile-field input,.teacher-profile-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#0f172a;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.teacher-profile-field input{min-height:47px;padding:11px 13px}.teacher-profile-field textarea{min-height:125px;padding:13px;line-height:1.6;resize:vertical}.teacher-profile-field input:focus,.teacher-profile-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.teacher-profile-field input:disabled,.teacher-profile-field textarea:disabled{cursor:not-allowed;background:#f1f5f9;opacity:.7}.teacher-profile-full{grid-column:1 / -1}.teacher-profile-alert{margin-bottom:22px;padding:13px 15px;border-radius:13px;font-size:14px;font-weight:700}.teacher-profile-alert.error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.teacher-profile-submit-area{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #e2e8f0}.teacher-profile-submit-area p{max-width:540px;margin:0;color:#64748b;font-size:13px;line-height:1.6}.teacher-profile-submit-area button{min-width:220px;min-height:50px;padding:12px 20px;border:0;border-radius:14px;background:#0f172a;color:#fff;font-size:15px;font-weight:900;cursor:pointer}.teacher-profile-submit-area button:hover{background:#1e293b}.teacher-profile-submit-area button:disabled{cursor:not-allowed;opacity:.65}.teacher-profile-message-card{width:min(560px,calc(100% - 30px));margin:80px auto;text-align:center}.teacher-profile-message-card h1{margin:17px 0 9px;font-size:28px}.teacher-profile-message-card p{color:#475569;line-height:1.7}.teacher-profile-muted{font-size:13px}.teacher-profile-success-icon,.teacher-profile-error-icon{display:flex;width:70px;height:70px;margin:0 auto;align-items:center;justify-content:center;border-radius:50%;font-size:34px;font-weight:900}.teacher-profile-success-icon{background:#dcfce7;color:#15803d}.teacher-profile-error-icon{background:#fee2e2;color:#b91c1c}.teacher-profile-loader{width:46px;height:46px;margin:0 auto;border:5px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:teacher-profile-spin .8s linear infinite}@keyframes teacher-profile-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.teacher-profile-page{padding:24px 12px 50px}.teacher-profile-header{align-items:center}.teacher-profile-logo{width:48px;height:48px;border-radius:15px;font-size:24px}.teacher-profile-card{padding:20px 16px;border-radius:19px}.teacher-profile-grid.two{grid-template-columns:1fr}.teacher-profile-full{grid-column:auto}.teacher-profile-submit-area{flex-direction:column;align-items:stretch}.teacher-profile-submit-area button{width:100%;min-width:0}}.teacher-profile-photo-area{width:100%}.teacher-profile-photo-empty{border:2px dashed #cbd5e1;border-radius:18px;padding:32px 20px;text-align:center;background:#f8fafc}.teacher-profile-photo-placeholder{width:100px;height:100px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e2e8f0;font-size:48px}.teacher-profile-photo-empty h3{margin:0 0 8px;font-size:20px;font-weight:800;color:#1e293b}.teacher-profile-photo-empty p{margin:0 auto 18px;max-width:420px;color:#64748b;font-size:15px;line-height:1.6}.teacher-profile-photo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease}.teacher-profile-photo-button:hover{background:#1d4ed8}.teacher-profile-photo-button:active{transform:scale(.98)}.teacher-profile-photo-note{margin-top:14px!important;margin-bottom:0!important;font-size:13px!important;color:#94a3b8!important}.teacher-profile-photo-preview-area{display:flex;flex-direction:column;align-items:center;padding:24px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.teacher-profile-photo-preview{width:170px;height:170px;border-radius:50%;overflow:hidden;background:#e2e8f0;border:5px solid #ffffff;box-shadow:0 4px 18px #0000001f}.teacher-profile-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}.teacher-profile-photo-actions{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.teacher-profile-photo-remove-button{padding:12px 20px;border:1px solid #dc2626;border-radius:12px;background:#fff;color:#dc2626;font-size:15px;font-weight:700;cursor:pointer}.teacher-profile-photo-remove-button:hover{background:#fef2f2}.teacher-profile-selected-photo{margin:15px 0 0;color:#15803d;font-size:14px;font-weight:700}@media(max-width:600px){.teacher-profile-photo-empty{padding:26px 15px}.teacher-profile-photo-button{width:100%;max-width:290px}.teacher-profile-photo-preview{width:145px;height:145px}.teacher-profile-photo-actions{width:100%;flex-direction:column}.teacher-profile-photo-actions .teacher-profile-photo-button,.teacher-profile-photo-remove-button{width:100%;max-width:290px}}.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}.payment-followup-page{width:100%;min-height:100vh;padding:18px;background:#f4f6fa;color:#172033;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.payment-followup-page *{box-sizing:border-box}.payment-followup-page h1{max-width:900px;margin:0 auto 16px;font-size:27px;font-weight:900}.report-filters{max-width:900px;margin:0 auto 12px;display:grid;grid-template-columns:1fr 200px 100px;gap:9px;align-items:end;padding:13px;background:#fff;border:1px solid #dfe5ed;border-radius:14px;box-shadow:0 4px 12px #1428500d}.report-filters label{display:block;margin-bottom:5px;font-size:13px;font-weight:800}.report-filters select,.report-filters input{width:100%;min-height:46px;padding:9px;border:1px solid #c6ced9;border-radius:9px;background:#fff;color:#172033;font-size:16px}.load-report-btn{min-height:46px;border:none;border-radius:9px;background:#1768d2;color:#fff;font-size:15px;font-weight:900;cursor:pointer}.load-report-btn:disabled{opacity:.55}.student-count{max-width:900px;margin:0 auto 10px;color:#667386;font-size:14px;font-weight:800}.payment-student-list{max-width:900px;margin:0 auto;display:grid;gap:9px}.payment-student-card{padding:12px 13px;background:#fff;border:1px solid #dce3eb;border-radius:13px;box-shadow:0 3px 10px #1428500d}.payment-student-card.student-paid{background:#f2fbf5;border-color:#c8e8d3}.student-main-row{display:flex;align-items:center;gap:8px;min-height:50px}.student-number{width:31px;height:31px;flex:0 0 31px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#172033;color:#fff;font-size:13px;font-weight:900}.student-name{flex:1;min-width:0;color:#172033;font-size:20px;line-height:1.25;font-weight:900;overflow-wrap:anywhere}.student-icon-button{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;text-decoration:none;font-size:21px;cursor:pointer;transition:transform .12s ease}.student-icon-button:active{transform:scale(.93)}.call-icon{background:#dff5e7}.disabled-icon{opacity:.35;cursor:default}.student-paid-tick{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#168a49;color:#fff;font-size:23px;line-height:1;font-weight:900}.edit-icon{background:#fff2cc}.edit-icon.active{background:#f4cb54}.history-button-wrap{width:48px;flex:0 0 48px;display:flex;flex-direction:column;align-items:center;justify-content:center}.history-round-button{width:39px;height:39px;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid #5076aa;border-radius:50%;background:#edf4ff;color:#245a9d;font-size:21px;line-height:1;font-weight:900;cursor:pointer}.history-round-button.active{background:#2468bd;color:#fff;border-color:#2468bd}.call-count{display:block;margin-top:3px;color:#677386;font-size:9px;line-height:1;font-weight:800;white-space:nowrap}.comment-editor{margin-top:12px;padding-top:12px;border-top:1px solid #e1e6ed}.comment-editor label{display:block;margin-bottom:6px;color:#344055;font-size:14px;font-weight:900}.comment-editor textarea{width:100%;min-height:90px;padding:11px;border:1px solid #bcc7d5;border-radius:10px;background:#fff;color:#172033;font-family:inherit;font-size:16px;line-height:1.45;resize:vertical;outline:none}.comment-editor textarea:focus{border-color:#3478d4;box-shadow:0 0 0 3px #3478d41a}.comment-editor-actions{display:grid;grid-template-columns:2fr 1fr;gap:7px;margin-top:8px}.save-comment-btn,.cancel-comment-btn{min-height:45px;border:none;border-radius:9px;font-size:14px;font-weight:900;cursor:pointer}.save-comment-btn{background:#1768d2;color:#fff}.save-comment-btn:disabled{opacity:.55}.cancel-comment-btn{background:#e6eaf0;color:#344055}.student-history{margin-top:12px;padding-top:12px;border-top:1px solid #e1e6ed}.history-heading{margin-bottom:9px;color:#28364b;font-size:16px;font-weight:900}.no-history{padding:10px;background:#f7f8fa;border-radius:8px;color:#7a8493;font-size:14px}.history-list{display:grid;gap:7px}.history-item{padding:10px 11px;background:#f8fafc;border-left:4px solid #3478d4;border-radius:8px}.history-item-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.history-attempt-number{width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#3478d4;color:#fff;font-size:11px;font-weight:900}.history-date{color:#667386;font-size:12px;font-weight:800}.history-comment{padding-left:31px;color:#172033;font-size:15px;line-height:1.4;font-weight:700}.payment-empty{padding:28px 15px;background:#fff;border:1px solid #dfe5ed;border-radius:12px;color:#758193;text-align:center;font-size:14px;font-weight:800}@media(max-width:700px){.payment-followup-page{padding:10px 7px 30px}.payment-followup-page h1{margin-bottom:11px;font-size:23px}.report-filters{grid-template-columns:1fr;padding:10px;gap:8px;border-radius:12px}.report-filters label{font-size:14px}.report-filters select,.report-filters input{min-height:48px;font-size:16px}.load-report-btn{width:100%;min-height:48px;font-size:16px}.student-count{padding-left:3px;font-size:13px}.payment-student-list{gap:8px}.payment-student-card{padding:10px 9px;border-radius:12px}.student-main-row{gap:5px;min-height:48px}.student-number{width:28px;height:28px;flex-basis:28px;font-size:12px}.student-name{font-size:18px}.student-icon-button{width:38px;height:38px;flex-basis:38px;font-size:19px}.student-paid-tick{width:34px;height:34px;flex-basis:34px;font-size:21px}.history-button-wrap{width:43px;flex-basis:43px}.history-round-button{width:35px;height:35px;font-size:18px}.call-count{font-size:9px}.comment-editor label{font-size:15px}.comment-editor textarea{min-height:100px;font-size:17px}.save-comment-btn,.cancel-comment-btn{min-height:48px;font-size:15px}.history-heading{font-size:17px}.history-date{font-size:13px}.history-comment{font-size:16px}}@media(max-width:390px){.student-main-row{gap:4px}.student-name{font-size:17px}.student-icon-button{width:36px;height:36px;flex-basis:36px;font-size:18px}.student-paid-tick{width:32px;height:32px;flex-basis:32px;font-size:20px}.history-button-wrap{width:40px;flex-basis:40px}.history-round-button{width:33px;height:33px}}.smr-page{min-height:100vh;padding:30px;background:#f8fafc;color:#111827}.smr-top{max-width:1300px;margin:0 auto 24px;display:flex;justify-content:space-between;gap:18px;align-items:end}.smr-kicker{margin:0 0 6px;font-weight:900;color:#2563eb}.smr-top h1{margin:0;font-size:34px;font-weight:950}.smr-select{min-width:260px;padding:13px 16px;border-radius:14px;border:1px solid #cbd5e1;font-size:16px;font-weight:800;background:#fff}.smr-sheet{max-width:1300px;margin:0 auto;background:#fff;padding:28px 28px 45px;border-radius:22px;box-shadow:0 18px 45px #0f172a1f}.smr-batch-title{margin:0 0 34px;font-size:18px;font-weight:800}.smr-table-wrap{width:100%;overflow-x:auto}.smr-table{border-collapse:collapse;min-width:980px;width:100%;table-layout:fixed;font-size:18px}.smr-table th,.smr-table td{padding:12px 10px;text-align:center;border:0}.smr-name-head,.smr-min-head,.smr-hour-head{background:#000;color:#fff;font-size:24px;font-weight:950}.smr-name-head{text-align:left!important;width:250px}.smr-hour-head{width:160px;text-align:right!important}.smr-name-sub,.smr-total-sub{background:#000;color:#fff;font-weight:900}thead .smr-day{background:#000!important;color:#fff!important;font-size:20px;font-weight:950}.smr-name{background:#ff0;font-weight:900;font-size:19px;text-align:left!important;padding-left:18px!important}.smr-total{background:#ff0;font-weight:900}.smr-day{font-weight:800}tbody .smr-day-0{background:#fdeaa2}tbody .smr-day-1{background:#bdd7ee}tbody .smr-day-2{background:#ffc000}tbody .smr-day-3{background:#ffd966}tbody .smr-day-4{background:#f8cbad}tbody .smr-day-5{background:#fdeaa2}tbody .smr-day-6{background:#f8cbad}.smr-empty{padding:30px!important;font-weight:800;background:#f1f5f9}@media(max-width:700px){.smr-page{padding:16px}.smr-top{display:block}.smr-select{margin-top:16px;width:100%}.smr-sheet{padding:18px}.smr-top h1{font-size:26px}}.smr-filter-box{max-width:1500px;margin:0 auto 28px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr auto auto;gap:14px;align-items:center}.smr-input,.smr-select{width:100%;height:58px;padding:0 22px;border:1px solid #cbd5e1;border-radius:16px;background:#fff;font-size:18px;font-weight:700;color:#020617}.smr-btn{height:58px;padding:0 24px;border:none;border-radius:16px;background:#2563eb;color:#fff;font-size:17px;font-weight:800;cursor:pointer}.smr-clear{background:#64748b}@media(max-width:900px){.smr-filter-box{grid-template-columns:1fr}}.live-page{min-height:100vh;padding:40px 24px;background:#f4f7fb;font-family:Segoe UI,sans-serif}.live-wrap{max-width:1150px;margin:0 auto}.live-badge{color:#2563eb;font-weight:800;margin:0 0 8px}.live-wrap h1{font-size:40px;margin:0 0 24px;color:#071331}.live-summary{display:inline-block;background:#fff;padding:14px 22px;border-radius:16px;font-size:20px;font-weight:800;box-shadow:0 10px 25px #00000014;margin-bottom:24px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.live-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 35px #00000014}.live-card h2{margin:0 0 18px;color:#071331}.student-list{display:flex;flex-direction:column;gap:12px}.student-row{width:100%;border:2px solid #e5e7eb;background:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:12px;cursor:pointer;text-align:left}.student-row.active{border-color:#2563eb;background:#eff6ff}.dot{width:12px;height:12px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 6px #dcfce7}.student-row strong{font-size:18px;color:#071331}.student-row p{margin:4px 0 0;color:#64748b;font-weight:600}.student-row small{color:#16a34a;font-weight:800}.empty-box{padding:40px;text-align:center;color:#64748b;font-weight:700;background:#f8fafc;border-radius:18px}.detail-box h3{font-size:28px;margin:0 0 20px}.detail-box p{font-size:17px;line-height:1.6}.path{word-break:break-all;color:#2563eb;font-weight:700}@media(max-width:800px){.live-grid{grid-template-columns:1fr}.live-wrap h1{font-size:32px}}.history-box{margin-top:28px;padding-top:20px;border-top:2px solid #e5e7eb}.history-box h4{margin:0 0 14px;font-size:20px;color:#071331}.history-item{padding:14px;margin-bottom:10px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.history-item b{display:block;color:#071331;margin-bottom:4px}.history-item span{display:block;word-break:break-all;color:#2563eb;font-weight:700;font-size:14px}.history-item small{display:block;margin-top:6px;color:#16a34a;font-weight:800}.bsr-page{padding:32px}.bsr-page h1{text-align:center;margin-bottom:24px}.bsr-filters{display:flex;gap:16px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.bsr-filters label{font-weight:700;display:flex;flex-direction:column;gap:6px}.bsr-filters select{padding:10px 14px;border-radius:10px;border:1px solid #ccc;min-width:180px}.bsr-summary{display:flex;gap:20px;justify-content:center;font-weight:800;margin-bottom:20px}.bsr-summary .ok{color:#047857}.bsr-summary .no{color:#b91c1c}.bsr-card{max-width:900px;margin:0 auto;background:#fff;padding:20px;border-radius:18px;box-shadow:0 10px 30px #00000014}.bsr-table{width:100%;border-collapse:collapse}.bsr-table th,.bsr-table td{border:1px solid #ddd;padding:12px;text-align:left}.bsr-table th{background:#eef6ff}.bsr-submitted{color:#047857;font-weight:800}.bsr-notSubmitted{color:#b91c1c;font-weight:800}.img-page{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;background:#f6f8fc}.img-topbar{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.img-category,.img-search{width:100%;height:50px;padding:0 16px;border:1px solid #d8deea;border-radius:14px;background:#fff;font-size:18px;color:#1f2937;outline:none;box-sizing:border-box}.img-category:focus,.img-search:focus{border-color:#6d5dfc;box-shadow:0 0 0 3px #6d5dfc1f}.img-search::placeholder{color:#8b95a7}.img-error{padding:12px 14px;border-radius:12px;background:#fff1f2;color:#c62828;border:1px solid #ffcdd2;font-size:15px}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;align-items:start}.image-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.image-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a1a;border-color:#cfd8ea}.image-card[data-unused="1"]{border:2px solid #f59e0b;box-shadow:0 10px 26px #f59e0b24}.image-card[data-unused="1"]:after{content:"Unused";position:absolute;top:12px;right:12px;z-index:3;background:#fff7ed;color:#b45309;border:1px solid #fdba74;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.2px}.img-hover-actions{position:absolute;top:12px;left:12px;z-index:3;display:flex;gap:8px}.img-act-btn{width:38px;height:38px;border:none;border-radius:12px;background:#fffffff2;box-shadow:0 6px 14px #0f172a1f;cursor:pointer;font-size:18px;display:grid;place-items:center;transition:transform .15s ease,background .15s ease,opacity .15s ease}.img-act-btn:hover{transform:scale(1.06);background:#fff}.img-act-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.img-act-btn.edit{color:#5b4df7}.img-act-btn.del{color:#d32f2f}.img-thumb{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;background:#eef2f7}.img-meta{padding:14px 14px 16px}.img-meta-cat{font-size:18px;line-height:1.35;font-weight:700;color:#14213d;word-break:break-word}.img-load-more{display:block;margin:28px auto 8px;min-width:180px;height:50px;border:none;border-radius:14px;background:linear-gradient(135deg,#6d5dfc,#5a67ff);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #5a67ff40;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.img-load-more:hover{transform:translateY(-2px);box-shadow:0 14px 28px #5a67ff52}.img-load-more:active{transform:translateY(0)}@media(max-width:1024px){.img-page{padding:16px}.img-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.img-category,.img-search{height:48px;font-size:17px}}@media(max-width:768px){.img-page{padding:14px}.img-topbar{gap:12px;margin-bottom:16px}.img-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.img-thumb{aspect-ratio:1 / 1}.img-meta{padding:12px}.img-meta-cat{font-size:16px}.img-act-btn{width:34px;height:34px;font-size:16px;border-radius:10px}}@media(max-width:520px){.img-page{padding:10px}.img-grid{grid-template-columns:1fr;gap:12px}.img-category,.img-search{height:46px;font-size:16px;border-radius:12px;padding:0 14px}.img-meta-cat{font-size:15px}.img-load-more{width:100%;min-width:0;height:46px;font-size:16px;border-radius:12px}}.imgEditBackdrop{position:fixed;inset:0;background:#0f172a73;z-index:9999;display:grid;place-items:center;padding:18px}.imgEditModal{width:min(1100px,100%);background:#fff;border-radius:18px;box-shadow:0 22px 65px #00000047;overflow:hidden}.imgEditHead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.imgEditClose{border:none;background:#eef2ff;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900}.imgEditBody{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;padding:14px}@media(max-width:860px){.imgEditBody{grid-template-columns:1fr}}.imgEditPreview{background:#f6f7fb;border-radius:16px;padding:12px}.imgEditPreviewImg{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff;border-radius:14px;display:block}.imgEditPath{margin-top:10px;font-size:12px;opacity:.75;word-break:break-all}.m-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:#f6f8fb}.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;justify-content:center;padding:18px;background:#f6f8fb}.m-card{width:100%;max-width:780px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 30px #00000014}.be-card{max-width:760px;margin:0 auto}.be-top{margin-bottom:18px}.be-title{display:block;width:100%;text-align:center;margin:0 auto;font-size:32px;font-weight:900;line-height:1.2;color:#0f172a;word-wrap:break-word}.be-muted{margin-top:12px;font-size:16px;color:#64748b}.be-err{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:700}.lesson-content{margin-top:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.9;color:#0f172a;text-align:left}.lesson-content p{margin:0 0 14px}.lesson-content h1{font-size:32px;margin:20px 0 12px}.lesson-content h2{font-size:28px;margin:18px 0 10px}.lesson-content h3{font-size:24px;margin:16px 0 10px}.lesson-content ul,.lesson-content ol{padding-left:32px;margin:12px 0}.lesson-content li{margin-bottom:10px;text-align:left}.lesson-content li::marker{font-weight:800}.lesson-video-wrap{width:100%;margin:18px 0 22px}.lesson-video{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:12px;background:#000}.lesson-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-content iframe,.lesson-content video{display:block;width:100%!important;max-width:100%!important;aspect-ratio:16 / 9;height:auto!important;margin:18px auto;border-radius:12px;border:0}.lesson-content img{width:100%!important;max-width:100%!important;height:auto!important;display:block}@media(max-width:768px){.m-card{padding:20px 18px}.be-title{font-size:28px}.lesson-content{font-size:19px}}@media(max-width:480px){.m-page{padding:10px}.m-card{padding:16px 14px;border-radius:14px}.be-title{font-size:24px}.lesson-content{font-size:22px;line-height:1.9}.lesson-content ul,.lesson-content ol{padding-left:30px}.lesson-content li::marker{font-size:1.2em}}.be-lesson-page,.be-lesson-card{width:100%;max-width:760px;margin:0 auto;padding:14px;box-sizing:border-box}.be-lesson-card p,.be-lesson-card li{font-size:clamp(16px,4vw,20px);line-height:1.7}.be-lesson-card iframe{width:100%!important;aspect-ratio:16 / 9;height:auto!important;border-radius:12px;display:block}.be-lesson-card img{width:100%!important;max-width:100%;height:auto!important;display:block;border-radius:12px}@media(max-width:480px){.be-lesson-page,.be-lesson-card{padding:10px}}.be-pdf-box{margin-top:28px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0f172a14;border:1px solid rgba(148,163,184,.25)}.be-pdf-link{display:inline-block;margin-bottom:16px;font-weight:800;color:#2563eb;text-decoration:underline}.be-pdf-box{margin-top:28px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0f172a14;border:1px solid rgba(148,163,184,.25);text-align:center}.be-pdf-title{margin:0 0 12px;font-size:24px;color:#0f172a}.be-pdf-note{max-width:560px;margin:0 auto 16px;color:#475569;font-weight:700;line-height:1.6}.be-download-btn{display:inline-block;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;text-decoration:none;padding:15px 26px;border-radius:999px;font-weight:900;font-size:17px;margin:8px 0 16px;box-shadow:0 12px 25px #2563eb40}.be-download-btn:hover{transform:translateY(-1px);opacity:.95}.be-pdf-link{display:block;margin-bottom:16px;font-weight:800;color:#2563eb;text-decoration:underline}.be-pdf-frame{width:100%;height:750px;border:1px solid #ddd;border-radius:14px;background:#fff}@media(max-width:768px){.be-pdf-box{padding:18px}.be-download-btn{display:block;width:100%;box-sizing:border-box;font-size:18px;padding:16px 18px}.be-pdf-link{font-size:15px}.be-pdf-frame{display:none}}.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}}.bec-card{width:min(100%,900px);margin:0 auto;padding:16px;box-sizing:border-box}.bec-title{margin:0 0 20px;font-size:clamp(24px,4vw,40px);font-weight:800;text-align:center;color:#111827}.bec-loading{text-align:center;color:#6b7280;font-size:16px}.bec-list{display:flex;flex-direction:column}.bec-item{width:100%;display:flex;align-items:center;gap:14px;padding:14px 8px;background:transparent;border:none;border-bottom:1px solid #e5e7eb;text-align:left;cursor:pointer;transition:background .15s ease}.bec-item:hover{background:#f8fafc}.bec-item:active{background:#f1f5f9}.bec-item-top{margin:0;flex-shrink:0}.bec-badge{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:6px 12px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:14px;font-weight:700}.bec-lesson-no{display:none}.bec-item-title{flex:1;font-size:18px;font-weight:600;line-height:1.4;color:#111827}.bec-home-btn{width:100%;margin-top:20px;padding:14px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.bec-home-btn:hover{opacity:.95}.bec-note{margin-top:16px;padding:14px;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;text-align:center;color:#92400e;font-size:15px;font-weight:600}@media(max-width:640px){.bec-card{padding:12px}.bec-title{font-size:32px}.bec-item{gap:10px;padding:12px 4px}.bec-badge{min-width:75px;font-size:13px;padding:5px 10px}.bec-item-title{font-size:16px}}.bec-save-btn{width:100%;margin:12px 0 18px;padding:14px;border:none;border-radius:14px;background:#2563eb;color:#fff;font-size:18px;font-weight:800;cursor:pointer}.bec-save-btn:disabled{opacity:.6;cursor:not-allowed}.bec-item{cursor:grab}.bec-item:active{cursor:grabbing}.bec-dragging{opacity:.5;transform:scale(.98)}.bec-level-title{margin:6px 0 20px;text-align:center;font-size:24px;font-weight:800;color:#2563eb}.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}}.b2a-form-wrap{min-height:100vh;padding:28px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top left,#ffe4f1 0,transparent 35%),radial-gradient(circle at top right,#dbeafe 0,transparent 35%),linear-gradient(135deg,#fff7ed,#eef2ff,#fdf2f8)}.b2a-form-card{width:100%;max-width:1180px;padding:26px;border-radius:28px;background:#ffffffeb;box-shadow:0 24px 60px #0f172a29;border:1px solid rgba(255,255,255,.8)}.b2a-form-title{margin:0 0 24px;text-align:center;font-size:36px;font-weight:950;color:#be185d;letter-spacing:-.5px;text-shadow:0 3px 0 #fce7f3}.b2a-grid{display:grid;grid-template-columns:1fr 1.4fr 2fr;gap:18px;margin-bottom:22px}.b2a-field{padding:16px;border-radius:20px;background:linear-gradient(135deg,#fff1f2,#eff6ff);box-shadow:0 10px 22px #94a3b82e}.b2a-span2{grid-column:span 1}.b2a-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:900;color:#7c3aed}.b2a-field input,.b2a-field select{width:100%;min-height:46px;padding:12px 14px;border-radius:14px;border:2px solid #e9d5ff;background:#fff;font-size:16px;font-weight:700;color:#0f172a;outline:none}.b2a-field input:focus,.b2a-field select:focus{border-color:#ec4899;box-shadow:0 0 0 4px #ec48992e}.b2a-hint{margin-top:8px;font-size:13px;font-weight:700;color:#64748b}.b2a-editor-wrap{margin-top:18px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#fef3c7,#fce7f3,#dbeafe);box-shadow:inset 0 0 0 2px #ffffffb3}.b2a-lesson-list{margin-top:26px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#ecfeff,#fdf2f8)}.b2a-lesson-list h2{margin:0 0 16px;text-align:center;font-size:24px;font-weight:950;color:#0f766e}.b2a-lesson-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#fff,#fef2f2);box-shadow:0 8px 18px #0f172a14;border-left:8px solid #f472b6}.b2a-lesson-row strong{color:#9333ea;font-size:16px}.b2a-lesson-row span{color:#334155;font-weight:700}.b2a-lesson-actions{display:flex;gap:10px}.b2a-lesson-actions button{border:none;border-radius:999px;padding:9px 16px;font-weight:900;cursor:pointer;color:#fff;transition:.2s ease}.b2a-lesson-actions button:first-child{background:linear-gradient(135deg,#22c55e,#14b8a6)}.b2a-lesson-actions button:last-child{background:linear-gradient(135deg,#fb7185,#ef4444)}.b2a-lesson-actions button:hover,.b2a-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.b2a-actions{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.b2a-btn{border:none;border-radius:999px;padding:14px 26px;font-size:16px;font-weight:950;cursor:pointer;color:#fff;transition:.2s ease}.b2a-save{background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 10px 24px #ec48994d}.b2a-cancel{background:linear-gradient(135deg,#64748b,#334155)}.b2a-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.b2a-msg{flex:1;min-width:220px;font-size:15px;font-weight:900;color:#be185d}@media(max-width:900px){.b2a-grid{grid-template-columns:1fr}.b2a-span2{grid-column:span 1}.b2a-form-title{font-size:30px}}@media(max-width:600px){.b2a-form-wrap{padding:14px}.b2a-form-card{padding:16px;border-radius:22px}.b2a-form-title{font-size:25px}.b2a-field{padding:13px}.b2a-editor-wrap{padding:10px}.b2a-lesson-row{flex-direction:column;align-items:stretch}.b2a-lesson-actions{justify-content:flex-end}.b2a-actions{flex-direction:column;align-items:stretch}.b2a-btn{width:100%}.b2a-msg{text-align:center}}.asw-sentence-editor{margin-top:24px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px #0f172a14}.asw-sentence-editor h3{margin:0 0 20px;font-size:24px;font-weight:900}.asw-sentence-row{display:grid;grid-template-columns:40px 1fr auto auto;gap:12px;align-items:center;margin-bottom:14px}.asw-sentence-no{font-size:20px;font-weight:900}.asw-sentence-input{width:100%;padding:14px 18px;border:1px solid #d1d5db;border-radius:14px;font-size:18px;font-weight:700;outline:none}.asw-sentence-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.asw-img-btn,.asw-update-btn{border:none;border-radius:12px;padding:13px 18px;font-size:15px;font-weight:900;cursor:pointer}.asw-img-btn{background:#f1f5f9;color:#0f172a}.asw-update-btn{background:#2563eb;color:#fff}.asw-img-btn:hover,.asw-update-btn:hover{transform:translateY(-1px)}@media(max-width:700px){.asw-sentence-row{grid-template-columns:32px 1fr}.asw-img-btn,.asw-update-btn{grid-column:2;width:100%}}.asw-page{max-width:1000px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.asw-page h1{margin-bottom:20px;font-size:34px;font-weight:800;color:#020617}.asw-card{background:#fff;border:1px solid #dddddd;border-radius:14px;padding:18px;margin-bottom:20px}.asw-card h2{margin-top:0;margin-bottom:18px;font-size:24px;color:#020617}.asw-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.asw-field{display:flex;flex-direction:column}.asw-small{width:90px}.asw-title{flex:1;min-width:220px}.asw-field label{margin-bottom:6px;font-size:14px;font-weight:700}.asw-field input{height:42px;padding:0 12px;border:1px solid #cccccc;border-radius:10px;font-size:16px}.asw-muted{color:#6b7280;font-size:14px}.asw-lesson{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-bottom:1px solid #eeeeee;border-radius:10px;cursor:pointer}.asw-lesson:hover{background:#f8fafc}.asw-lesson strong{font-size:16px}.asw-lesson span{font-size:14px;color:#555}.asw-selected{background:#eef6ff}.asw-words-editor{display:flex;flex-direction:column;gap:10px}.asw-word-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.asw-word-no{width:34px;min-width:34px;font-size:26px;font-weight:900;color:#020617}.asw-word-row input{flex:1;height:64px;padding:18px 20px;border:1px solid #cccccc;border-radius:14px;font-size:28px;font-weight:800}.asw-word-row input:focus{outline:none;border-color:#2563eb}.asw-activity-selector{width:100%}.asw-activity-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.asw-activity-pill{font-size:15px;font-weight:800;padding:14px 18px;border-radius:14px;border:2px solid #d1d5db;background:#fff;color:#111827;cursor:pointer;transition:.2s ease}.asw-activity-pill:hover{transform:translateY(-2px);border-color:#2563eb}.asw-activity-pill.asw-activity-active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border:3px solid #1e40af!important;box-shadow:0 10px 24px #2563eb59;transform:scale(1.04)}.asw-activity-pill.asw-activity-active:before{content:"✓ ";font-weight:900}.asw-big-word-editor{display:flex;flex-direction:column;gap:22px}.asw-bw-row{background:#fff;border:2px solid #e5e7eb;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 14px #0000000d}.asw-bw-word{font-size:34px;font-weight:900;color:#111827;text-transform:lowercase;letter-spacing:1px}.asw-bw-row input{width:100%;height:48px;border-radius:14px;border:2px solid #d1d5db;padding:0 14px;font-size:15px;background:#f9fafb}.asw-bw-row input:focus{outline:none;border-color:#2563eb;background:#fff}.asw-bw-preview{width:100%;max-width:320px;border-radius:20px;overflow:hidden;background:#f3f4f6;border:2px dashed #d1d5db}.asw-bw-preview img{width:100%;display:block;object-fit:cover}.asw-bw-preview span{display:flex;align-items:center;justify-content:center;height:220px;color:#6b7280;font-weight:700}.asw-bw-row .asw-small-btn{width:fit-content;min-width:160px}.asw-bw-row .asw-actions{flex-direction:row;flex-wrap:wrap}.asw-bw-btn{width:fit-content;min-width:140px;height:52px;padding:0 24px;border:none;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:16px;font-weight:800;letter-spacing:.3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px #2563eb40,inset 0 1px #ffffff40;transition:all .22s ease}.asw-bw-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 32px #2563eb59,inset 0 1px #ffffff4d}.asw-bw-btn:active{transform:scale(.98)}.asw-bw-btn.remove{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 24px #ef444438,inset 0 1px #ffffff40}.asw-actions{margin-top:16px}.asw-actions button{width:fit-content;min-width:180px;height:54px;padding:0 26px;border:none;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 10px 24px #2563eb40,inset 0 1px #ffffff40;transition:all .22s ease}.asw-actions button:hover{transform:translateY(-3px)}.asw-actions button:disabled{opacity:.6;cursor:not-allowed}.asw-activity-data-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;margin-bottom:20px}.asw-activity-data-card h3{margin-top:0;font-size:20px;color:#020617}@media(max-width:768px){.asw-page{padding:14px}.asw-row{flex-direction:column;align-items:stretch}.asw-small,.asw-title,.asw-btn-wrap,.asw-btn-wrap button{width:100%}.asw-word-row{flex-direction:column;align-items:stretch}.asw-word-no,.asw-small-btn{width:100%}.asw-actions{flex-direction:column}.asw-actions button{width:100%}.asw-bw-word{font-size:28px}.asw-bw-preview{max-width:100%}}.rfa-wrap{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px}.rfa-title{font-size:34px;font-weight:800;color:#111827;margin-bottom:18px;text-align:center}.rfa-sub{font-size:20px;color:#6b7280;margin-bottom:24px;text-align:center}.rfa-word-box{width:100%;min-height:40vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:30px;box-shadow:0 10px 30px #00000014;margin-bottom:24px;padding:20px}.rfa-word{font-size:clamp(70px,16vw,220px);font-weight:900;line-height:1;color:#1d4ed8;text-align:center;word-break:break-word}.rfa-count{font-size:24px;font-weight:700;color:#374151;margin-bottom:24px}.rfa-btn{border:none;background:linear-gradient(135deg,#ff7a00,#ff9f43);color:#fff;font-size:24px;font-weight:800;padding:18px 42px;border-radius:18px;cursor:pointer;transition:.2s;box-shadow:0 8px 20px #ff7a0040}.rfa-btn:hover{transform:translateY(-2px)}.rfa-finished{font-size:44px;font-weight:900;color:#16a34a;margin-bottom:24px;text-align:center}@media(max-width:768px){.rfa-wrap{padding:12px}.rfa-title{font-size:28px}.rfa-word-box{min-height:42vh;border-radius:22px}.rfa-word{font-size:clamp(90px,22vw,160px)}.rfa-btn{width:100%;font-size:22px;padding:18px}}@media(min-width:1600px){.rfa-word{font-size:260px}.rfa-word-box{min-height:45vh}}.sr-activity{display:flex;flex-direction:column;gap:28px;margin-top:24px}.sr-card{background:#fff;border-radius:28px;padding:24px;box-shadow:0 10px 30px #0f172a14;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:22px}.sr-img{width:100%;max-width:520px;aspect-ratio:1 / 1;object-fit:contain;background:#f8fafc;border-radius:24px;padding:14px;border:1px solid #e2e8f0}.sr-sentence{font-size:clamp(26px,5vw,54px);font-weight:900;line-height:1.4;text-align:center;color:#0f172a;padding:12px 20px;border-radius:20px;background:#f8fafc;width:100%;max-width:900px;word-break:break-word}@media(max-width:768px){.sr-card{padding:18px;border-radius:22px}.sr-img{max-width:100%;border-radius:18px}.sr-sentence{font-size:clamp(22px,8vw,40px);padding:14px;border-radius:16px}}.sr-highlight{color:#ef4444}.swv-page{max-width:900px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.swv-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 4px 18px #0000000f;border:2px solid #eef2f7}.swv-card h1{margin:0;font-size:38px;font-weight:900;color:#111827}.swv-card h2{margin:0 0 18px;font-size:28px;font-weight:800;color:#111827}.swv-meta{margin-top:10px;color:#6b7280;font-size:15px;font-weight:600}.swv-words{display:flex;flex-wrap:wrap;gap:16px}.swv-word{min-width:120px;padding:18px 22px;border-radius:18px;background:#eff6ff;color:#1d4ed8;font-size:30px;font-weight:900;text-align:center}.swv-activities{display:flex;flex-direction:column;gap:14px}.swv-activity{padding:18px;border-radius:16px;background:#f9fafb;border:2px solid #e5e7eb;font-size:18px;font-weight:700;color:#111827}@media(max-width:768px){.swv-page{padding:16px}.swv-card{padding:18px;border-radius:20px}.swv-card h1{font-size:30px}.swv-card h2{font-size:24px}.swv-word{width:100%;font-size:26px}}.swv-big-word{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px;border-radius:26px;background:#fff}.swv-big-word-text{font-size:72px;font-weight:900;color:#1d4ed8;text-align:center;line-height:1}.swv-big-word-img{width:100%;max-width:520px;height:360px;object-fit:contain;border-radius:24px;background:#f8fafc;border:3px solid #e5e7eb;padding:10px}.swv-big-word-buttons{display:flex;align-items:center;gap:18px;font-size:20px;font-weight:800}.swv-big-word-buttons button{min-width:130px;height:52px;border:none;border-radius:16px;background:#111827;color:#fff;font-size:18px;font-weight:800;cursor:pointer}.swv-big-word-buttons button:disabled{opacity:.35;cursor:not-allowed}.swv-activity h3{font-size:28px;margin-bottom:18px;color:#111827}@media(max-width:768px){.swv-big-word-text{font-size:56px}.swv-big-word-img{height:300px}.swv-big-word-buttons{width:100%;justify-content:space-between;gap:8px}.swv-big-word-buttons button{min-width:95px;font-size:15px}}.swv-activity-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.swv-activity-btn{border:none;padding:14px 24px;border-radius:14px;background:#f3f4f6;font-size:18px;font-weight:700;cursor:pointer;transition:.2s}.swv-activity-btn:hover{transform:translateY(-2px)}.swv-activity-btn.active{background:#ff7a00;color:#fff}.swv-activity-view{margin-top:30px}.swsl-page{min-height:100vh;padding:24px;background:linear-gradient(180deg,#fff7ed,#fff)}.swsl-hero{max-width:900px;margin:0 auto 24px;padding:26px;border-radius:28px;background:#fff;box-shadow:0 10px 30px #00000014;text-align:center}.swsl-hero h1{margin:0;font-size:42px;color:#f97316}.swsl-hero p{margin:8px 0 0;font-size:20px;color:#555}.swsl-grid{max-width:1000px;margin:0 auto;display:grid;gap:18px}.swsl-card{border:none;border-radius:26px;padding:22px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 24px #00000014;transition:transform .2s ease,box-shadow .2s ease}.swsl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0000001f}.swsl-badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#ffedd5;color:#ea580c;font-weight:800;font-size:15px}.swsl-card h2{margin:16px 0 8px;font-size:24px;color:#111827}.swsl-card p{margin:0 0 18px;font-size:17px;color:#6b7280}.swsl-card span{font-size:18px;font-weight:800;color:#16a34a}.swsl-loading,.swsl-empty{text-align:center;font-size:22px;color:#555;margin-top:40px}@media(max-width:600px){.swsl-page{padding:14px}.swsl-hero{padding:22px 16px;border-radius:22px}.swsl-hero h1{font-size:34px}.swsl-hero p{font-size:18px}.swsl-card{padding:20px}.swsl-card h2{font-size:22px}}.vwv-page{min-height:100vh;padding:28px 16px 50px;background:linear-gradient(180deg,#eff6ff,#f8fafc)}.vwv-container{width:100%;max-width:780px;margin:0 auto}.vwv-back-button{margin-bottom:20px;padding:0;border:none;background:transparent;color:#1d4ed8;font-size:16px;font-weight:800;cursor:pointer}.vwv-back-button:hover{text-decoration:underline}.vwv-loading{padding:35px;border:1px solid #d7e0eb;border-radius:15px;background:#fff;color:#475569;text-align:center;font-size:17px;font-weight:700}.vwv-error-box{padding:15px;border:1px solid #fecaca;border-radius:10px;background:#fee2e2;color:#991b1b;font-size:16px;font-weight:700}.vwv-card{padding:28px;border:1px solid #d7e0eb;border-radius:20px;background:#fff;box-shadow:0 10px 28px #0f172a17}.vwv-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.vwv-grade-badge,.vwv-word-type-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:800}.vwv-grade-badge{background:#dcfce7;color:#166534}.vwv-word-type-badge{background:#e0e7ff;color:#3730a3;text-transform:capitalize}.vwv-image-area{height:290px;margin-top:22px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.vwv-image{width:100%;height:100%;object-fit:contain}.vwv-word-area{margin-top:27px;text-align:center}.vwv-word-row{display:flex;align-items:center;justify-content:center;gap:15px}.vwv-word{margin:0;color:#10254a;font-size:50px;line-height:1.15;text-transform:capitalize}.vwv-main-speaker-button{width:55px;height:55px;flex-shrink:0;border:none;border-radius:50%;background:#dcfce7;font-size:25px;cursor:pointer}.vwv-main-speaker-button:hover{background:#bbf7d0}.vwv-syllable-button{margin-top:11px;padding:7px 14px;border:none;border-radius:20px;background:#dbeafe;color:#1d4ed8;font-size:21px;font-weight:800;letter-spacing:1px;cursor:pointer}.vwv-syllable-button:hover{background:#bfdbfe}.vwv-section{margin-top:26px;padding-top:21px;border-top:1px solid #e2e8f0}.vwv-section-label{margin-bottom:8px;color:#64748b;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.vwv-tamil-meaning{color:#7c2d12;font-size:30px;font-weight:700;line-height:1.5}.vwv-simple-meaning{color:#334155;font-size:21px;line-height:1.65}.vwv-reading-section{margin-top:28px;padding:22px;border:1px solid #fde68a;border-radius:15px;background:#fffbeb}.vwv-reading-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px}.vwv-reading-title{color:#713f12;font-size:23px;font-weight:900}.vwv-reading-subtitle{margin-top:4px;color:#92400e;font-size:14px}.vwv-listen-all-button{padding:9px 14px;border:none;border-radius:20px;background:#fef3c7;color:#92400e;font-weight:800;cursor:pointer}.vwv-listen-all-button:hover{background:#fde68a}.vwv-sentence-list{margin-top:18px;display:flex;flex-direction:column;gap:12px}.vwv-sentence-card{min-height:63px;padding:12px 13px;border:1px solid #fde68a;border-radius:12px;background:#fff;display:grid;grid-template-columns:38px 1fr 44px;align-items:center;gap:12px}.vwv-sentence-number{width:34px;height:34px;border-radius:50%;background:#fef3c7;color:#92400e;display:flex;align-items:center;justify-content:center;font-weight:900}.vwv-sentence-text{color:#713f12;font-size:21px;line-height:1.5}.vwv-sentence-speaker{width:42px;height:42px;border:none;border-radius:50%;background:#dcfce7;font-size:19px;cursor:pointer}.vwv-sentence-speaker:hover{background:#bbf7d0}@media(max-width:650px){.vwv-page{padding:20px 11px 40px}.vwv-card{padding:18px;border-radius:16px}.vwv-image-area{height:235px}.vwv-word{font-size:39px}.vwv-main-speaker-button{width:49px;height:49px;font-size:22px}.vwv-reading-section{padding:16px}.vwv-reading-header{align-items:stretch;flex-direction:column}.vwv-listen-all-button{width:100%}.vwv-sentence-card{grid-template-columns:34px 1fr 40px;gap:8px}.vwv-sentence-text{font-size:18px}.vwv-tamil-meaning{font-size:25px}.vwv-simple-meaning{font-size:19px}}.vwe-phonics-section{margin-top:28px;padding:22px;border:1px solid #bfdbfe;border-radius:15px;background:#eff6ff}.vwe-phonics-heading{margin-bottom:20px}.vwe-phonics-title{margin:0;color:#1e3a8a;font-size:24px}.vwe-phonics-description{margin:6px 0 0;color:#475569;font-size:14px;line-height:1.5}.vwe-phonics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:700px){.vwe-phonics-section{padding:16px}.vwe-phonics-grid{grid-template-columns:1fr}.vwe-phonics-title{font-size:21px}}.vwv-phonics-section{position:relative;margin-top:30px;padding:26px;overflow:hidden;border:1px solid #c4b5fd;border-radius:22px;background:radial-gradient(circle at top right,rgba(196,181,253,.45),transparent 34%),linear-gradient(145deg,#faf5ff,#f5f3ff 48%,#eef2ff);box-shadow:0 16px 35px #6d28d91f,inset 0 1px #fffffff2}.vwv-phonics-section:before{content:"ABC";position:absolute;top:8px;right:20px;color:#5b21b612;font-size:78px;line-height:1;font-weight:950;letter-spacing:-7px;pointer-events:none}.vwv-phonics-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.vwv-phonics-title{color:#5b21b6;font-size:26px;line-height:1.2;font-weight:950}.vwv-phonics-subtitle{margin-top:6px;color:#6b7280;font-size:15px;line-height:1.5;font-weight:600}.vwv-phonics-listen-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 18px;border:1px solid #8b5cf6;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 20px #6d28d93d,inset 0 1px #ffffff40;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.vwv-phonics-listen-button:hover{transform:translateY(-2px);box-shadow:0 14px 25px #6d28d94d,inset 0 1px #ffffff4d}.vwv-phonics-rule-card{position:relative;z-index:1;margin-bottom:22px;padding:20px;border:1px solid #ddd6fe;border-radius:18px;background:#ffffffeb;box-shadow:0 10px 24px #5b21b614,inset 0 1px #fff}.vwv-phonics-rule-label{display:inline-flex;align-items:center;margin-bottom:11px;padding:6px 12px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:950;letter-spacing:.7px;text-transform:uppercase}.vwv-phonics-rule-row{display:flex;align-items:center;gap:16px}.vwv-phonics-rule-text{flex:1;color:#3b0764;font-size:21px;line-height:1.65;font-weight:800}.vwv-phonics-speaker-button{flex-shrink:0;width:46px;height:46px;border:1px solid #c4b5fd;border-radius:50%;background:linear-gradient(145deg,#ede9fe,#fff);font-size:19px;box-shadow:0 8px 17px #6d28d926,inset 0 1px #fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.vwv-phonics-speaker-button:hover{transform:scale(1.08);box-shadow:0 11px 21px #6d28d938,inset 0 1px #fff}.vwv-phonics-examples-area{position:relative;z-index:1}.vwv-phonics-examples-title{margin-bottom:14px;color:#4c1d95;font-size:18px;font-weight:950}.vwv-phonics-example-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vwv-phonics-example-card{display:grid;grid-template-columns:38px 1fr 44px;align-items:center;gap:12px;min-height:68px;padding:12px 13px;border:1px solid #ddd6fe;border-radius:16px;background:#fffffff0;box-shadow:0 8px 20px #4c1d9514,inset 0 1px #fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.vwv-phonics-example-card:hover{transform:translateY(-2px);border-color:#a78bfa;box-shadow:0 12px 24px #4c1d9524,inset 0 1px #fff}.vwv-phonics-example-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:14px;font-weight:950;box-shadow:0 6px 12px #6d28d938}.vwv-phonics-example-text{color:#3b0764;font-size:20px;line-height:1.4;font-weight:900}.vwv-phonics-example-speaker{width:42px;height:42px;border:1px solid #c4b5fd;border-radius:50%;background:linear-gradient(145deg,#ede9fe,#fff);font-size:18px;box-shadow:0 7px 16px #6d28d924,inset 0 1px #fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.vwv-phonics-example-speaker:hover{transform:scale(1.08);box-shadow:0 10px 20px #6d28d936,inset 0 1px #fff}@media(max-width:700px){.vwv-phonics-section{padding:20px}.vwv-phonics-example-list{grid-template-columns:1fr}.vwv-phonics-rule-text{font-size:19px}}@media(max-width:650px){.vwv-phonics-section{margin-top:22px;padding:17px;border-radius:18px}.vwv-phonics-header{flex-direction:column;align-items:stretch;gap:13px}.vwv-phonics-title{font-size:23px}.vwv-phonics-subtitle{font-size:14px}.vwv-phonics-listen-button{width:100%}.vwv-phonics-rule-card{padding:16px;border-radius:16px}.vwv-phonics-rule-row{align-items:flex-start;gap:11px}.vwv-phonics-rule-text{font-size:17px}.vwv-phonics-speaker-button{width:42px;height:42px}.vwv-phonics-example-card{grid-template-columns:34px 1fr 40px;gap:9px;padding:10px}.vwv-phonics-example-number{width:32px;height:32px;font-size:12px}.vwv-phonics-example-text{font-size:18px}.vwv-phonics-example-speaker{width:38px;height:38px;font-size:16px}}.va-page{min-height:100vh;padding:30px 18px 50px;background:#f5f8fc}.va-container{width:100%;max-width:1180px;margin:0 auto}.va-header{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.va-title{margin:0;color:#10254a;font-size:34px;line-height:1.2}.va-description{margin:7px 0 0;color:#64748b;font-size:16px}.va-create-button,.va-small-create-button{border:none;border-radius:9px;background:#166534;color:#fff;font-weight:800;cursor:pointer;transition:background .15s ease,transform .15s ease}.va-create-button{padding:12px 19px;font-size:15px}.va-small-create-button{padding:10px 16px;font-size:14px}.va-create-button:hover,.va-small-create-button:hover{background:#14532d;transform:translateY(-1px)}.va-message{margin-bottom:20px;padding:14px 16px;border-radius:9px;font-weight:700}.va-error-message{border:1px solid #fecaca;background:#fee2e2;color:#991b1b}.va-loading{padding:35px;border:1px solid #d7e0eb;border-radius:14px;background:#fff;color:#475569;text-align:center;font-size:17px;font-weight:700}.va-filter-card,.va-words-section{border:1px solid #d7e0eb;border-radius:15px;background:#fff;box-shadow:0 5px 17px #0f172a0d}.va-filter-card{padding:22px}.va-words-section{margin-top:24px;padding:22px}.va-filter-header,.va-words-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.va-section-title{margin:0;color:#10254a;font-size:24px}.va-section-description{margin:5px 0 0;color:#64748b;font-size:14px}.va-refresh-button{padding:9px 14px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#334155;font-weight:700;cursor:pointer}.va-refresh-button:hover{background:#f1f5f9}.va-grade-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:11px}.va-grade-button{padding:11px 16px;border:1px solid #b9c5d5;border-radius:10px;background:#fff;color:#172554;display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:800;cursor:pointer}.va-grade-button:hover{border-color:#1d4ed8;background:#eff6ff}.va-grade-button-active{border-color:#1d4ed8;background:#1d4ed8;color:#fff;box-shadow:0 4px 12px #1d4ed833}.va-grade-button-active:hover{background:#1d4ed8}.va-grade-count{min-width:27px;height:27px;padding:0 7px;border-radius:20px;background:#e2e8f0;color:#334155;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.va-grade-button-active .va-grade-count{background:#fff;color:#1d4ed8}.va-search-area{margin-top:22px}.va-search-label{margin-bottom:7px;display:block;color:#334155;font-size:14px;font-weight:800}.va-search-input{width:100%;padding:12px 14px;border:1px solid #b8c4d4;border-radius:9px;background:#fff;color:#172554;font-size:15px;box-sizing:border-box;outline:none}.va-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.va-word-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.va-word-card{overflow:hidden;border:1px solid #d6dfeb;border-radius:14px;background:#fff;box-shadow:0 4px 14px #0f172a0f;transition:transform .15s ease,box-shadow .15s ease}.va-word-card:hover{transform:translateY(-2px);box-shadow:0 9px 21px #0f172a1a}.va-word-main{width:100%;padding:0;border:none;background:#fff;color:inherit;text-align:left;cursor:pointer}.va-image-area{width:100%;height:190px;padding:12px;background:#f8fafc;box-sizing:border-box}.va-word-image{width:100%;height:100%;object-fit:contain;border-radius:9px;background:#fff}.va-no-image{width:100%;height:100%;border:2px dashed #cbd5e1;border-radius:9px;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700}.va-word-content{min-height:220px;padding:17px;box-sizing:border-box}.va-card-top-row{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:9px}.va-word-type{padding:4px 9px;border-radius:14px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800;text-transform:capitalize}.va-status-badge{padding:4px 9px;border-radius:14px;font-size:12px;font-weight:800}.va-published{background:#dcfce7;color:#166534}.va-draft{background:#fef3c7;color:#92400e}.va-word-title{margin:14px 0 3px;color:#172554;font-size:29px;line-height:1.2;text-transform:capitalize}.va-syllable{margin-top:4px;color:#2563eb;font-size:16px;font-weight:800;letter-spacing:.5px}.va-tamil-meaning{margin-top:9px;color:#7c2d12;font-size:20px;font-weight:700}.va-simple-meaning{margin:9px 0 0;color:#64748b;font-size:15px;line-height:1.5}.va-open-text{margin-top:17px;display:inline-block;color:#1d4ed8;font-size:14px;font-weight:800}.va-card-footer{padding:12px 15px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end}.va-edit-button{padding:8px 13px;border:none;border-radius:7px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.va-edit-button:hover{background:#1d4ed8}.va-empty-box{margin-top:20px;padding:35px 22px;border:1px dashed #94a3b8;border-radius:11px;background:#f8fafc;color:#475569;text-align:center}.va-empty-box h3{margin:0;color:#172554;font-size:21px}.va-empty-box p{margin:8px 0 20px}@media(max-width:700px){.va-page{padding:20px 12px 40px}.va-header{align-items:stretch;flex-direction:column}.va-create-button{width:100%}.va-title{font-size:29px}.va-filter-card,.va-words-section{padding:16px}.va-words-heading{align-items:stretch;flex-direction:column}.va-small-create-button{width:100%}.va-word-grid{grid-template-columns:1fr}}.vwe-page{min-height:100vh;padding:28px 18px 50px;background:#f6f9fd}.vwe-container{width:100%;max-width:1100px;margin:0 auto}.vwe-loading{padding:30px;color:#475569;text-align:center}.vwe-back-button{padding:0;border:none;background:transparent;color:#1d4ed8;font-size:15px;font-weight:700;cursor:pointer}.vwe-back-button:hover{text-decoration:underline}.vwe-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;margin-bottom:22px}.vwe-title{margin:0;color:#10254a;font-size:34px}.vwe-description{margin:7px 0 0;color:#64748b;font-size:16px}.vwe-message{margin-bottom:18px;padding:13px 15px;border-radius:8px;font-weight:600}.vwe-error-message{border:1px solid #fecaca;background:#fee2e2;color:#991b1b}.vwe-success-message{border:1px solid #bbf7d0;background:#dcfce7;color:#166534}.vwe-card{padding:25px;border:1px solid #d7e0eb;border-radius:14px;background:#fff;box-shadow:0 5px 16px #0f172a0f}.vwe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vwe-field{min-width:0}.vwe-full-width{grid-column:1 / -1}.vwe-label{display:block;margin-bottom:7px;color:#24344d;font-size:15px;font-weight:800}.vwe-input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #b9c3d0;border-radius:7px;background:#fff;color:#1e293b;font-family:inherit;font-size:16px;outline:none}.vwe-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.vwe-word-input{font-size:23px;font-weight:700}.vwe-tamil-input{font-size:22px}.vwe-textarea{resize:vertical;line-height:1.6}.vwe-example-input{font-size:18px}.vwe-help-text{margin:6px 0 0;color:#64748b;font-size:13px}.vwe-checkbox-area{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;padding:17px;border-radius:9px;background:#f8fafc}.vwe-checkbox-label{display:inline-flex;align-items:center;gap:9px;color:#24344d;font-weight:700;cursor:pointer}.vwe-checkbox-label input{width:18px;height:18px;cursor:pointer}.vwe-button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.vwe-primary-button,.vwe-secondary-button,.vwe-delete-button{padding:11px 18px;border-radius:8px;font-size:15px;font-weight:800;cursor:pointer}.vwe-primary-button{border:none;background:#166534;color:#fff}.vwe-primary-button:hover{background:#14532d}.vwe-secondary-button{border:1px solid #aab4c1;background:#fff;color:#26364d}.vwe-secondary-button:hover{background:#f8fafc}.vwe-delete-button{margin-left:auto;border:none;background:#b91c1c;color:#fff}.vwe-delete-button:hover{background:#991b1b}.vwe-primary-button:disabled,.vwe-secondary-button:disabled,.vwe-delete-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:700px){.vwe-page{padding:20px 12px 40px}.vwe-title{font-size:28px}.vwe-card{padding:18px}.vwe-grid{grid-template-columns:1fr}.vwe-full-width{grid-column:auto}.vwe-delete-button{margin-left:0}.vwe-primary-button,.vwe-secondary-button,.vwe-delete-button{width:100%}}.vwe-image-selection-area{width:100%}.vwe-no-image-box{min-height:150px;padding:24px;border:2px dashed #cbd5e1;border-radius:14px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#64748b}.vwe-selected-image-card{padding:14px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;display:flex;align-items:center;gap:18px}.vwe-selected-image{width:170px;height:140px;object-fit:contain;border:1px solid #dbe3ef;border-radius:12px;background:#fff}.vwe-selected-image-details{min-width:0;display:flex;flex:1;flex-direction:column;gap:8px}.vwe-selected-image-path{color:#64748b;font-size:13px;overflow-wrap:anywhere}.vwe-image-action-row{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px}.vwe-image-picker-button{padding:10px 16px;border:none;border-radius:9px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.vwe-image-picker-button:hover{background:#1d4ed8}.vwe-remove-image-button{padding:10px 16px;border:1px solid #dc2626;border-radius:9px;background:#fff;color:#dc2626;font-weight:700;cursor:pointer}.vwe-remove-image-button:hover{background:#fef2f2}.vwe-published-note{margin-top:18px;padding:11px 14px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;color:#166534;font-size:14px;font-weight:700}.vwe-modal-overlay{position:fixed;inset:0;z-index:1000;padding:24px;background:#0f172ab3;display:flex;align-items:center;justify-content:center}.vwe-image-picker-modal{width:min(1000px,100%);max-height:88vh;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0f172a59;overflow:hidden;display:flex;flex-direction:column}.vwe-image-picker-header{padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.vwe-image-picker-header h2{margin:0;color:#0f172a;font-size:22px}.vwe-image-picker-header p{margin:5px 0 0;color:#64748b;font-size:13px}.vwe-modal-close-button{width:38px;height:38px;border:none;border-radius:50%;background:#f1f5f9;color:#334155;font-size:27px;line-height:1;cursor:pointer}.vwe-modal-close-button:hover{background:#e2e8f0}.vwe-image-picker-toolbar{padding:14px 20px;border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:1fr auto;gap:12px}.vwe-picker-status{padding:50px 20px;color:#64748b;text-align:center}.vwe-image-grid{padding:18px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.vwe-image-option{padding:8px;border:2px solid transparent;border-radius:12px;background:#f8fafc;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.vwe-image-option:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 8px 18px #0f172a1f}.vwe-image-option-selected{border-color:#2563eb;background:#eff6ff}.vwe-image-option img{width:100%;height:115px;object-fit:contain;border-radius:8px;background:#fff}.vwe-image-option span{color:#334155;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.vwe-selected-image-card{align-items:stretch;flex-direction:column}.vwe-selected-image{width:100%;height:190px}.vwe-image-picker-toolbar{grid-template-columns:1fr}.vwe-modal-overlay{padding:10px}.vwe-image-picker-modal{max-height:94vh}.vwe-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html,body,#root{margin:0;min-height:100%;background:#f8fbff!important}.home-page{min-height:100vh;padding:clamp(20px,4vw,36px) 16px 70px;background:radial-gradient(circle at top left,#dbeafe 0,transparent 34%),radial-gradient(circle at top right,#fef3c7 0,transparent 28%),linear-gradient(180deg,#f8fbff,#eef6ff 48%,#fff)!important}.home-wrap{width:100%;max-width:1500px;margin:0 auto}.hp-hero{text-align:center;padding:24px 0 clamp(34px,5vw,52px)}.hp-hero-title{display:inline-block;max-width:min(95%,950px);margin:0 0 24px;padding:clamp(14px,2.5vw,20px) clamp(18px,5vw,46px);color:#0f2f5f;font-size:clamp(28px,4vw,54px);font-weight:950;line-height:1.25;background:#ffffffeb;border:3px solid #bfdbfe;border-radius:clamp(20px,3vw,28px);box-shadow:0 22px 55px #2563eb29,inset 0 0 0 1px #ffffffe6}.hp-hero-title:after{content:"";display:block;width:clamp(80px,12vw,120px);height:6px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa,#f59e0b)}.hp-hero-text{max-width:980px;margin:0 auto;color:#334155;font-size:clamp(18px,2vw,30px);line-height:1.55;font-weight:600}.hp-course-section{width:100%}.hp-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:clamp(24px,3vw,38px);width:100%;max-width:1220px;margin:0 auto}.hp-course-card{width:100%;min-width:0;padding:0;border:1px solid rgba(191,219,254,.9);cursor:pointer;border-radius:clamp(24px,3vw,32px);overflow:hidden;background:#fff;box-shadow:0 24px 60px #0f172a26,0 8px 18px #2563eb14;transition:transform .22s ease,box-shadow .22s ease}.hp-course-card:hover{transform:translateY(-8px);box-shadow:0 34px 80px #0f172a38,0 12px 26px #2563eb1f}.hp-course-card:active{transform:scale(.98)}.hp-course-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#fff}.hp-course-body{padding:clamp(22px,3vw,30px) 18px clamp(26px,3vw,34px);text-align:center;background:linear-gradient(180deg,#fff,#f8fbff)}.hp-course-body h2{margin:0;color:#1e3a8a;font-size:clamp(30px,3vw,46px);line-height:1.05;font-weight:950}.hp-course-body p{margin:12px 0 0;color:#475569;font-size:clamp(17px,1.6vw,24px);line-height:1.25;font-weight:850}.hp-adult-section{margin-top:clamp(55px,7vw,80px);text-align:center}.hp-adult-title{margin:0 0 20px;color:#0f2f5f;font-size:clamp(30px,3vw,48px);font-weight:950}.hp-adult-text{max-width:850px;margin:0 auto 40px;color:#475569;font-size:clamp(18px,1.5vw,24px);line-height:1.7;font-weight:600}.hp-adult-wrap{display:flex;justify-content:center;width:100%}.hp-adult-wrap .hp-course-card{width:min(100%,390px)}@media(max-width:1250px){.hp-course-grid{max-width:980px}}@media(max-width:820px){.hp-course-grid{max-width:720px}.hp-course-img{aspect-ratio:16 / 10}}@media(max-width:520px){.home-page{padding:20px 14px 60px}.hp-hero-text{max-width:360px;font-weight:700}.hp-course-grid{grid-template-columns:1fr;max-width:380px;gap:28px}.hp-course-body h2{font-size:clamp(32px,10vw,38px)}.hp-course-body p{font-size:clamp(18px,6vw,21px)}}@media(max-width:360px){.hp-course-grid{max-width:320px}.hp-hero-title{font-size:26px}}.str-page{min-height:100vh;padding:34px 16px 70px;background:linear-gradient(180deg,#eef6ff,#fff);color:#0f172a}.str-wrap{max-width:1150px;margin:0 auto}.str-hero{background:#fff;border-radius:26px;padding:30px;box-shadow:0 16px 38px #0f172a14;border:1px solid #e2e8f0}.str-kicker{margin:0 0 8px;color:#2563eb;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.str-hero h1{margin:0;font-size:clamp(32px,5vw,54px);line-height:1;font-weight:950}.str-sub{margin:14px 0 22px;color:#64748b;font-size:18px;font-weight:700}.str-select{width:min(100%,360px);padding:15px 16px;border-radius:16px;border:1px solid #cbd5e1;background:#fff;font-size:18px;font-weight:900}.str-summary{margin-top:22px;background:#0f172a;color:#fff;border-radius:22px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:18px}.str-summaryLabel{margin:0 0 6px;color:#93c5fd;font-weight:900}.str-summary h2{margin:0;font-size:28px;font-weight:950}.str-percent{font-size:34px;font-weight:950;color:#86efac}.str-bar{height:18px;background:#dbeafe;border-radius:999px;margin:16px 0 24px;overflow:hidden}.str-barFill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px}.str-loading{background:#fff7ed;border:1px solid #fed7aa;padding:12px 16px;border-radius:14px;margin-bottom:16px;font-weight:900}.str-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.str-card{background:#fff;border-radius:22px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 12px 32px #0f172a12}.str-card.checked{border-left:8px solid #22c55e}.str-card.pending{border-left:8px solid #f59e0b;opacity:.88}.str-cardTop{display:flex;justify-content:space-between;gap:14px;align-items:center}.str-card h3{margin:0;font-size:25px;font-weight:950}.str-status{font-weight:950;padding:8px 12px;border-radius:999px;white-space:nowrap}.str-status.checked{background:#dcfce7;color:#166534}.str-status.pending{background:#fef3c7;color:#92400e}.str-date{margin:12px 0 0;color:#64748b;font-weight:800}.str-feedbackTitle{margin-top:18px;font-weight:950;color:#2563eb}.str-feedback{margin-top:10px;font-size:18px;line-height:1.65;color:#111827}.str-feedback p{margin:0 0 10px}.str-feedback ul,.str-feedback ol{padding-left:24px}.str-pendingText{margin:18px 0 0;color:#64748b;font-size:17px;font-weight:800}@media(max-width:760px){.str-summary{flex-direction:column;align-items:flex-start}.str-grid{grid-template-columns:1fr}}.str-empty{background:#fff7ed;border:1px solid #fed7aa;color:#92400e;padding:18px 20px;border-radius:18px;font-size:18px;font-weight:900;margin-bottom:20px}.dash-page{min-height:calc(100vh - 80px);padding:40px 18px;background:#f8fafc}.dash-page h1{text-align:center;margin:0 0 30px;font-size:34px;font-weight:900;color:#0f172a}.dash-table-wrap{max-width:1200px;margin:0 auto;overflow-x:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px #00000014}.dash-table{width:100%;border-collapse:collapse;min-width:900px}.dash-table th,.dash-table td{border:1px solid #d9dee8;padding:14px 16px;text-align:center;font-size:16px}.dash-table th{background:#eef6ff;font-weight:900;color:#102a56}.dash-subject{text-align:left!important;font-size:24px!important;font-weight:900;color:#111827;background:#fff;min-width:170px}.dash-tick{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#047857;color:#fff;font-size:26px;font-weight:900;border-radius:2px}@media(max-width:700px){.dash-page{padding:28px 10px}.dash-page h1{font-size:28px}.dash-table-wrap{padding:12px}.dash-subject{font-size:20px!important}}.dash-loading{text-align:center;font-weight:800;color:#475569}.ad-dashboard-page{min-height:100vh;padding:30px 18px 80px;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 32%),radial-gradient(circle at top right,rgba(147,51,234,.15),transparent 30%),linear-gradient(180deg,#eef6ff,#f8fafc 55%,#f1f5f9);color:#172033}.ad-dashboard-page,.ad-dashboard-page *{box-sizing:border-box}.ad-dashboard-page button{font:inherit}.ad-dashboard-shell{width:100%;max-width:1380px;margin:0 auto}.ad-dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px;border-radius:28px;background:linear-gradient(135deg,#172554,#1d4ed8 52%,#7c3aed);box-shadow:0 24px 60px #1e40af40;color:#fff}.ad-dashboard-hero:before{content:"";position:absolute;top:-120px;right:-80px;width:300px;height:300px;border:48px solid rgba(255,255,255,.08);border-radius:50%}.ad-dashboard-hero:after{content:"";position:absolute;right:260px;bottom:-135px;width:250px;height:250px;border-radius:50%;background:#ffffff12}.ad-hero-content,.ad-hero-actions{position:relative;z-index:2}.ad-hero-content{min-width:0}.ad-hero-label{display:inline-flex;margin-bottom:12px;padding:7px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1f;color:#fff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ad-hero-content h1{margin:0;color:#fff;font-size:clamp(32px,5vw,50px);font-weight:950;letter-spacing:-.04em;line-height:1.08}.ad-hero-content p{max-width:650px;margin:13px 0 0;color:#ffffffdb;font-size:17px;font-weight:600;line-height:1.65}.ad-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.ad-refresh-button,.ad-new-enquiry-button{min-height:48px;padding:0 20px;border-radius:14px;font-size:14px;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.ad-refresh-button{border:1px solid rgba(255,255,255,.38);background:#ffffff1f;color:#fff}.ad-new-enquiry-button{border:none;background:#fff;color:#1d4ed8;box-shadow:0 13px 30px #0f172a38}.ad-refresh-button:hover,.ad-new-enquiry-button:hover{transform:translateY(-2px)}.ad-refresh-button:disabled{cursor:wait;opacity:.65}.ad-error-box{display:flex;align-items:center;gap:13px;margin-top:20px;padding:17px 19px;border:1px solid #fecaca;border-radius:16px;background:#fff1f2;color:#9f1239}.ad-error-box strong{font-weight:900}.ad-error-box span{flex:1}.ad-error-box button{padding:9px 15px;border:none;border-radius:10px;background:#be123c;color:#fff;font-weight:850;cursor:pointer}.ad-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:22px}.ad-summary-card{position:relative;overflow:hidden;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid rgba(148,163,184,.2);border-radius:21px;background:#fff;box-shadow:0 14px 32px #0f172a12;text-align:left;cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.ad-summary-card:after{content:"";position:absolute;right:-30px;bottom:-34px;width:105px;height:105px;border-radius:50%;background:var(--ad-card-soft)}.ad-summary-card:hover{transform:translateY(-5px);border-color:var(--ad-card-main);box-shadow:0 22px 42px #0f172a21}.ad-card-new{--ad-card-main: #dc2626;--ad-card-soft: #fee2e2}.ad-card-contacted{--ad-card-main: #2563eb;--ad-card-soft: #dbeafe}.ad-card-interested{--ad-card-main: #9333ea;--ad-card-soft: #f3e8ff}.ad-card-followup{--ad-card-main: #d97706;--ad-card-soft: #fef3c7}.ad-card-joined{--ad-card-main: #16a34a;--ad-card-soft: #dcfce7}.ad-card-total{--ad-card-main: #0f766e;--ad-card-soft: #ccfbf1}.ad-card-icon{position:relative;z-index:2;display:grid;width:46px;height:46px;place-items:center;margin-bottom:17px;border-radius:14px;background:var(--ad-card-soft);font-size:22px}.ad-card-content{position:relative;z-index:2;display:flex;width:100%;flex-direction:column}.ad-card-label{color:#475569;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.ad-card-content strong{display:block;margin:8px 0 5px;color:var(--ad-card-main);font-size:36px;font-weight:950;line-height:1}.ad-card-content small{color:#64748b;font-size:12px;font-weight:650;line-height:1.45}.ad-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.ad-performance-card,.ad-panel{border:1px solid rgba(148,163,184,.2);border-radius:24px;background:#fffffff2;box-shadow:0 16px 40px #0f172a12}.ad-performance-card{padding:25px}.ad-performance-heading{display:flex;align-items:center;gap:13px}.ad-performance-icon{display:grid;flex:0 0 auto;width:49px;height:49px;place-items:center;border-radius:15px;background:#eef2ff;font-size:23px}.ad-performance-heading h2,.ad-panel-header h2{margin:0;color:#172033;font-size:20px;font-weight:950}.ad-performance-heading p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:650}.ad-conversion-layout{display:flex;align-items:center;gap:28px;margin-top:25px}.ad-conversion-circle{display:grid;flex:0 0 auto;width:150px;height:150px;place-items:center;border-radius:50%;background:conic-gradient(#7c3aed var(--conversion-value),#ede9fe 0deg)}.ad-conversion-circle>div{display:flex;width:112px;height:112px;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #ede9fe}.ad-conversion-circle strong{color:#6d28d9;font-size:31px;font-weight:950}.ad-conversion-circle span{margin-top:2px;color:#64748b;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.ad-conversion-details{min-width:0}.ad-conversion-details p{margin:0;color:#475569;font-size:15px;line-height:1.7}.ad-conversion-details button,.ad-panel-header button{margin-top:16px;padding:0;border:none;background:transparent;color:#2563eb;font-size:13px;font-weight:900;cursor:pointer}.ad-activity-list{display:grid;gap:12px;margin-top:24px}.ad-activity-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:#f8fafc}.ad-activity-symbol{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:13px;background:#fff;box-shadow:0 6px 16px #0f172a12;font-size:20px}.ad-activity-item div{display:flex;min-width:0;flex-direction:column}.ad-activity-item strong{color:#172033;font-size:22px;font-weight:950}.ad-activity-item span:last-child{color:#64748b;font-size:13px;font-weight:650}.ad-overdue-item{background:#fff7ed}.ad-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.ad-panel{overflow:hidden}.ad-panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 24px;border-bottom:1px solid #eef2f7}.ad-panel-header button{margin:0}.ad-panel-label{display:block;margin-bottom:4px;color:#7c3aed;font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.ad-followup-list,.ad-recent-list{padding:9px 13px 15px}.ad-followup-row,.ad-recent-row{width:100%;border:none;border-bottom:1px solid #eef2f7;background:transparent;cursor:pointer;transition:background .15s ease}.ad-followup-row:last-child,.ad-recent-row:last-child{border-bottom:none}.ad-followup-row:hover,.ad-recent-row:hover{background:#f8fafc}.ad-followup-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 11px;text-align:left}.ad-person-avatar{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4338ca;font-size:17px;font-weight:950}.ad-followup-person{display:flex;min-width:0;flex-direction:column}.ad-followup-person strong{overflow:hidden;color:#172033;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ad-followup-person small{margin-top:4px;color:#64748b;font-size:12px}.ad-followup-grade{padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900;white-space:nowrap}.ad-row-arrow{color:#94a3b8;font-size:27px}.ad-recent-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 11px;text-align:left}.ad-recent-main{display:flex;min-width:0;flex-direction:column}.ad-recent-main strong{overflow:hidden;color:#172033;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ad-recent-main span{margin-top:4px;color:#64748b;font-size:12px}.ad-status-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ad-status-new{background:#fee2e2;color:#b91c1c}.ad-status-contacted{background:#dbeafe;color:#1d4ed8}.ad-status-interested{background:#f3e8ff;color:#7e22ce}.ad-status-follow_up{background:#fef3c7;color:#b45309}.ad-status-joined{background:#dcfce7;color:#15803d}.ad-status-not_interested{background:#e2e8f0;color:#475569}.ad-empty-state{padding:48px 25px;text-align:center}.ad-empty-state>span{display:block;font-size:36px}.ad-empty-state h3{margin:12px 0 6px;color:#172033;font-size:17px;font-weight:900}.ad-empty-state p{margin:0;color:#64748b;font-size:13px}.ad-floating-button{position:fixed;right:25px;bottom:25px;z-index:50;display:none;width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 35px #2563eb66;color:#fff;font-size:32px;line-height:1;cursor:pointer}.ad-dashboard-loading{width:min(520px,100%);margin:110px auto 0;padding:45px 30px;border:1px solid rgba(148,163,184,.2);border-radius:24px;background:#fff;box-shadow:0 22px 50px #0f172a17;text-align:center}.ad-loading-spinner{width:48px;height:48px;margin:0 auto 18px;border:5px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:ad-spin .8s linear infinite}.ad-dashboard-loading h2{margin:0;color:#172033}.ad-dashboard-loading p{margin:8px 0 0;color:#64748b}@keyframes ad-spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.ad-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.ad-dashboard-hero{align-items:flex-start;flex-direction:column;padding:28px}.ad-hero-actions{justify-content:flex-start}.ad-performance-grid,.ad-lower-grid{grid-template-columns:1fr}}@media(max-width:650px){.ad-dashboard-page{padding:14px 11px 90px}.ad-dashboard-hero{border-radius:22px}.ad-hero-content h1{font-size:31px}.ad-hero-content p{font-size:14px}.ad-hero-actions{width:100%}.ad-refresh-button,.ad-new-enquiry-button{flex:1}.ad-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ad-summary-card{padding:17px;border-radius:18px}.ad-card-content strong{font-size:30px}.ad-conversion-layout{align-items:flex-start;flex-direction:column}.ad-followup-row{grid-template-columns:auto minmax(0,1fr) auto}.ad-followup-grade{display:none}.ad-panel-header{padding:19px 17px}.ad-floating-button{display:block}}@media(max-width:430px){.ad-summary-grid{grid-template-columns:1fr}.ad-summary-card{flex-direction:row;align-items:center;gap:15px}.ad-card-icon{flex:0 0 auto;margin-bottom:0}.ad-recent-row{align-items:flex-start;flex-direction:column}}.ae-page{min-height:100vh;padding:34px 18px 70px;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 34%),radial-gradient(circle at top right,rgba(168,85,247,.15),transparent 32%),linear-gradient(145deg,#eef6ff,#f8f5ff 48%,#fff7ed);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033}.ae-shell{width:100%;max-width:1040px;margin:0 auto}.ae-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:24px;padding:34px;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:linear-gradient(135deg,#172554,#312e81 42%,#6d28d9);box-shadow:0 24px 60px #312e813d,inset 0 1px #ffffff2e;color:#fff}.ae-hero:before{content:"";position:absolute;top:-85px;right:-70px;width:250px;height:250px;border-radius:50%;background:#ffffff17}.ae-hero:after{content:"";position:absolute;right:160px;bottom:-115px;width:210px;height:210px;border-radius:50%;background:#38bdf824}.ae-hero>*{position:relative;z-index:1}.ae-eyebrow{display:inline-flex;align-items:center;margin-bottom:12px;padding:7px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff1c;color:#dbeafe;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.ae-hero h1{margin:0;font-size:clamp(28px,4vw,43px);line-height:1.12;letter-spacing:-1.2px}.ae-hero p{max-width:650px;margin:14px 0 0;color:#fffc;font-size:15px;line-height:1.7}.ae-back-button{flex-shrink:0;min-height:44px;padding:11px 17px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:#ffffff1f;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,border-color .2s ease}.ae-back-button:hover{transform:translateY(-2px);border-color:#ffffff8c;background:#fff3}.ae-form{display:flex;flex-direction:column;gap:20px}.ae-section{padding:28px;border:1px solid rgba(203,213,225,.75);border-radius:24px;background:#ffffffed;box-shadow:0 14px 40px #0f172a14,inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.ae-section:hover{transform:translateY(-2px);box-shadow:0 20px 48px #0f172a1a,inset 0 1px #fff}.ae-section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e8edf5}.ae-section-heading>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 22px #4f46e547;color:#fff;font-size:17px;font-weight:900}.ae-section:nth-of-type(2) .ae-section-heading>span{background:linear-gradient(135deg,#0891b2,#14b8a6);box-shadow:0 10px 22px #0d948840}.ae-section:nth-of-type(3) .ae-section-heading>span{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 10px 22px #ea580c3d}.ae-section:nth-of-type(4) .ae-section-heading>span{background:linear-gradient(135deg,#db2777,#9333ea);box-shadow:0 10px 22px #db27773d}.ae-section:nth-of-type(5) .ae-section-heading>span{background:linear-gradient(135deg,#16a34a,#0d9488);box-shadow:0 10px 22px #16a34a3d}.ae-section-heading h2{margin:1px 0 5px;color:#172033;font-size:20px;line-height:1.25}.ae-section-heading p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.ae-grid{display:grid;gap:20px}.ae-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-field{display:flex;flex-direction:column;gap:8px}.ae-field>span{color:#334155;font-size:13px;font-weight:800}.ae-field>span strong{margin-left:4px;color:#dc2626}.ae-field input,.ae-field select,.ae-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:13px;outline:none;background:#f8fafc;color:#172033;font:inherit;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.ae-field input,.ae-field select{min-height:49px;padding:0 14px}.ae-field textarea{min-height:110px;padding:14px;line-height:1.65;resize:vertical}.ae-field input::placeholder,.ae-field textarea::placeholder{color:#94a3b8}.ae-field input:hover,.ae-field select:hover,.ae-field textarea:hover{border-color:#94a3b8;background:#fff}.ae-field input:focus,.ae-field select:focus,.ae-field textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f121,0 7px 18px #0f172a0f;transform:translateY(-1px)}.ae-field select{cursor:pointer}.ae-field input[type=date],.ae-field input[type=datetime-local]{color-scheme:light}.ae-tags-block{margin-top:22px;padding:20px;border:1px solid #dbe5f0;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#faf7ff)}.ae-tags-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.ae-tags-heading strong{color:#1e293b;font-size:14px}.ae-tags-heading span{color:#64748b;font-size:12px}.ae-tag-list{display:flex;flex-wrap:wrap;gap:10px}.ae-tag{min-height:39px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.ae-tag:hover{transform:translateY(-2px);border-color:#818cf8;color:#4338ca;box-shadow:0 8px 18px #4f46e51f}.ae-tag-selected{border-color:transparent;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 9px 18px #4f46e540}.ae-tag-selected:hover{color:#fff}.ae-message{padding:14px 17px;border-radius:14px;font-size:14px;font-weight:750;line-height:1.55;animation:ae-message-in .25s ease}.ae-error{border:1px solid #fecaca;background:linear-gradient(135deg,#fff1f2,#fff7ed);color:#b91c1c;box-shadow:0 8px 20px #dc262614}.ae-success{border:1px solid #bbf7d0;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);color:#15803d;box-shadow:0 8px 20px #16a34a14}@keyframes ae-message-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.ae-actions{position:sticky;bottom:14px;z-index:10;display:flex;justify-content:flex-end;gap:13px;padding:17px;border:1px solid rgba(203,213,225,.8);border-radius:19px;background:#ffffffe6;box-shadow:0 18px 42px #0f172a24,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ae-cancel-button,.ae-save-button{min-height:48px;padding:11px 22px;border-radius:13px;font:inherit;font-size:14px;font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.ae-cancel-button{border:1px solid #cbd5e1;background:#fff;color:#475569}.ae-cancel-button:hover:not(:disabled){transform:translateY(-2px);border-color:#94a3b8;background:#f8fafc}.ae-save-button{min-width:165px;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 25px #4f46e54d;color:#fff}.ae-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #4f46e55c}.ae-cancel-button:active:not(:disabled),.ae-save-button:active:not(:disabled){transform:translateY(0)}.ae-cancel-button:disabled,.ae-save-button:disabled{cursor:not-allowed;opacity:.62}.ae-loading-card{width:min(430px,100%);margin:110px auto 0;padding:42px 28px;border:1px solid rgba(203,213,225,.8);border-radius:25px;background:#fffffff0;box-shadow:0 25px 60px #0f172a1f;text-align:center}.ae-spinner{width:52px;height:52px;margin:0 auto 21px;border:5px solid #e0e7ff;border-top-color:#4f46e5;border-right-color:#7c3aed;border-radius:50%;animation:ae-spin .85s linear infinite}.ae-loading-card h2{margin:0 0 8px;color:#1e293b;font-size:22px}.ae-loading-card p{margin:0;color:#64748b;font-size:14px;line-height:1.6}@keyframes ae-spin{to{transform:rotate(360deg)}}.ae-back-button:focus-visible,.ae-tag:focus-visible,.ae-cancel-button:focus-visible,.ae-save-button:focus-visible{outline:3px solid rgba(56,189,248,.55);outline-offset:3px}@media(max-width:780px){.ae-page{padding:22px 13px 55px}.ae-hero{flex-direction:column;padding:27px 23px;border-radius:23px}.ae-back-button{align-self:flex-start}.ae-section{padding:23px 20px;border-radius:21px}.ae-grid-two{grid-template-columns:1fr}.ae-tags-heading{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:520px){.ae-page{padding:12px 9px 35px}.ae-hero{margin-bottom:15px;padding:24px 18px;border-radius:19px}.ae-eyebrow{font-size:10px}.ae-hero h1{font-size:28px}.ae-hero p{font-size:14px}.ae-form{gap:14px}.ae-section{padding:20px 15px;border-radius:18px}.ae-section-heading{gap:11px;margin-bottom:19px}.ae-section-heading>span{flex-basis:37px;width:37px;height:37px;border-radius:12px;font-size:15px}.ae-section-heading h2{font-size:18px}.ae-section-heading p{font-size:12px}.ae-grid{gap:16px}.ae-field input,.ae-field select{min-height:47px;font-size:16px}.ae-field textarea{font-size:16px}.ae-tags-block{padding:16px 13px}.ae-tag-list{gap:8px}.ae-tag{padding:7px 11px;font-size:12px}.ae-actions{bottom:7px;display:grid;grid-template-columns:1fr 1.4fr;gap:9px;padding:11px;border-radius:16px}.ae-cancel-button,.ae-save-button{width:100%;min-width:0;padding:10px 12px;font-size:13px}.ae-loading-card{margin-top:65px;padding:35px 20px}}@media(prefers-reduced-motion:reduce){.ae-section,.ae-back-button,.ae-tag,.ae-cancel-button,.ae-save-button,.ae-field input,.ae-field select,.ae-field textarea{transition:none}.ae-spinner{animation-duration:1.6s}}.aanm-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#0f172aa3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:aanm-overlay-in .2s ease}.aanm-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid rgba(255,255,255,.65);border-radius:26px;background:#fff;box-shadow:0 30px 80px #0f172a52,inset 0 1px #fff;animation:aanm-modal-in .24s ease}.aanm-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px;overflow:hidden;border-radius:25px 25px 0 0;background:radial-gradient(circle at top right,rgba(255,255,255,.14),transparent 35%),linear-gradient(135deg,#172554,#4338ca 55%,#7c3aed);color:#fff}.aanm-header:after{content:"";position:absolute;right:-65px;bottom:-95px;width:210px;height:210px;border-radius:50%;background:#ffffff14}.aanm-title-row,.aanm-close-button{position:relative;z-index:1}.aanm-title-row{display:flex;align-items:flex-start;gap:15px}.aanm-icon{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#ffffff24;font-size:23px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aanm-eyebrow{display:block;margin-bottom:5px;color:#c7d2fe;font-size:10px;font-weight:850;letter-spacing:1.1px;text-transform:uppercase}.aanm-header h2{margin:0;font-size:25px;line-height:1.2}.aanm-header p{max-width:430px;margin:8px 0 0;color:#ffffffc7;font-size:13px;line-height:1.6}.aanm-close-button{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff1f;color:#fff;font:inherit;font-size:24px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease}.aanm-close-button:hover:not(:disabled){transform:rotate(4deg);background:#ffffff38}.aanm-form{padding:27px}.aanm-error{margin-bottom:17px;padding:13px 15px;border:1px solid #fecaca;border-radius:13px;background:#fff1f2;color:#b91c1c;font-size:13px;font-weight:750;line-height:1.5}.aanm-field{display:flex;flex-direction:column;gap:8px}.aanm-field>span{color:#334155;font-size:13px;font-weight:850}.aanm-field textarea{width:100%;min-height:190px;padding:16px;border:1px solid #cbd5e1;border-radius:15px;outline:none;background:#f8fafc;color:#172033;font:inherit;font-size:15px;line-height:1.7;resize:vertical;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.aanm-field textarea::placeholder{color:#94a3b8}.aanm-field textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f121}.aanm-help{display:flex;flex-direction:column;gap:4px;margin-top:15px;padding:14px 16px;border:1px solid #fde68a;border-radius:14px;background:#fffbeb}.aanm-help strong{color:#92400e;font-size:12px}.aanm-help span{color:#a16207;font-size:12px;line-height:1.55}.aanm-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:24px;padding-top:20px;border-top:1px solid #e7edf5}.aanm-cancel-button,.aanm-save-button{min-height:46px;padding:10px 19px;border-radius:13px;font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.aanm-cancel-button{border:1px solid #cbd5e1;background:#fff;color:#475569}.aanm-cancel-button:hover:not(:disabled){transform:translateY(-2px);background:#f8fafc}.aanm-save-button{min-width:135px;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 11px 23px #4f46e545}.aanm-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 28px #4f46e557}.aanm-cancel-button:disabled,.aanm-save-button:disabled,.aanm-close-button:disabled{cursor:not-allowed;opacity:.6}.aanm-close-button:focus-visible,.aanm-cancel-button:focus-visible,.aanm-save-button:focus-visible{outline:3px solid rgba(56,189,248,.55);outline-offset:3px}@keyframes aanm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes aanm-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.aanm-overlay{align-items:end;padding:0}.aanm-modal{width:100%;max-height:92vh;border-radius:24px 24px 0 0}.aanm-header{padding:23px 18px;border-radius:23px 23px 0 0}.aanm-title-row{gap:11px}.aanm-icon{flex-basis:43px;width:43px;height:43px;border-radius:14px;font-size:20px}.aanm-header h2{font-size:21px}.aanm-header p{font-size:11px}.aanm-form{padding:21px 17px}.aanm-field textarea{min-height:170px;font-size:16px}.aanm-actions{display:grid;grid-template-columns:1fr 1.35fr}.aanm-cancel-button,.aanm-save-button{width:100%;min-width:0;padding:10px}}@media(prefers-reduced-motion:reduce){.aanm-overlay,.aanm-modal{animation:none}.aanm-close-button,.aanm-cancel-button,.aanm-save-button{transition:none}}*{box-sizing:border-box}.adp-page{min-height:100vh;padding:32px 18px 70px;background:radial-gradient(circle at 5% 0%,rgba(59,130,246,.18),transparent 30%),radial-gradient(circle at 95% 5%,rgba(168,85,247,.16),transparent 32%),linear-gradient(145deg,#eef6ff,#f8f5ff,#fff8ee);color:#172033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.adp-shell{width:100%;max-width:1220px;margin:0 auto}.adp-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px;padding:34px;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:28px;background:linear-gradient(135deg,#172554,#312e81 45%,#6d28d9);box-shadow:0 24px 58px #312e8140,inset 0 1px #ffffff2b;color:#fff}.adp-hero:before{content:"";position:absolute;top:-115px;right:-70px;width:320px;height:320px;border-radius:50%;background:#ffffff14}.adp-hero:after{content:"";position:absolute;right:220px;bottom:-150px;width:260px;height:260px;border-radius:50%;background:#38bdf821}.adp-hero>*{position:relative;z-index:1}.adp-hero-content{min-width:0}.adp-back-button{margin-bottom:24px;padding:0;border:none;background:transparent;color:#dbeafe;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:color .2s ease,transform .2s ease}.adp-back-button:hover{color:#fff;transform:translate(-3px)}.adp-profile-row{display:flex;align-items:center;gap:18px}.adp-avatar{display:grid;flex:0 0 76px;width:76px;height:76px;place-items:center;border:2px solid rgba(255,255,255,.28);border-radius:23px;background:linear-gradient(135deg,#ffffff47,#ffffff1a);box-shadow:0 15px 30px #0000002e,inset 0 1px #ffffff40;font-size:32px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.adp-eyebrow{display:inline-block;margin-bottom:6px;color:#c7d2fe;font-size:12px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase}.adp-profile-row h1{margin:0;color:#fff;font-size:clamp(29px,4vw,45px);line-height:1.08;letter-spacing:-1.1px;overflow-wrap:anywhere}.adp-phone{margin:8px 0 0;color:#ffffffd6;font-size:17px;font-weight:750;letter-spacing:.7px}.adp-hero-actions{flex-shrink:0}.adp-edit-button{min-height:49px;padding:11px 20px;border:1px solid rgba(255,255,255,.29);border-radius:14px;background:#ffffff24;color:#fff;font:inherit;font-size:14px;font-weight:850;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.adp-edit-button:hover{transform:translateY(-2px);background:#ffffff38;box-shadow:0 12px 24px #00000024}.adp-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.adp-action-card{display:flex;align-items:center;gap:13px;min-width:0;min-height:94px;padding:17px;border:1px solid transparent;border-radius:19px;text-align:left;text-decoration:none;cursor:pointer;font:inherit;box-shadow:0 12px 30px #0f172a17;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.adp-action-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0f172a24}.adp-action-icon{display:grid;flex:0 0 47px;width:47px;height:47px;place-items:center;border-radius:14px;background:#ffffffc7;box-shadow:inset 0 1px #fff;font-size:22px}.adp-action-card div{min-width:0}.adp-action-card strong,.adp-action-card small{display:block}.adp-action-card strong{margin-bottom:4px;font-size:14px;font-weight:900}.adp-action-card small{overflow:hidden;color:#64748b;font-size:11px;line-height:1.45;text-overflow:ellipsis}.adp-whatsapp-action{border-color:#bbf7d0;background:linear-gradient(135deg,#ecfdf5,#dcfce7);color:#166534}.adp-call-action{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.adp-note-action{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#a16207}.adp-convert-action{border-color:#ddd6fe;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#6d28d9}.adp-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;gap:20px}.adp-main-column,.adp-side-column{display:flex;flex-direction:column;gap:20px}.adp-card{padding:25px;border:1px solid rgba(203,213,225,.76);border-radius:23px;background:#fffffff2;box-shadow:0 14px 38px #0f172a14,inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.adp-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0f172a1a,inset 0 1px #fff}.adp-card-heading{margin-bottom:21px;padding-bottom:17px;border-bottom:1px solid #e7edf5}.adp-card-heading>div{display:flex;align-items:flex-start;gap:13px}.adp-section-icon{display:grid;flex:0 0 43px;width:43px;height:43px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);box-shadow:inset 0 1px #fff;font-size:19px}.adp-card-heading h2{margin:2px 0 4px;color:#172033;font-size:19px;line-height:1.25}.adp-card-heading p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.adp-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.adp-info-item{min-width:0;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#fff);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.adp-info-item:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 10px 20px #4f46e514}.adp-info-item span,.adp-info-item strong{display:block}.adp-info-item span{margin-bottom:7px;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.adp-info-item strong{overflow-wrap:anywhere;color:#1e293b;font-size:15px;line-height:1.5}.adp-text-content,.adp-notes-box{min-height:105px;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#fff);color:#334155;font-size:14px;line-height:1.8;white-space:pre-wrap}.adp-notes-box{min-height:135px;border-left:5px solid #8b5cf6;background:linear-gradient(135deg,#faf5ff,#fff)}.adp-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.adp-tag{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800}.adp-status-card{background:linear-gradient(145deg,#fffffffc,#f5f3fff7)}.adp-status-list{display:flex;flex-direction:column;gap:14px}.adp-status-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #edf1f6}.adp-status-row:last-child{padding-bottom:0;border-bottom:none}.adp-status-row>span{color:#64748b;font-size:12px;font-weight:750}.adp-status-row>strong{max-width:58%;color:#1e293b;font-size:13px;font-weight:850;text-align:right;overflow-wrap:anywhere}.adp-status-badge{display:inline-flex;align-items:center;min-height:31px;padding:6px 11px;border-radius:999px;font-size:11px!important;letter-spacing:.3px;text-transform:uppercase}.adp-status-new{background:#dbeafe;color:#1d4ed8!important}.adp-status-contacted{background:#fef3c7;color:#a16207!important}.adp-status-interested{background:#ede9fe;color:#6d28d9!important}.adp-status-follow_up{background:#cffafe;color:#0e7490!important}.adp-status-trial_scheduled{background:#f3e8ff;color:#7e22ce!important}.adp-status-trial_completed{background:#ddd6fe;color:#6d28d9!important}.adp-status-joined{background:#dcfce7;color:#15803d!important}.adp-status-not_interested,.adp-status-lost{background:#fee2e2;color:#b91c1c!important}.adp-highlight-box{padding:21px;border:1px solid #bae6fd;border-radius:17px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);text-align:center}.adp-highlight-box span,.adp-highlight-box strong{display:block}.adp-highlight-box span{margin-bottom:7px;color:#0369a1;font-size:11px;font-weight:850;letter-spacing:.5px;text-transform:uppercase}.adp-highlight-box strong{color:#0c4a6e;font-size:19px}.adp-full-button{width:100%;min-height:45px;margin-top:13px;padding:10px 15px;border:1px solid #c7d2fe;border-radius:13px;background:#eef2ff;color:#4338ca;font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.adp-full-button:hover{transform:translateY(-2px);background:#e0e7ff;box-shadow:0 10px 20px #4f46e524}.adp-empty-timeline{padding:38px 18px;border:1px dashed #cbd5e1;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#fff);text-align:center}.adp-empty-timeline>span{display:inline-block;margin-bottom:10px;font-size:36px}.adp-empty-timeline h3{margin:0 0 7px;color:#334155;font-size:17px}.adp-empty-timeline p{max-width:500px;margin:0 auto;color:#64748b;font-size:13px;line-height:1.65}.adp-system-card{padding:19px 22px;background:linear-gradient(145deg,#f8fafc,#fff)}.adp-system-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf1f6}.adp-system-row:first-child{padding-top:0}.adp-system-row:last-child{padding-bottom:0;border-bottom:none}.adp-system-row span{color:#64748b;font-size:11px;font-weight:750}.adp-system-row strong{color:#334155;font-size:11px;font-weight:850;text-align:right}.adp-loading-card,.adp-error-card{width:min(440px,100%);margin:100px auto 0;padding:40px 28px;border:1px solid rgba(203,213,225,.8);border-radius:25px;background:#fffffff5;box-shadow:0 25px 60px #0f172a21;text-align:center}.adp-spinner{width:53px;height:53px;margin:0 auto 20px;border:5px solid #e0e7ff;border-top-color:#4f46e5;border-right-color:#7c3aed;border-radius:50%;animation:adp-spin .85s linear infinite}.adp-loading-card h2,.adp-error-card h2{margin:0 0 8px;color:#1e293b;font-size:22px}.adp-loading-card p,.adp-error-card p{margin:0;color:#64748b;font-size:14px;line-height:1.65}.adp-error-icon{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:27px;font-weight:900}.adp-error-card button{min-height:45px;margin-top:20px;padding:10px 18px;border:none;border-radius:13px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 11px 24px #4f46e540}@keyframes adp-spin{to{transform:rotate(360deg)}}.adp-back-button:focus-visible,.adp-edit-button:focus-visible,.adp-action-card:focus-visible,.adp-full-button:focus-visible,.adp-error-card button:focus-visible{outline:3px solid rgba(56,189,248,.58);outline-offset:3px}@media(max-width:1040px){.adp-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.adp-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}}@media(max-width:820px){.adp-page{padding:22px 13px 55px}.adp-hero{align-items:flex-start;flex-direction:column;padding:27px 23px;border-radius:23px}.adp-hero-actions,.adp-edit-button{width:100%}.adp-layout{grid-template-columns:1fr}.adp-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.adp-system-card{grid-column:1 / -1}}@media(max-width:570px){.adp-page{padding:11px 8px 35px}.adp-hero{margin-bottom:13px;padding:22px 17px;border-radius:19px}.adp-back-button{margin-bottom:18px;font-size:12px}.adp-profile-row{align-items:flex-start;gap:12px}.adp-avatar{flex-basis:55px;width:55px;height:55px;border-radius:17px;font-size:24px}.adp-eyebrow{font-size:9px}.adp-profile-row h1{font-size:25px}.adp-phone{font-size:14px}.adp-quick-actions{grid-template-columns:1fr;gap:10px;margin-bottom:13px}.adp-action-card{min-height:77px;padding:13px;border-radius:16px}.adp-action-icon{flex-basis:42px;width:42px;height:42px}.adp-layout,.adp-main-column,.adp-side-column{gap:13px}.adp-side-column{display:flex}.adp-card{padding:19px 15px;border-radius:18px}.adp-card-heading{margin-bottom:17px;padding-bottom:14px}.adp-section-icon{flex-basis:37px;width:37px;height:37px;border-radius:12px;font-size:17px}.adp-card-heading h2{font-size:17px}.adp-card-heading p{font-size:11px}.adp-info-grid{grid-template-columns:1fr;gap:10px}.adp-info-item{padding:14px}.adp-text-content,.adp-notes-box{padding:15px;font-size:13px}.adp-status-row{align-items:flex-start}.adp-status-row>strong{max-width:55%}.adp-loading-card,.adp-error-card{margin-top:65px;padding:34px 20px}}@media(prefers-reduced-motion:reduce){.adp-back-button,.adp-edit-button,.adp-action-card,.adp-card,.adp-info-item,.adp-full-button{transition:none}.adp-spinner{animation-duration:1.6s}}.adp-status-section{margin-bottom:22px;padding:22px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px #0f172a0f}.adp-status-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.adp-status-heading h2{margin:4px 0 0;font-size:20px;color:#172033}.adp-status-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.adp-status-saving{font-size:14px;font-weight:700;color:#2563eb}.adp-status-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.adp-status-button{min-height:82px;padding:13px 10px;border:2px solid transparent;border-radius:14px;background:#f8fafc;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.adp-status-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #0f172a1a}.adp-status-button:disabled{cursor:not-allowed;opacity:.65}.adp-status-button span{font-size:22px}.adp-status-button strong{font-size:14px;color:#172033}.adp-status-button small{font-size:11px;font-weight:800;color:#166534}.adp-status-button-active{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.adp-status-new{background:#eff6ff}.adp-status-contacted{background:#f0f9ff}.adp-status-interested{background:#fffbeb}.adp-status-follow-up{background:#faf5ff}.adp-status-joined{background:#f0fdf4}.adp-status-not-interested{background:#fef2f2}.adp-status-error{margin-top:14px;padding:13px 16px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#b91c1c;font-weight:700}@media(max-width:640px){.adp-status-heading{align-items:flex-start;flex-direction:column}.adp-status-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}.wcl-page{width:min(1600px,96%);margin:auto;padding:24px}.wcl-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.wcl-eyebrow{margin:0;color:#38bdf8;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.wcl-header h1{margin:6px 0;font-size:34px;font-weight:900}.wcl-subtitle{margin:0;color:#9ca3af;font-size:15px}.wcl-createButton{border:none;cursor:pointer;border-radius:12px;padding:14px 24px;background:#16a34a;color:#fff;font-weight:700;font-size:15px;transition:.25s}.wcl-createButton:hover{background:#15803d}.wcl-createButton:hover{background:#1d4ed8}.wcl-summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}.wcl-summaryCard{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px #00000014}.wcl-summaryCard span{display:block;color:#6b7280;font-size:13px}.wcl-summaryCard strong{display:block;margin-top:8px;font-size:40px;font-weight:900}.wcl-toolbar{background:#fff;border-radius:16px;padding:20px;display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;margin-bottom:24px;box-shadow:0 8px 24px #00000014}.wcl-searchGroup,.wcl-filterGroup{flex:1;min-width:220px}.wcl-searchGroup label,.wcl-filterGroup label{display:block;margin-bottom:8px;font-weight:700}.wcl-searchGroup input,.wcl-filterGroup select{width:100%;padding:12px;border-radius:10px;border:1px solid #d1d5db;font-size:15px}.wcl-refreshButton{border:none;cursor:pointer;padding:12px 22px;border-radius:10px;background:#111827;color:#fff;font-weight:700}.wcl-refreshButton:hover{background:#000}.wcl-listCard{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.wcl-listHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.wcl-listHeader h2{margin:0}.wcl-listHeader p{margin-top:4px;color:#6b7280}.wcl-campaignGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px}.wcl-campaignCard{border:1px solid #e5e7eb;border-radius:18px;padding:22px;transition:.25s;background:#fafafa}.wcl-campaignCard:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.wcl-campaignTop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.wcl-campaignTitleArea h3{margin:0 0 8px;font-size:21px}.wcl-status{display:inline-block;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:800}.wcl-status--draft{background:#fef3c7;color:#92400e}.wcl-status--processing{background:#dbeafe;color:#1d4ed8}.wcl-status--completed{background:#dcfce7;color:#166534}.wcl-status--failed{background:#fee2e2;color:#b91c1c}.wcl-openButton{border:none;cursor:pointer;border-radius:10px;background:#2563eb;color:#fff;padding:10px 18px;font-weight:700}.wcl-openButton:hover{background:#1d4ed8}.wcl-messagePreview{margin:18px 0;color:#374151;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wcl-campaignMeta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.wcl-campaignMeta div{text-align:center;background:#fff;border-radius:10px;padding:10px}.wcl-campaignMeta span{display:block;font-size:12px;color:#6b7280}.wcl-campaignMeta strong{display:block;margin-top:5px;font-size:22px}.wcl-filterDetails{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#4b5563;margin-top:18px}.wcl-campaignFooter{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:16px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6b7280}.wcl-emptyState{text-align:center;padding:70px 20px}.wcl-emptyIcon{font-size:70px}.wcl-emptyState h3{margin:20px 0 10px}.wcl-emptyState p{color:#6b7280;max-width:550px;margin:auto}.wcl-emptyState button{margin-top:24px;border:none;cursor:pointer;background:#2563eb;color:#fff;padding:14px 28px;border-radius:10px;font-weight:700}.wcl-state{text-align:center;padding:70px}.wcl-spinner{width:42px;height:42px;margin:auto;border:4px solid #d1d5db;border-top:4px solid #2563eb;border-radius:50%;animation:wcl-spin .8s linear infinite}@keyframes wcl-spin{to{transform:rotate(360deg)}}.wcl-error{margin-bottom:24px;border-left:5px solid #dc2626;background:#fee2e2;padding:18px;border-radius:10px}.wcl-error button{margin-top:12px;border:none;cursor:pointer;background:#dc2626;color:#fff;padding:10px 18px;border-radius:8px}@media(max-width:768px){.wcl-header{flex-direction:column;align-items:flex-start}.wcl-toolbar{flex-direction:column;align-items:stretch}.wcl-campaignGrid{grid-template-columns:1fr}.wcl-campaignMeta{grid-template-columns:repeat(2,1fr)}}.wcp-page{min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(16,185,129,.12),transparent 34%),#f5f7fb;color:#172033}.wcp-header,.wcp-filterCard,.wcp-resultsCard,.wcp-error{width:min(1180px,100%);margin-left:auto;margin-right:auto}.wcp-header{margin-bottom:22px}.wcp-eyebrow{margin:0 0 6px;color:#07805f;font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.wcp-header h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.1}.wcp-subtitle{max-width:720px;margin:10px 0 0;color:#687287;font-size:16px;line-height:1.6}.wcp-filterCard,.wcp-resultsCard{border:1px solid #e1e7ef;border-radius:22px;background:#fff;box-shadow:0 18px 45px #1f293714}.wcp-filterCard{padding:24px}.wcp-cardHeading,.wcp-resultsHeader{display:flex;align-items:center;justify-content:space-between;gap:18px}.wcp-cardHeading{margin-bottom:22px}.wcp-cardHeading h2,.wcp-resultsHeader h2{margin:0}.wcp-cardHeading p{margin:5px 0 0;color:#788296}.wcp-statusBadge{flex-shrink:0;padding:9px 16px;border:1px solid #a9e8c7;border-radius:999px;background:#eafbf2;color:#087647;font-weight:800}.wcp-filterForm{display:grid;grid-template-columns:minmax(150px,.8fr) repeat(2,minmax(170px,1fr)) minmax(170px,1fr) auto;gap:14px;align-items:end}.wcp-field{display:grid;gap:8px}.wcp-field span{color:#354056;font-size:13px;font-weight:800}.wcp-field input,.wcp-field select{width:100%;min-height:46px;padding:0 13px;border:1px solid #d5dce7;border-radius:12px;outline:none;background:#fff;color:#172033;font:inherit}.wcp-field input:focus,.wcp-field select:focus{border-color:#11a675;box-shadow:0 0 0 3px #11a6751f}.wcp-previewButton{min-height:46px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(135deg,#119c70,#087c5b);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #087c5b38}.wcp-previewButton:hover:not(:disabled){transform:translateY(-1px)}.wcp-previewButton:disabled{cursor:not-allowed;opacity:.65}.wcp-dateNote{margin:15px 0 0;color:#7b8494;font-size:13px}.wcp-error{box-sizing:border-box;margin-top:18px;padding:14px 17px;border:1px solid #ffc3c3;border-radius:13px;background:#fff1f1;color:#a51d1d;font-weight:700}.wcp-resultsCard{margin-top:24px;overflow:hidden}.wcp-resultsHeader{padding:22px 24px;border-bottom:1px solid #e8edf3}.wcp-resultsLabel{margin:0 0 5px;color:#087c5b;font-size:12px;font-weight:900;letter-spacing:.9px;text-transform:uppercase}.wcp-summary{display:grid;gap:4px;text-align:right}.wcp-summary span{color:#687287;font-size:13px}.wcp-summary strong{color:#087c5b}.wcp-tableWrap{overflow-x:auto}.wcp-table{width:100%;border-collapse:collapse}.wcp-table th,.wcp-table td{padding:15px 17px;border-bottom:1px solid #eef1f5;text-align:left;white-space:nowrap}.wcp-table th{background:#f8fafc;color:#667085;font-size:12px;letter-spacing:.4px;text-transform:uppercase}.wcp-table td{color:#344054;font-size:14px}.wcp-table tbody tr:hover{background:#fbfefc}.wcp-phone{font-family:Consolas,monospace;font-weight:700}.wcp-capitalize{text-transform:capitalize}.wcp-empty{padding:46px 24px;color:#727c8e;text-align:center}@media(max-width:1050px){.wcp-filterForm{grid-template-columns:repeat(2,minmax(0,1fr))}.wcp-previewButton{grid-column:1 / -1}}@media(max-width:640px){.wcp-page{padding:18px 12px}.wcp-filterCard{padding:18px}.wcp-filterForm{grid-template-columns:1fr}.wcp-previewButton{grid-column:auto}.wcp-cardHeading,.wcp-resultsHeader{align-items:flex-start;flex-direction:column}.wcp-summary{text-align:left}}.wcp-success{box-sizing:border-box;width:min(1180px,100%);margin:18px auto 0;padding:15px 18px;border:1px solid #9be0bd;border-radius:13px;background:#eafbf2;color:#087647;font-weight:800}.wcp-campaignForm{display:grid;gap:20px;padding:26px 24px;border-top:1px solid #e8edf3;background:#fbfdfc}.wcp-campaignHeading{display:flex;align-items:center;justify-content:space-between;gap:18px}.wcp-campaignHeading h2{margin:0}.wcp-recipientCount{flex-shrink:0;padding:9px 15px;border:1px solid #b7e8cf;border-radius:999px;background:#effbf5;color:#087647;font-size:13px;font-weight:900}.wcp-campaignForm textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #d5dce7;border-radius:12px;outline:none;resize:vertical;background:#fff;color:#172033;font:inherit;line-height:1.6}.wcp-campaignForm textarea:focus{border-color:#11a675;box-shadow:0 0 0 3px #11a6751f}.wcp-messageFooter{display:flex;align-items:center;justify-content:space-between;gap:18px}.wcp-messageFooter span{color:#6d7789;font-size:13px;font-weight:700}.wcp-saveButton{min-height:48px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#1769d2,#124ca3);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #124ca338}.wcp-saveButton:hover:not(:disabled){transform:translateY(-1px)}.wcp-saveButton:disabled{cursor:not-allowed;opacity:.65}.wcp-saveNote{margin:-8px 0 0;color:#788296;font-size:13px;text-align:right}@media(max-width:640px){.wcp-campaignHeading,.wcp-messageFooter{align-items:stretch;flex-direction:column}.wcp-recipientCount{align-self:flex-start}.wcp-saveButton{width:100%}.wcp-saveNote{text-align:left}}.wcd-page{width:min(1500px,96%);margin:0 auto;padding:28px 20px 60px;color:#0f172a}.wcd-topBar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.wcd-backButton,.wcd-refreshButton{border:none;cursor:pointer;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:800;transition:.2s}.wcd-backButton{background:#e2e8f0;color:#0f172a}.wcd-backButton:hover{background:#cbd5e1}.wcd-refreshButton{background:#0f172a;color:#fff}.wcd-refreshButton:hover{background:#020617}.wcd-refreshButton:disabled{cursor:not-allowed;opacity:.6}.wcd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.wcd-eyebrow{margin:0 0 7px;color:#059669;font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.wcd-titleRow{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.wcd-titleRow h1{margin:0;font-size:38px;line-height:1.15}.wcd-createdDate{margin:10px 0 0;color:#64748b}.wcd-campaignStatus{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:900}.wcd-campaignStatus--draft{background:#fef3c7;color:#92400e}.wcd-campaignStatus--processing{background:#dbeafe;color:#1d4ed8}.wcd-campaignStatus--completed{background:#dcfce7;color:#166534}.wcd-campaignStatus--failed{background:#fee2e2;color:#b91c1c}.wcd-sendButton{border:none;border-radius:12px;padding:14px 24px;background:#16a34a;color:#fff;font-size:15px;font-weight:900}.wcd-sendButton:disabled{cursor:not-allowed;opacity:.55}.wcd-summaryGrid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin-bottom:24px}.wcd-summaryCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0f}.wcd-summaryCard span{display:block;color:#64748b;font-size:13px;font-weight:700}.wcd-summaryCard strong{display:block;margin-top:8px;font-size:34px;font-weight:900}.wcd-summaryCard--success{border-top:4px solid #16a34a}.wcd-summaryCard--pending{border-top:4px solid #f59e0b}.wcd-summaryCard--processing{border-top:4px solid #2563eb}.wcd-summaryCard--failed{border-top:4px solid #dc2626}.wcd-contentGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:22px;margin-bottom:24px}.wcd-messageCard,.wcd-filterCard,.wcd-recipientCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px #0f172a0f}.wcd-messageCard,.wcd-filterCard{padding:24px}.wcd-cardHeader h2,.wcd-recipientHeader h2{margin:0;font-size:23px}.wcd-cardHeader p,.wcd-recipientHeader p{margin:6px 0 0;color:#64748b}.wcd-messageText{margin-top:20px;padding:22px;min-height:180px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;white-space:pre-wrap;line-height:1.75;font-size:16px}.wcd-filterList{display:grid;gap:12px;margin-top:20px}.wcd-filterList div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e2e8f0}.wcd-filterList div:last-child{border-bottom:none}.wcd-filterList span{color:#64748b;font-size:14px}.wcd-filterList strong{text-align:right}.wcd-recipientCard{overflow:hidden}.wcd-recipientHeader{padding:24px;border-bottom:1px solid #e2e8f0}.wcd-recipientToolbar{display:flex;align-items:flex-end;gap:18px;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.wcd-searchGroup{flex:1}.wcd-statusGroup{width:260px}.wcd-searchGroup label,.wcd-statusGroup label{display:block;margin-bottom:8px;font-size:14px;font-weight:800}.wcd-searchGroup input,.wcd-statusGroup select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-size:14px;outline:none}.wcd-searchGroup input:focus,.wcd-statusGroup select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.wcd-tableWrapper{width:100%;overflow-x:auto}.wcd-table{width:100%;border-collapse:collapse;min-width:1100px}.wcd-table th{padding:14px 16px;background:#f1f5f9;color:#475569;text-align:left;font-size:12px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.wcd-table td{padding:15px 16px;border-top:1px solid #e2e8f0;color:#334155;vertical-align:top;font-size:14px}.wcd-table tbody tr:hover{background:#f8fafc}.wcd-phoneNumber{color:#0f172a!important;font-weight:800}.wcd-sendStatus{display:inline-block;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:900}.wcd-sendStatus--pending{background:#fef3c7;color:#92400e}.wcd-sendStatus--processing,.wcd-sendStatus--sending{background:#dbeafe;color:#1d4ed8}.wcd-sendStatus--sent,.wcd-sendStatus--successful{background:#dcfce7;color:#166534}.wcd-sendStatus--failed{background:#fee2e2;color:#b91c1c}.wcd-errorMessage{margin:7px 0 0;max-width:260px;color:#b91c1c;font-size:12px;line-height:1.4}.wcd-loadingState,.wcd-errorState,.wcd-emptyState{text-align:center;padding:70px 24px}.wcd-loadingState{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.wcd-spinner{width:44px;height:44px;border:4px solid #cbd5e1;border-top-color:#16a34a;border-radius:50%;animation:wcd-spin .8s linear infinite}@keyframes wcd-spin{to{transform:rotate(360deg)}}.wcd-errorState{margin-top:40px;border-radius:18px;background:#fff;border:1px solid #fecaca;box-shadow:0 10px 28px #0f172a0f}.wcd-errorState h1{margin-top:0;color:#b91c1c}.wcd-errorState p,.wcd-emptyState p{color:#64748b}.wcd-errorState button{margin-top:18px;border:none;cursor:pointer;border-radius:10px;padding:12px 20px;background:#2563eb;color:#fff;font-weight:800}@media(max-width:1100px){.wcd-summaryGrid{grid-template-columns:repeat(3,1fr)}.wcd-contentGrid{grid-template-columns:1fr}}@media(max-width:720px){.wcd-page{width:100%;padding:20px 12px 40px}.wcd-header{flex-direction:column}.wcd-titleRow h1{font-size:30px}.wcd-sendButton{width:100%}.wcd-summaryGrid{grid-template-columns:repeat(2,1fr)}.wcd-recipientToolbar{flex-direction:column;align-items:stretch}.wcd-statusGroup{width:100%}}.pws-page{min-height:100vh;padding:28px 16px 70px;background:linear-gradient(180deg,#f8fbff,#eef6ff)}.pws-header{max-width:850px;margin:0 auto 24px;text-align:center}.pws-kicker{margin:0 0 6px;font-size:17px;font-weight:800;color:#2563eb}.pws-header h1{margin:0 0 8px;font-size:34px;color:#0f172a}.pws-header p{margin:0;font-size:18px;color:#475569}.pws-list{max-width:850px;margin:0 auto;display:grid;gap:14px}.pws-card{width:100%;border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:18px 20px;text-align:left;cursor:pointer;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;box-shadow:0 8px 22px #0f172a0f}.pws-card:hover{transform:translateY(-2px);border-color:#2563eb}.pws-lesson-no{font-weight:900;color:#2563eb;font-size:16px}.pws-title{font-size:20px;font-weight:900;color:#0f172a}.pws-open{font-size:15px;font-weight:800;color:#16a34a}.pws-loading{text-align:center;font-weight:700}@media(max-width:600px){.pws-header h1{font-size:28px}.pws-card{grid-template-columns:1fr;gap:6px}.pws-title{font-size:19px}}.pws-grade-filter{max-width:220px;margin:0 auto 24px;display:flex;flex-direction:column;gap:8px}.pws-grade-filter label{font-weight:700;color:#334155}.pws-grade-filter select{padding:12px 14px;border:2px solid #dbeafe;border-radius:12px;font-size:16px;font-weight:600;background:#fff;cursor:pointer;transition:.2s}.pws-grade-filter select:hover{border-color:#60a5fa}.pws-grade-filter select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.pwl-page{min-height:100vh;padding:34px 18px 70px;background:radial-gradient(circle at top left,rgba(191,219,254,.7),transparent 32%),radial-gradient(circle at top right,rgba(254,215,170,.55),transparent 30%),linear-gradient(180deg,#f8fbff,#eef6ff 52%,#f8fafc)}.pwl-loading{width:min(720px,calc(100% - 32px));margin:80px auto;padding:34px 24px;border:1px solid #dbeafe;border-radius:22px;background:#fff;box-shadow:0 18px 45px #1e40af1f;color:#334155;text-align:center;font-size:18px;font-weight:800}.pwl-header{width:min(980px,100%);margin:0 auto 24px;text-align:center}.pwl-kicker{display:inline-flex;align-items:center;justify-content:center;margin:0 0 9px;padding:7px 16px;border:1px solid #bfdbfe;border-radius:999px;background:#ffffffeb;box-shadow:0 8px 20px #2563eb14;color:#2563eb;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pwl-header h1{margin:0;color:#173b8f;font-size:clamp(34px,5vw,54px);font-weight:950;line-height:1.06;letter-spacing:-.03em;text-shadow:0 3px 0 rgba(255,255,255,.85)}.pwl-header>p:last-child{max-width:700px;margin:13px auto 0;color:#52637a;font-size:16px;font-weight:650;line-height:1.65}.pwl-grid{width:min(1040px,100%);margin:0 auto}.pwl-card{overflow:hidden;padding:28px;border:1px solid #dbeafe;border-radius:28px;background:#fffffff5;box-shadow:0 25px 60px #0f172a1f,0 4px 12px #2563eb0f}.pwl-grammar-section{margin-bottom:30px;padding:24px;border:1px solid #c7d2fe;border-radius:24px;background:linear-gradient(135deg,#eef2fff5,#eff6fff5);box-shadow:inset 0 1px #ffffffe6}.pwl-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.pwl-section-heading>div{display:flex;align-items:center;gap:13px}.pwl-section-icon{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:17px;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 10px 22px #2563eb3d;font-size:25px}.pwl-section-heading h2{margin:0;color:#172554;font-size:24px;font-weight:950}.pwl-section-heading p{margin:5px 0 0;color:#5b6b82;font-size:14px;font-weight:650;line-height:1.5}.pwl-grammar-total{flex:0 0 auto;padding:8px 13px;border:1px solid #a5b4fc;border-radius:999px;background:#fff;color:#4338ca;font-size:13px;font-weight:900}.pwl-grammar-list{display:grid;gap:14px}.pwl-grammar-item{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:15px;padding:17px;border:1px solid #dbeafe;border-radius:19px;background:#fff;box-shadow:0 8px 20px #2563eb14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pwl-grammar-item:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 13px 27px #2563eb24}.pwl-grammar-number{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#1d4ed8;font-size:18px;font-weight:950}.pwl-grammar-content{min-width:0}.pwl-grammar-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.pwl-grammar-title-row h3{margin:0;color:#172554;font-size:19px;font-weight:950}.pwl-grammar-level{padding:5px 9px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.pwl-grammar-content p{margin:8px 0 0;color:#56667d;font-size:14px;font-weight:600;line-height:1.55}.pwl-grammar-check{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;font-size:19px;font-weight:950}.pwl-top{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.2fr);gap:28px;align-items:stretch}.pwl-image-wrap{display:flex;min-height:310px;align-items:center;justify-content:center;overflow:hidden;padding:14px;border:2px dashed #93c5fd;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.pwl-image{display:block;width:100%;max-height:390px;object-fit:contain;border-radius:17px;filter:drop-shadow(0 12px 17px rgba(15,23,42,.16))}.pwl-no-image{display:grid;width:100%;min-height:250px;place-items:center;border-radius:17px;background:#e2e8f0;color:#64748b;font-size:17px;font-weight:850}.pwl-side{display:flex;flex-direction:column;justify-content:center;padding:26px;border:1px solid #fed7aa;border-radius:24px;background:radial-gradient(circle at top right,rgba(254,215,170,.7),transparent 34%),linear-gradient(135deg,#fffaf2,#fff);box-shadow:0 13px 30px #ea580c14}.pwl-side h2{margin:0;color:#7c2d12;font-size:clamp(28px,4vw,40px);font-weight:950;letter-spacing:-.025em}.pwl-hint-instruction{margin:10px 0 18px;color:#6b7280;font-size:15px;font-weight:650;line-height:1.55}.pwl-hints{display:flex;flex-wrap:wrap;gap:11px}.pwl-hint{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid #fb923c;border-radius:999px;background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#9a3412;box-shadow:0 7px 15px #ea580c14;font-size:15px;font-weight:900}.pwl-answer-section{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.pwl-answer-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 21px;border:none;border-radius:14px;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 11px 22px #2563eb38;color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:transform .17s ease,box-shadow .17s ease}.pwl-answer-btn:hover{transform:translateY(-2px);box-shadow:0 15px 27px #2563eb47}.pwl-answer-btn:active{transform:translateY(0)}.pwl-answer{margin-top:18px;padding:23px;border:1px solid #86efac;border-left:7px solid #22c55e;border-radius:18px;background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 10px 25px #22c55e17;color:#263b30;font-size:17px;line-height:1.8}.pwl-answer>strong{display:block;margin-bottom:10px;color:#15803d;font-size:18px;font-weight:950}.pwl-answer p{margin-top:0}.pwl-answer p:last-child{margin-bottom:0}@media(max-width:820px){.pwl-page{padding:24px 14px 55px}.pwl-card{padding:21px;border-radius:23px}.pwl-top{grid-template-columns:1fr}.pwl-image-wrap{min-height:250px}.pwl-section-heading{align-items:flex-start}}@media(max-width:560px){.pwl-page{padding:18px 10px 45px}.pwl-header{margin-bottom:17px}.pwl-header h1{font-size:35px}.pwl-header>p:last-child{font-size:14px}.pwl-card{padding:14px;border-radius:20px}.pwl-grammar-section{padding:15px;border-radius:19px}.pwl-section-heading{display:block}.pwl-section-heading>div{align-items:flex-start}.pwl-section-icon{width:44px;height:44px;border-radius:14px;font-size:21px}.pwl-section-heading h2{font-size:20px}.pwl-grammar-total{display:inline-flex;margin-top:13px}.pwl-grammar-item{grid-template-columns:39px minmax(0,1fr);gap:11px;padding:14px}.pwl-grammar-number{width:37px;height:37px;border-radius:12px;font-size:15px}.pwl-grammar-check{display:none}.pwl-grammar-title-row{display:block}.pwl-grammar-title-row h3{font-size:17px}.pwl-grammar-level{display:inline-flex;margin-top:7px}.pwl-top{gap:17px}.pwl-image-wrap{min-height:210px;padding:9px;border-radius:19px}.pwl-side{padding:20px 16px;border-radius:19px}.pwl-side h2{font-size:29px}.pwl-hints{gap:8px}.pwl-hint{min-height:38px;padding:8px 12px;font-size:14px}.pwl-answer-btn{width:100%}.pwl-answer{padding:18px;font-size:16px}}.pwl-grammar-item{width:100%;border:1px solid #dbeafe;text-align:left;font:inherit;cursor:pointer}.pwl-grammar-item:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:3px}.pwl-grammar-open-text{display:inline-block;margin-top:9px;color:#2563eb;font-size:13px;font-weight:900}.pa-page{min-height:100vh;padding:30px 20px 80px;background:#f6f9ff}.pa-wrap{max-width:1100px;margin:0 auto}.pa-wrap h1{margin-bottom:30px;color:#163b8c;font-size:32px}.pa-filters{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:25px}.pa-filters label{display:flex;flex-direction:column;gap:8px;font-weight:600}.pa-filters select{min-width:180px;padding:10px 14px;border:1px solid #d8e1ff;border-radius:12px;font-size:15px}.pa-card,.pa-list{background:#fff;border-radius:18px;padding:25px;box-shadow:0 6px 25px #192d5a14;margin-bottom:25px}.pa-card h2,.pa-list h2{margin-top:0;margin-bottom:20px;color:#163b8c}.pa-card input{width:100%;padding:14px 16px;margin-bottom:14px;border:1px solid #d8e1ff;border-radius:12px;font-size:15px;box-sizing:border-box}.pa-actions{display:flex;gap:12px;flex-wrap:wrap}.pa-actions button,.pa-row-buttons button{border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.pa-actions button,.pa-row-buttons button:first-child{background:#2563eb;color:#fff}.pa-light-btn{background:#eef3ff;color:#163b8c}.pa-danger-btn{background:#fee2e2;color:#b91c1c}.pa-lesson-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border:1px solid #edf1ff;border-radius:16px;margin-bottom:15px}.pa-lesson-row strong{display:block;margin-bottom:8px;font-size:18px}.pa-lesson-row p{margin:0;color:#666}.pa-row-buttons{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:768px){.pa-lesson-row{flex-direction:column;align-items:flex-start}.pa-row-buttons{width:100%}.pa-row-buttons button{flex:1}}.pa-back{margin-bottom:18px;border:none;padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer}.pa-title-box{background:#fff;border-radius:18px;padding:22px;margin-bottom:24px;box-shadow:0 6px 25px #192d5a14}.pa-title-box h2{margin:8px 0;color:#163b8c}.pa-card textarea{width:100%;padding:14px 16px;margin-bottom:14px;border:1px solid #d8e1ff;border-radius:12px;font-size:15px;box-sizing:border-box;font-family:inherit}.pa-card input[type=file]{background:#f8fbff}.pa-preview{width:180px;height:130px;object-fit:cover;border-radius:16px;border:1px solid #d8e1ff;display:block;margin:10px 0 18px}.pa-activity-row{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid #edf1ff;border-radius:16px;margin-bottom:15px}.pa-thumb{width:120px;height:90px;object-fit:cover;border-radius:14px;border:1px solid #d8e1ff;background:#f8fbff}.pa-activity-main{flex:1}.pa-activity-main strong{font-size:18px;color:#071534}.pa-hints{white-space:pre-line;color:#2563eb;font-weight:600}@media(max-width:768px){.pa-activity-row{flex-direction:column;align-items:flex-start}.pa-thumb{width:100%;height:auto;max-height:220px}}.pa-admin-page{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 80px);background:#f3f7fb}.pa-sidebar{background:#fff;border-right:1px solid #dbe3ee;padding:14px;overflow-y:auto;max-height:calc(100vh - 80px)}.pa-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pa-sidebar-header h2{margin:0;font-size:20px}.pa-sidebar-list{display:flex;flex-direction:column;gap:8px}.pa-sidebar-item{display:grid;grid-template-columns:1fr 34px 34px;gap:6px;align-items:center;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.pa-sidebar-item.active{background:#eaf2ff;border-color:#2563eb}.pa-sidebar-title{border:none;background:transparent;text-align:left;font-weight:700;cursor:pointer;color:#0f172a;font-size:14px}.pa-mini-btn{border:none;color:#fff;font-weight:800;border-radius:6px;padding:6px 0;cursor:pointer}.pa-mini-btn.edit{background:#2563eb}.pa-mini-btn.delete{background:#dc2626}.pa-editor{padding:24px;overflow-y:auto}.pa-edit-card{max-width:850px;background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:22px;box-shadow:0 8px 24px #0f172a14}.pa-edit-card h2{margin-top:0}.pa-edit-card label{display:block;margin:14px 0 6px;font-weight:700;color:#1e293b}.pa-edit-card input,.pa-edit-card textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font-size:16px;background:#fff}.pa-hint-textarea{min-height:150px;font-size:22px;line-height:1.7}.pa-paragraph-textarea{min-height:190px;font-size:22px;line-height:1.7}.pa-image-preview{margin-top:12px;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;text-align:center}.pa-image-preview img{max-width:100%;max-height:280px;object-fit:contain;border-radius:10px;background:#fff}.pa-checkbox-row{display:flex!important;align-items:center;gap:10px}.pa-checkbox-row input{width:auto}.pa-actions{display:flex;gap:10px;margin-top:20px}.pa-save-btn,.pa-cancel-btn{border:none;padding:10px 18px;border-radius:10px;font-weight:800;cursor:pointer}.pa-save-btn{background:#16a34a;color:#fff}.pa-cancel-btn{background:#e2e8f0;color:#0f172a}.pa-empty{background:#fff;border-radius:16px;padding:30px;border:1px solid #dbe3ee}@media(max-width:768px){.pa-admin-page{grid-template-columns:1fr}.pa-sidebar{max-height:300px;border-right:none;border-bottom:1px solid #dbe3ee}.pa-editor{padding:14px}}.pa-practice-editor{margin-top:24px;padding:20px;border:2px solid #ddd6fe;border-radius:16px;background:#f5f3ff}.pa-practice-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.pa-practice-editor-header h3{margin:0 0 5px;color:#5b21b6;font-size:21px}.pa-practice-editor-header p{margin:0;color:#64748b}.pa-question-count{flex-shrink:0;padding:7px 12px;border-radius:999px;background:#7c3aed;color:#fff;font-size:13px;font-weight:800}.pa-practice-format,.pa-practice-example{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:#fff;color:#334155;line-height:1.7}.pa-practice-format code{margin-left:6px;padding:3px 7px;border-radius:5px;background:#ede9fe;color:#5b21b6;font-size:14px;font-weight:700}.pa-practice-example div{margin-top:4px;color:#475569}.pa-practice-textarea{width:100%;min-height:260px;padding:14px;border:2px solid #c4b5fd;border-radius:11px;box-sizing:border-box;background:#fff;color:#1e293b;font-family:Arial,sans-serif;font-size:16px;line-height:1.8;resize:vertical;outline:none}.pa-practice-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.pa-practice-preview{margin-top:16px;padding:15px;border-radius:11px;background:#fff}.pa-practice-preview h4{margin:0 0 12px;color:#5b21b6;font-size:17px}.pa-practice-preview-item{margin:7px 0;padding:9px 11px;border-left:4px solid #8b5cf6;border-radius:5px;background:#faf5ff;color:#334155}.pa-error-message{margin-bottom:18px;padding:12px 14px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;color:#b91c1c;font-weight:700}.pa-save-btn:disabled,.pa-cancel-btn:disabled{cursor:not-allowed;opacity:.65}@media(max-width:700px){.pa-practice-editor{padding:15px 11px}.pa-practice-editor-header{flex-direction:column}.pa-practice-textarea{min-height:300px;font-size:15px}}.gpa-page{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);background:radial-gradient(circle at top left,rgba(168,85,247,.18),transparent 34%),radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 30%),linear-gradient(135deg,#fff7ed,#fdf4ff 32%,#eff6ff 68%,#ecfeff);color:#1e293b}.gpa-sidebar{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:22px 18px;border-right:1px solid rgba(148,163,184,.28);background:linear-gradient(180deg,#fffffff5,#faf5fff0 48%,#eff6fff5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:8px 0 30px #6366f114}.gpa-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:4px 4px 20px}.gpa-sidebar-header h1{margin:2px 0 0;color:#4c1d95;font-size:25px;line-height:1.2;font-weight:900;letter-spacing:-.6px}.gpa-eyebrow{margin:0;color:#7c3aed;font-size:12px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.gpa-total-badge{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #c4b5fd;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:16px;font-weight:900;box-shadow:0 10px 20px #7c3aed38,inset 0 1px #ffffff59}.gpa-search-box{margin-bottom:14px}.gpa-search-box label{display:block;margin-bottom:7px;color:#475569;font-size:13px;font-weight:800}.gpa-search-box input{width:100%;padding:12px 13px;border:2px solid #ddd6fe;border-radius:14px;outline:none;background:#fff;color:#1e293b;font-size:14px;font-weight:600;box-shadow:0 8px 20px #7c3aed14,inset 0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.gpa-search-box input::placeholder{color:#94a3b8;font-weight:500}.gpa-search-box input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf624,0 12px 24px #7c3aed1f;transform:translateY(-1px)}.gpa-sidebar-status{margin-bottom:10px;padding:9px 12px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.gpa-pattern-list{min-height:0;overflow-y:auto;padding:4px 4px 28px;scrollbar-width:thin;scrollbar-color:#c4b5fd transparent}.gpa-pattern-list::-webkit-scrollbar{width:8px}.gpa-pattern-list::-webkit-scrollbar-track{background:transparent}.gpa-pattern-list::-webkit-scrollbar-thumb{border-radius:20px;background:linear-gradient(180deg,#c4b5fd,#93c5fd)}.gpa-pattern-item{width:100%;margin-bottom:10px;padding:13px 13px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #e9d5ff;border-radius:16px;background:linear-gradient(135deg,#fff,#faf5ff);color:#334155;text-align:left;cursor:pointer;box-shadow:0 7px 18px #6366f112;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gpa-pattern-item:hover{transform:translateY(-2px);border-color:#a78bfa;box-shadow:0 12px 26px #7c3aed26}.gpa-pattern-item.active{border-color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#dbeafe 55%,#cffafe);box-shadow:0 14px 28px #6366f133,inset 4px 0 #7c3aed}.gpa-pattern-title{flex:1 1 100%;color:#312e81;font-size:15px;font-weight:900;line-height:1.35}.gpa-no-results{padding:22px 14px;border:2px dashed #c4b5fd;border-radius:16px;background:#ffffffb8;color:#6d28d9;text-align:center;font-size:14px;font-weight:800}.gpa-level-badge,.gpa-inactive-badge,.gpa-status-badge,.gpa-row-inactive{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;white-space:nowrap}.gpa-level-badge{padding:5px 9px;font-size:11px;border:1px solid transparent}.gpa-level-beginner{border-color:#86efac;background:#dcfce7;color:#166534}.gpa-level-elementary{border-color:#67e8f9;background:#cffafe;color:#155e75}.gpa-level-pre-intermediate{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.gpa-level-intermediate{border-color:#fde68a;background:#fef3c7;color:#92400e}.gpa-level-upper-intermediate{border-color:#fdba74;background:#ffedd5;color:#9a3412}.gpa-level-advanced{border-color:#fda4af;background:#ffe4e6;color:#be123c}.gpa-level-professional{border-color:#d8b4fe;background:linear-gradient(135deg,#f3e8ff,#e0e7ff);color:#5b21b6}.gpa-inactive-badge{padding:4px 8px;background:#e2e8f0;color:#475569;font-size:10px}.gpa-status-badge{padding:7px 12px;font-size:12px}.gpa-status-badge.active{border:1px solid #86efac;background:#dcfce7;color:#166534}.gpa-status-badge.inactive{border:1px solid #cbd5e1;background:#f1f5f9;color:#64748b}.gpa-row-inactive{margin-top:8px;padding:4px 8px;background:#e2e8f0;color:#475569;font-size:10px}.gpa-main{min-width:0;padding:30px}.gpa-error-message{max-width:1050px;margin:0 auto 18px;padding:14px 16px;border:1px solid #fecaca;border-radius:15px;background:#fff1f2;color:#be123c;font-size:14px;font-weight:800;box-shadow:0 8px 20px #e11d4817}.gpa-state-card,.gpa-detail-card{width:100%;max-width:1050px;margin:0 auto;border:1px solid rgba(196,181,253,.7);border-radius:28px;background:#fffffff0;box-shadow:0 24px 60px #4c1d9524,0 6px 20px #0ea5e912;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gpa-state-card{padding:46px 34px;text-align:center}.gpa-state-card h2{margin:0 0 12px;color:#4c1d95;font-size:27px;font-weight:900}.gpa-state-card p{max-width:620px;margin:0 auto;color:#64748b;font-size:16px;line-height:1.7}.gpa-detail-card{overflow:hidden}.gpa-detail-header{position:relative;overflow:hidden;padding:30px 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;background:radial-gradient(circle at top right,rgba(255,255,255,.58),transparent 35%),linear-gradient(135deg,#ede9fe,#dbeafe,#cffafe);border-bottom:1px solid #c4b5fd}.gpa-detail-header:after{content:"";position:absolute;width:180px;height:180px;right:-55px;bottom:-90px;border-radius:50%;background:#a855f721}.gpa-detail-header h2{position:relative;z-index:1;margin:6px 0 12px;color:#312e81;font-size:clamp(28px,4vw,42px);line-height:1.1;font-weight:950;letter-spacing:-1px}.gpa-header-badges{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.gpa-sort-box{position:relative;z-index:1;min-width:104px;padding:13px 16px;border:1px solid rgba(255,255,255,.76);border-radius:18px;background:#ffffffbd;text-align:center;box-shadow:0 10px 24px #4c1d951c}.gpa-sort-box span{display:block;margin-bottom:3px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.gpa-sort-box strong{color:#6d28d9;font-size:24px;font-weight:950}.gpa-section{margin:22px 26px;padding:22px;border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 9px 24px #3341550f}.gpa-section:nth-of-type(1){border-color:#ddd6fe;background:linear-gradient(135deg,#faf5ff,#fff)}.gpa-section:nth-of-type(2){border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}.gpa-section:nth-of-type(3){border-color:#a5f3fc;background:linear-gradient(135deg,#ecfeff,#fff)}.gpa-section:nth-of-type(4){border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.gpa-section:nth-of-type(5){border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.gpa-section:nth-of-type(6){border-color:#fbcfe8;background:linear-gradient(135deg,#fdf2f8,#fff)}.gpa-section h3{margin:0 0 14px;color:#334155;font-size:18px;font-weight:950}.gpa-section-heading{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gpa-section-heading h3{margin:0}.gpa-section-heading>span{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 14px #6366f133}.gpa-readable-text{margin:0;color:#475569;font-size:16px;line-height:1.75;font-weight:550}.gpa-empty-text{margin:0;padding:14px 16px;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafcb8;color:#64748b;font-size:14px;font-style:italic}.gpa-chip-list{display:flex;flex-wrap:wrap;gap:9px}.gpa-chip{padding:8px 12px;border:1px solid #c4b5fd;border-radius:999px;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5b21b6;font-size:12px;font-weight:900;box-shadow:0 5px 13px #7c3aed17}.gpa-example-list{display:grid;gap:11px}.gpa-example-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:13px 14px;border:1px solid #bbf7d0;border-radius:15px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.gpa-example-item.inactive{opacity:.6;filter:grayscale(.35)}.gpa-number{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff;font-size:13px;font-weight:950;box-shadow:0 6px 14px #14b8a636}.gpa-example-item p{margin:3px 0 0;color:#14532d;font-size:15px;line-height:1.55;font-weight:800}.gpa-example-item small{display:block;margin-top:5px;color:#4d7c0f;font-size:12px;line-height:1.5}.gpa-mistake-list{display:grid;gap:16px}.gpa-mistake-card{position:relative;padding:17px;border:1px solid #fecdd3;border-radius:18px;background:linear-gradient(145deg,#fff1f2,#fff);box-shadow:0 8px 20px #e11d4812}.gpa-mistake-card.inactive{opacity:.62;filter:grayscale(.35)}.gpa-mistake-number{margin-bottom:12px;color:#be123c;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.9px}.gpa-sentence-block{margin-top:10px;padding:12px 14px;border-radius:14px}.gpa-sentence-block span{display:block;margin-bottom:4px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.7px}.gpa-sentence-block p{margin:0;font-size:15px;line-height:1.55;font-weight:800}.gpa-sentence-block.incorrect{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c}.gpa-sentence-block.correct{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.gpa-mistake-explanation{margin-top:11px;padding:12px 14px;border-left:5px solid #f59e0b;border-radius:12px;background:#fffbeb}.gpa-mistake-explanation strong{color:#92400e;font-size:12px;font-weight:950;text-transform:uppercase}.gpa-mistake-explanation p{margin:4px 0 0;color:#78350f;font-size:14px;line-height:1.55}.gpa-keyword-table{overflow:hidden;border:1px solid #c7d2fe;border-radius:16px;background:#fff}.gpa-keyword-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid #e0e7ff}.gpa-keyword-row:first-child{border-top:0}.gpa-keyword-row:nth-child(2n):not(.header){background:#f5f3ff}.gpa-keyword-row.header{background:linear-gradient(135deg,#6d28d9,#2563eb);color:#fff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.8px}.gpa-keyword-row:not(.header) span{color:#4338ca;font-size:14px;font-weight:800}.gpa-keyword-row:not(.header) strong{justify-self:start;min-width:42px;padding:5px 9px;border-radius:999px;background:#fef3c7;color:#92400e;text-align:center;font-size:12px;font-weight:950}@media(max-width:980px){.gpa-page{grid-template-columns:270px minmax(0,1fr)}.gpa-main{padding:22px 18px}.gpa-section{margin:18px}}@media(max-width:760px){.gpa-page{display:block}.gpa-sidebar{position:relative;height:auto;max-height:none;border-right:0;border-bottom:1px solid #ddd6fe;box-shadow:0 10px 28px #6366f117}.gpa-pattern-list{max-height:340px}.gpa-main{padding:18px 12px 35px}.gpa-detail-header{padding:24px 20px;flex-direction:column}.gpa-sort-box{width:100%;text-align:left}.gpa-sort-box span,.gpa-sort-box strong{display:inline}.gpa-sort-box strong{margin-left:8px;font-size:18px}.gpa-section{margin:14px;padding:18px}}@media(max-width:480px){.gpa-sidebar{padding:16px 12px}.gpa-sidebar-header h1{font-size:22px}.gpa-detail-header h2{font-size:29px}.gpa-section{padding:15px;border-radius:16px}.gpa-example-item{grid-template-columns:32px minmax(0,1fr);padding:11px}.gpa-number{width:30px;height:30px}.gpa-keyword-row{grid-template-columns:minmax(0,1fr) 68px;padding:11px 12px}}.gpe-page{min-height:100vh;padding:34px 18px 80px;background:radial-gradient(circle at top left,rgba(168,85,247,.16),transparent 35%),radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 34%),linear-gradient(180deg,#f8f7ff,#f8fbff 45%,#f4fbf8)}.gpe-container{width:min(1120px,100%);margin:0 auto}.gpe-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.gpe-back-button,.gpe-cancel-button,.gpe-add-button,.gpe-remove-button,.gpe-save-button{border:none;border-radius:12px;font-family:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.gpe-back-button{padding:11px 16px;color:#5b21b6;background:#fff;border:1px solid #ddd6fe;box-shadow:0 7px 18px #5b21b61a}.gpe-back-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #5b21b629}.gpe-mode-badge{padding:10px 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);font-size:14px;font-weight:900;box-shadow:0 8px 18px #4f46e540}.gpe-header{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px;padding:30px;border:1px solid rgba(196,181,253,.8);border-radius:24px;background:linear-gradient(135deg,#fffffff5,#eef2fff0);box-shadow:0 18px 40px #4c1d951c}.gpe-eyebrow{margin:0 0 8px;color:#7c3aed;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.gpe-header h1{margin:0;color:#312e81;font-size:clamp(30px,4vw,46px);line-height:1.05}.gpe-header-text{max-width:680px;margin:13px 0 0;color:#64748b;font-size:17px;line-height:1.7}.gpe-summary{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;min-width:300px}.gpe-summary div{padding:16px 12px;border:1px solid #ddd6fe;border-radius:16px;background:#ffffffe0;text-align:center}.gpe-summary strong{display:block;color:#6d28d9;font-size:28px;line-height:1}.gpe-summary span{display:block;margin-top:7px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.gpe-message{margin-bottom:20px;padding:15px 18px;border-radius:14px;font-weight:800}.gpe-message.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.gpe-message.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.gpe-form{display:grid;gap:24px}.gpe-card{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 16px 36px #1e293b1a}.gpe-card-pattern{border:1px solid #c4b5fd}.gpe-card-examples{border:1px solid #bae6fd}.gpe-card-mistakes{border:1px solid #fecaca}.gpe-card-keywords{border:1px solid #fde68a}.gpe-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.gpe-card-pattern .gpe-card-heading{background:linear-gradient(135deg,#ede9fe,#f5f3ff)}.gpe-card-examples .gpe-card-heading{background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.gpe-card-mistakes .gpe-card-heading{background:linear-gradient(135deg,#fee2e2,#fff1f2)}.gpe-card-keywords .gpe-card-heading{background:linear-gradient(135deg,#fef3c7,#fffbeb)}.gpe-card-heading>div{display:flex;align-items:center;gap:14px}.gpe-card-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#ffffffe0;font-size:24px;box-shadow:0 7px 18px #0f172a14}.gpe-card-heading h2{margin:0;color:#1e293b;font-size:24px}.gpe-card-heading p{margin:5px 0 0;color:#64748b;line-height:1.5}.gpe-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px}.gpe-field{display:flex;flex-direction:column;gap:8px}.gpe-field-full{grid-column:1 / -1}.gpe-field label,.gpe-form-grid>label{color:#334155;font-size:14px;font-weight:900}.gpe-field label span{margin-left:4px;color:#dc2626}.gpe-field input,.gpe-field select,.gpe-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#0f172a;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.gpe-field input,.gpe-field select{min-height:48px;padding:11px 14px}.gpe-field textarea{min-height:110px;padding:13px 14px;resize:vertical;line-height:1.6}.gpe-field input:focus,.gpe-field select:focus,.gpe-field textarea:focus{border-color:#8b5cf6;background:#fdfcff;box-shadow:0 0 0 4px #8b5cf61f}.gpe-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gpe-choice{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #dbeafe;border-radius:13px;background:#f8fafc;color:#475569;cursor:pointer;transition:.18s ease}.gpe-choice:hover{border-color:#a78bfa;transform:translateY(-1px)}.gpe-choice.active{color:#5b21b6;border-color:#a78bfa;background:#f3e8ff;box-shadow:0 6px 16px #7c3aed1a}.gpe-choice input{width:17px;height:17px;accent-color:#7c3aed}.gpe-active-toggle{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #bbf7d0;border-radius:15px;background:#f0fdf4;cursor:pointer}.gpe-active-toggle input{position:absolute;opacity:0;pointer-events:none}.gpe-toggle-ui{position:relative;width:52px;height:28px;flex:0 0 auto;border-radius:999px;background:#cbd5e1;transition:.2s ease}.gpe-toggle-ui:after{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a40;content:"";transition:.2s ease}.gpe-active-toggle input:checked+.gpe-toggle-ui{background:#22c55e}.gpe-active-toggle input:checked+.gpe-toggle-ui:after{transform:translate(24px)}.gpe-active-toggle strong,.gpe-active-toggle small{display:block}.gpe-active-toggle strong{color:#166534}.gpe-active-toggle small{margin-top:3px;color:#64748b}.gpe-add-button{padding:11px 16px;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 8px 18px #4f46e533}.gpe-add-button:hover{transform:translateY(-1px);box-shadow:0 11px 22px #4f46e547}.gpe-item-list,.gpe-keyword-list{display:grid;gap:18px;padding:22px}.gpe-repeat-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:17px;background:#fbfdff}.gpe-repeat-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.gpe-repeat-header>div{display:flex;align-items:center;gap:10px}.gpe-item-number{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:#fff;background:#0ea5e9;font-weight:900}.gpe-item-number.mistake{background:#ef4444}.gpe-item-number.keyword{background:#f59e0b}.gpe-remove-button{padding:9px 13px;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.gpe-remove-button:hover{transform:translateY(-1px);background:#fecaca}.gpe-small-check{display:flex;align-items:center;gap:9px;align-self:end;min-height:48px;color:#475569;font-weight:800}.gpe-small-check input{width:18px;height:18px;accent-color:#16a34a}.gpe-keyword-row{display:grid;grid-template-columns:auto minmax(0,1fr) 130px auto;align-items:end;gap:14px;padding:16px;border:1px solid #fde68a;border-radius:16px;background:#fffdf5}.gpe-weight-field input{text-align:center;font-weight:900}.gpe-remove-button.keyword{min-height:48px}.gpe-save-bar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid rgba(196,181,253,.9);border-radius:18px;background:#fffffff0;box-shadow:0 18px 45px #4c1d9533;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.gpe-save-bar strong,.gpe-save-bar span{display:block}.gpe-save-bar strong{color:#312e81;font-size:17px}.gpe-save-bar span{margin-top:4px;color:#64748b;font-size:14px}.gpe-save-actions{display:flex;gap:12px}.gpe-cancel-button{padding:12px 18px;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.gpe-save-button{padding:12px 20px;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 9px 22px #4f46e547}.gpe-save-button:hover{transform:translateY(-1px);box-shadow:0 12px 27px #4f46e557}.gpe-back-button:disabled,.gpe-cancel-button:disabled,.gpe-add-button:disabled,.gpe-remove-button:disabled,.gpe-save-button:disabled,.gpe-field input:disabled,.gpe-field select:disabled,.gpe-field textarea:disabled{cursor:not-allowed;opacity:.6}.gpe-state-card{width:min(700px,100%);margin:80px auto;padding:36px;border:1px solid #ddd6fe;border-radius:22px;background:#fff;text-align:center;box-shadow:0 16px 35px #4c1d951f}.gpe-state-card h1{margin-top:0;color:#312e81}.gpe-state-card p{margin-bottom:0;color:#64748b}@media(max-width:900px){.gpe-header{align-items:stretch;flex-direction:column}.gpe-summary{min-width:0}.gpe-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpe-keyword-row{grid-template-columns:auto minmax(0,1fr) 110px}.gpe-remove-button.keyword{grid-column:2 / -1;justify-self:end}}@media(max-width:680px){.gpe-page{padding:20px 10px 55px}.gpe-topbar,.gpe-card-heading,.gpe-save-bar{align-items:stretch;flex-direction:column}.gpe-header,.gpe-card-heading,.gpe-form-grid,.gpe-item-list,.gpe-keyword-list{padding-left:16px;padding-right:16px}.gpe-summary{grid-template-columns:repeat(3,1fr)}.gpe-form-grid,.gpe-checkbox-grid{grid-template-columns:1fr}.gpe-field-full,.gpe-active-toggle{grid-column:auto}.gpe-keyword-row{grid-template-columns:auto minmax(0,1fr);align-items:center}.gpe-weight-field,.gpe-remove-button.keyword{grid-column:2}.gpe-save-actions{display:grid;grid-template-columns:1fr}.gpe-cancel-button,.gpe-save-button{width:100%}}.gpv-page{min-height:100vh;padding:32px 16px 60px;background:radial-gradient(circle at top left,rgba(191,219,254,.6),transparent 35%),radial-gradient(circle at top right,rgba(254,215,170,.5),transparent 30%),linear-gradient(180deg,#f8fbff,#eef5ff,#f8fafc)}.gpv-container{width:100%;max-width:980px;margin:auto}.gpv-status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.gpv-status-card{width:min(520px,90%);background:#fff;border-radius:22px;padding:35px;text-align:center;box-shadow:0 20px 50px #0f172a1f}.gpv-status-card.error{border:2px solid #fecaca}.gpv-status-card button{margin-top:20px;padding:12px 24px;border:none;border-radius:12px;background:#2563eb;color:#fff;cursor:pointer;font-weight:700}.gpv-loader{width:48px;height:48px;margin:auto auto 18px;border-radius:50%;border:5px solid #dbeafe;border-top-color:#2563eb;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gpv-back-button{border:none;background:none;color:#2563eb;font-size:16px;font-weight:800;cursor:pointer;margin-bottom:20px}.gpv-back-button:hover{text-decoration:underline}.gpv-hero{display:flex;gap:22px;align-items:center;padding:28px;border-radius:28px;background:#fff;box-shadow:0 18px 45px #1e40af1a;margin-bottom:28px}.gpv-hero-icon{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:42px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.gpv-kicker{margin:0;color:#2563eb;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.gpv-hero h1{margin:8px 0;font-size:42px;color:#1e3a8a}.gpv-short-explanation{margin:0;color:#475569;line-height:1.7;font-size:16px}.gpv-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.gpv-badge{padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800}.gpv-badge.difficulty{background:#dbeafe;color:#1d4ed8}.gpv-badge.suitable{background:#dcfce7;color:#166534}.gpv-section{background:#fff;border-radius:24px;padding:24px;margin-bottom:24px;box-shadow:0 15px 35px #1e40af14}.gpv-section-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}.gpv-section-title span{font-size:34px}.gpv-section-title h2{margin:0;color:#1e3a8a}.gpv-section-title p{margin:4px 0 0;color:#64748b;font-size:14px}.gpv-section-count{margin-left:auto;background:#eff6ff;color:#1d4ed8;padding:8px 14px;border-radius:999px}.gpv-note{background:#eff6ff;border-left:6px solid #2563eb;padding:22px;border-radius:18px;color:#334155;line-height:1.9;font-size:17px}.gpv-example-list{display:grid;gap:18px}.gpv-example-card{display:flex;gap:18px;background:#f8fafc;border-radius:18px;padding:18px}.gpv-example-number{width:46px;height:46px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-weight:900}.gpv-sentence{margin:0;color:#0f172a;font-size:19px;font-weight:800}.gpv-explanation{margin-top:8px;color:#64748b;line-height:1.7}.gpv-mistake-list{display:grid;gap:20px}.gpv-mistake-card{border:1px solid #e2e8f0;border-radius:20px;padding:20px}.gpv-mistake-heading{font-weight:900;color:#1e3a8a;margin-bottom:18px}.gpv-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.gpv-arrow{font-size:30px;color:#2563eb}.gpv-wrong-box,.gpv-correct-box{padding:18px;border-radius:18px}.gpv-wrong-box{background:#fef2f2;border:1px solid #fecaca}.gpv-correct-box{background:#ecfdf5;border:1px solid #bbf7d0}.gpv-wrong-box span,.gpv-correct-box span{display:block;margin-bottom:8px;font-size:12px;font-weight:900;text-transform:uppercase}.gpv-wrong-box span{color:#dc2626}.gpv-correct-box span{color:#15803d}.gpv-wrong-box p,.gpv-correct-box p{margin:0;font-size:18px;font-weight:700}.gpv-mistake-explanation{margin-top:18px;color:#475569;line-height:1.8}.gpv-bottom-actions{text-align:center;margin-top:35px}.gpv-return-button{padding:16px 36px;border:none;border-radius:16px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 15px 30px #2563eb40}.gpv-return-button:hover{transform:translateY(-2px)}.gpv-empty{padding:28px;text-align:center;color:#64748b;border:2px dashed #cbd5e1;border-radius:18px}@media(max-width:700px){.gpv-hero{flex-direction:column;text-align:center}.gpv-hero h1{font-size:34px}.gpv-comparison{grid-template-columns:1fr}.gpv-arrow{transform:rotate(90deg);text-align:center}}.appbar{position:sticky;top:0;z-index:1000;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}.appbar-inner{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.appbar-left{display:flex;align-items:center;gap:10px}.appbar-logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:#0f172a;text-decoration:none;padding:8px 10px;border-radius:12px}.appbar-logo:hover{background:#4f46e514}.appbar-right{position:relative;display:flex;align-items:center}.hamburger{width:46px;height:42px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;box-shadow:0 10px 24px #0000001a;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hamburger:hover{transform:translateY(-1px);box-shadow:0 14px 32px #0000001f;background:#fbfbff}.hamburger span{width:18px;height:2px;background:#0f172a;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger:focus{outline:none;box-shadow:0 0 0 4px #6366f138,0 10px 24px #0000001a}.menu{position:fixed;top:74px;right:16px;width:320px;max-width:calc(100vw - 32px);border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 44px #0000002e;overflow:hidden;z-index:9999;transform-origin:top right;animation:menuPop .12s ease-out}@keyframes menuPop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu.rich{background:linear-gradient(135deg,#4f46e50f,#06b6d40d,#22c55e0a),#fff}.menu-head{padding:14px 16px;font-weight:900;color:#0f172a;font-size:13px;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.06)}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;text-decoration:none;color:#0f172a;font-weight:800;border-bottom:1px solid rgba(0,0,0,.05);transition:background .15s ease,transform .15s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#6366f114;transform:translate(2px)}.mi-left{display:inline-flex;align-items:center;gap:10px}.mi-ico{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffbf;border:1px solid rgba(0,0,0,.06)}.mi-right{opacity:.7;font-size:18px}@media(max-width:360px){.appbar-inner{padding:12px}.appbar-logo{font-size:18px}.menu{top:70px;right:12px;width:300px}}@media(max-width:480px){.appbar-logo{font-size:19px}.menu{top:72px;right:12px}}@media(min-width:768px){.appbar-inner{padding:16px 22px}.appbar-logo{font-size:22px}.menu{top:82px;right:22px}}@media(min-width:1440px){.appbar-inner{max-width:1400px}.appbar-logo{font-size:24px}.menu{width:360px;top:90px;right:28px}}.menu-btn{width:100%;background:transparent;border:0;text-align:left;font:inherit}.user-pill{border:0;background:#22c55e;color:#fff;padding:10px 16px;border-radius:999px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #22c55e40}.user-pill:hover{background:#16a34a}.appbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.appbar-center{flex:1;display:flex;justify-content:center}.appbar{background:#fff;padding:10px 16px;border-bottom:1px solid #e5e7eb}.appbar-top{display:flex;align-items:center;justify-content:space-between}.appbar-bottom{display:flex;justify-content:center;margin-top:10px}.top-phone{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#16a34a;font-weight:700}.phone-icon{width:36px;height:36px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.phone-text{font-size:1rem}.footer{margin-top:50px;padding:30px 20px;background:#f8fafc;border-top:1px solid #e5e7eb}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:#475569;display:flex;flex-direction:column;gap:14px}.footer-link{color:#2563eb;text-decoration:none;font-weight:600}.footer-link:hover{text-decoration:underline}.footer-copy{font-size:.9rem;color:#94a3b8}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)}