:root{--edu-bg: #0a0e1a;--edu-card: #141a2e;--edu-border: #2a3450;--edu-text: #ffffff;--edu-text-desc: #9aa4c2;--edu-text-muted: #6b7390;--edu-accent: #3b82f6;--edu-correct: #2ecc71;--edu-incorrect: #e74c3c;--edu-warn: #f1c40f;--edu-gold: #ffd24a;--edu-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--edu-font-num: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}#edu-root{--edu-compact: 1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;font-family:var(--edu-font);color:var(--edu-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#edu-root *{box-sizing:border-box}.edu-btn{font-family:var(--edu-font);font-weight:700;color:#fff;background:#3b82f62e;border:1px solid rgba(59,130,246,.45);border-radius:10px;padding:10px 22px;font-size:18px;cursor:pointer;min-height:44px;min-width:44px;touch-action:manipulation}.edu-btn:active{filter:brightness(1.35)}.edu-btn--green{background:#2ecc7133;border-color:#2ecc718c}.edu-btn--red{background:#e74c3c33;border-color:#e74c3c8c}.edu-btn--ghost{background:#ffffff0d;border-color:#ffffff26;color:var(--edu-text-desc)}.edu-card{background:var(--edu-card);border:1px solid var(--edu-border);border-radius:14px}.edu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#0a0e1af7;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) 16px 8px}.edu-ch-inner{width:100%;max-width:860px;height:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.edu-ch-header{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:2px 4px}.edu-ch-counter{font-size:15px;color:var(--edu-text-muted);min-width:120px}.edu-ch-player{font-size:21px;font-weight:800}.edu-ch-badge{min-width:120px;text-align:right;font-size:14px;color:var(--edu-text-desc)}.edu-ch-badge .edu-ch-level{font-weight:800;padding:2px 10px;border-radius:999px;border:1px solid var(--edu-border);background:var(--edu-card)}.edu-ch-progress{display:block;font-size:12px;color:var(--edu-text-muted);margin-top:3px}.edu-ch-question{margin-top:8px;font-size:clamp(19px,2.6vw,24px);line-height:1.4;text-align:center;max-width:780px;white-space:pre-line}.edu-ch-sentence{margin-top:8px;font-style:italic;font-size:18px;color:#cccce0;text-align:center;max-width:720px}.edu-ch-speak{margin-top:8px;font-size:16px;background:#224;border:1px solid var(--edu-border);color:var(--edu-warn);border-radius:10px;padding:8px 16px;cursor:pointer;animation:edu-pulse 1.6s ease-in-out infinite}@keyframes edu-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.edu-ch-diagram{margin-top:10px}.edu-ch-feedback{margin-top:8px;min-height:26px;font-size:19px;font-weight:700;text-align:center}.edu-ch-hint{min-height:22px;margin-top:2px;font-size:15px;color:var(--edu-warn);text-align:center;max-width:700px;opacity:0;transition:opacity .3s}.edu-ch-input{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:6px;min-height:0}.edu-ch-timer{width:60%;max-width:560px;margin:6px 0 4px}.edu-ch-timerlabel{text-align:center;font-size:13px;color:var(--edu-text-muted);min-height:17px}.edu-ch-timerbar{height:8px;border-radius:4px;background:#223;overflow:hidden}.edu-ch-timerfill{height:100%;border-radius:4px;background:var(--edu-correct);width:100%}.edu-ch-idk{margin:4px 0 2px;font-size:13px;color:#667;background:#223;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}.edu-input-display{font-family:var(--edu-font-num);font-size:calc(30px * var(--edu-compact, 1));font-weight:700;background:var(--edu-card);border:1px solid var(--edu-border);border-radius:12px;padding:calc(8px * var(--edu-compact, 1)) 26px;min-width:170px;min-height:calc(52px * var(--edu-compact, 1));text-align:center;letter-spacing:2px}.edu-numpad{margin-top:calc(10px * var(--edu-compact, 1));display:grid;grid-template-columns:repeat(3,calc(76px * var(--edu-compact, 1)));gap:calc(9px * var(--edu-compact, 1))}.edu-numpad .edu-key{font-family:var(--edu-font-num);font-size:calc(24px * var(--edu-compact, 1));font-weight:700;color:#fff;background:#3a3a5c;border:none;border-radius:10px;height:calc(54px * var(--edu-compact, 1));min-height:40px;cursor:pointer;touch-action:manipulation}.edu-numpad .edu-key:active{filter:brightness(1.4)}.edu-numpad .edu-key--ok{background:#1f8a4d}.edu-numpad .edu-key--clear{background:#a93226}.edu-choices{margin-top:10px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:560px}.edu-choice{font-family:var(--edu-font);font-size:19px;font-weight:600;color:#fff;background:var(--edu-card);border:1px solid var(--edu-border);border-radius:12px;padding:13px 18px;cursor:pointer;text-align:center;min-height:50px;touch-action:manipulation;white-space:pre-line}.edu-choice:active{border-color:var(--edu-accent);filter:brightness(1.3)}.edu-kb{margin-top:6px;display:flex;flex-direction:column;gap:7px;align-items:center;width:100%}.edu-kb-row{display:flex;gap:7px;justify-content:center}.edu-kb .edu-key{font-family:var(--edu-font);font-size:calc(21px * var(--edu-kb-scale, 1) * var(--edu-compact, 1));font-weight:700;color:#fff;background:#3a3a5c;border:none;border-radius:9px;width:calc(52px * var(--edu-kb-scale, 1) * var(--edu-compact, 1));height:calc(52px * var(--edu-kb-scale, 1) * var(--edu-compact, 1));min-width:32px;min-height:32px;cursor:pointer;touch-action:manipulation}.edu-kb .edu-key:active{filter:brightness(1.4)}.edu-kb .edu-key--wide{width:calc(94px * var(--edu-kb-scale, 1) * var(--edu-compact, 1));font-size:calc(16px * var(--edu-kb-scale, 1) * var(--edu-compact, 1))}.edu-kb .edu-key--ok{background:#1f8a4d}.edu-kb-sizectl{display:flex;gap:5px;align-self:flex-end;margin-right:8px}.edu-kb-sizectl button{font-size:12px;font-weight:700;width:30px;height:26px;border-radius:6px;border:1px solid var(--edu-border);background:var(--edu-card);color:var(--edu-text-muted);cursor:pointer}.edu-kb-sizectl button.edu-active{color:#fff;border-color:var(--edu-accent);background:#3b82f640}.edu-colmath{font-family:var(--edu-font-num);font-size:28px;color:#e0e0f0;border-collapse:collapse;margin:4px auto 0}.edu-colmath td{width:44px;text-align:center;padding:1px 4px}.edu-colmath .edu-carry{font-size:14px;color:#e67e22;height:18px}.edu-colmath .edu-blank{color:var(--edu-warn);font-weight:700}.edu-colmath .edu-op{color:var(--edu-text-desc)}.edu-colmath tr.edu-rule td{border-top:2px solid #667}.edu-clock{display:flex;flex-direction:column;align-items:center;gap:8px}.edu-clock-svg{width:calc(230px * var(--edu-compact, 1));height:auto;display:block}.edu-clock-marker{cursor:pointer}.edu-clock-controls{display:flex;gap:10px}.edu-coins{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.edu-coins-label{font-size:13px;color:var(--edu-text-muted)}.edu-coins-divider{border-top:1px solid var(--edu-border);width:min(90%,440px);text-align:center;padding-top:5px}.edu-coins-row{display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--edu-compact, 1));min-height:calc(54px * var(--edu-compact, 1));flex-wrap:wrap}.edu-coin{position:relative;width:calc(var(--coin-size, 44px) * var(--edu-compact, 1));height:calc(var(--coin-size, 44px) * var(--edu-compact, 1));min-width:34px;min-height:34px;border-radius:50%;border:2px solid #666666;color:#222;font-family:var(--edu-font);font-size:calc(12px * var(--edu-compact, 1));font-weight:700;cursor:pointer;touch-action:manipulation;padding:0}.edu-coin:active{filter:brightness(1.25)}.edu-coin-badge{position:absolute;top:-6px;right:-8px;background:var(--edu-incorrect);color:#fff;font-size:11px;font-weight:700;border-radius:8px;padding:1px 4px}.edu-coins-total{font-family:var(--edu-font-num);font-size:calc(20px * var(--edu-compact, 1));font-weight:700;color:var(--edu-warn)}.edu-grid{display:flex;flex-direction:column;align-items:center;gap:8px}.edu-grid-svg{width:calc(280px * var(--edu-compact, 1));height:auto;display:block}.edu-grid-svg--answer{width:calc(250px * var(--edu-compact, 1));margin:4px auto}.edu-grid-zone{cursor:pointer}.edu-cp{display:flex;flex-direction:column;align-items:center;gap:6px}.edu-cp-svg{width:calc(330px * var(--edu-compact, 1));height:auto;display:block}.edu-cp-svg--display{width:calc(280px * var(--edu-compact, 1));margin:2px auto}.edu-cp-zone{cursor:pointer}.edu-cp-nudge{font-size:14px;min-height:18px;color:var(--edu-text-desc);text-align:center}.edu-diagram-svg{display:block;margin:4px auto 0;max-width:100%;height:auto}.edu-barchart-svg{width:calc(320px * var(--edu-compact, 1))}.edu-angle-svg{width:calc(220px * var(--edu-compact, 1))}.edu-shape3d-svg{width:calc(180px * var(--edu-compact, 1))}.edu-shapedisplay-svg{width:calc(300px * var(--edu-compact, 1))}.edu-datadisplay-svg{width:calc(330px * var(--edu-compact, 1))}.edu-calendar{margin:6px auto 0;width:min(320px,92vw)}.edu-calendar-title{text-align:center;font-size:16px;font-weight:700;margin-bottom:4px}.edu-calendar-grid{width:100%;border-collapse:collapse;table-layout:fixed}.edu-calendar-grid th{background:#2b2b45;color:#aab0d0;font-size:12px;font-weight:700;padding:4px 0;border:1px solid rgba(85,85,102,.6)}.edu-calendar-grid td{text-align:center;font-size:14px;padding:4px 0;border:1px solid rgba(85,85,102,.6);color:#fff}.edu-calendar-grid td.edu-calendar-hl{color:#1a1a2e;font-weight:700;border-radius:6px}.edu-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.edu-modal{background:var(--edu-card);border:1px solid var(--edu-border);border-radius:16px;padding:24px 30px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;text-align:center}.edu-modal h2{margin:0 0 10px;font-size:24px}.edu-modal .edu-modal-answer{font-family:var(--edu-font-num);font-size:32px;font-weight:800;color:var(--edu-gold);margin:8px 0}.edu-modal .edu-modal-steps{text-align:left;margin:12px auto;max-width:520px;color:var(--edu-text-desc);font-size:17px;line-height:1.55}.edu-modal .edu-modal-steps li{margin-bottom:6px}.edu-modal .edu-modal-wrong{color:var(--edu-incorrect);font-size:16px;margin:4px 0}.edu-modal--visual h2{font-size:20px}.edu-modal .edu-modal-desc{color:#dde;font-size:16px;margin-bottom:2px}.edu-modal .edu-modal-diagram{margin:4px 0}.edu-modal .edu-modal-legend{display:flex;justify-content:center;gap:22px;font-size:14px;color:#aac;margin:6px 0 2px}.edu-legend-item{display:inline-flex;align-items:center;gap:6px}.edu-legend-swatch{width:14px;height:14px;display:inline-block}.edu-legend-swatch--circle{border-radius:50%}.edu-modal .edu-modal-encourage{font-size:14px;font-style:italic;color:#8a8;margin:4px 0 10px}.edu-hud{position:absolute;top:max(8px,env(safe-area-inset-top));right:12px;display:flex;gap:8px;pointer-events:auto}.edu-hud-pill{font-family:var(--edu-font);font-size:14px;font-weight:700;color:#cdd5ee;background:#141a2ed9;border:1px solid var(--edu-border);border-radius:999px;padding:7px 14px;min-height:34px;cursor:pointer;touch-action:manipulation}.edu-hud-pill:active{filter:brightness(1.4)}.edu-hud-pill[disabled]{opacity:.4;pointer-events:none}.edu-pause-title{font-size:44px;font-weight:900;letter-spacing:4px;margin-bottom:22px}.edu-overlay--center{justify-content:center;gap:12px}.edu-confirm-body{color:var(--edu-text-desc);font-size:17px;margin-bottom:18px;text-align:center;max-width:460px}.edu-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;font-family:var(--edu-font-num);font-size:120px;font-weight:900;text-shadow:0 0 24px rgba(0,0,0,.8)}.edu-toast{position:absolute;left:50%;bottom:68px;transform:translate(-50%);background:#141a2ef2;border:1px solid var(--edu-border);color:#fff;font-size:15px;padding:10px 18px;border-radius:10px;pointer-events:none;animation:edu-toast 3s forwards}@keyframes edu-toast{0%{opacity:0;transform:translate(-50%) translateY(8px)}8%,78%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0}}.edu-mastery{position:absolute;top:max(8px,env(safe-area-inset-top));left:12px;pointer-events:none;width:190px}.edu-mastery-label{font-size:12px;color:var(--edu-text-desc);margin-bottom:3px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.edu-mastery-track{height:10px;border-radius:5px;background:#141a2ed9;border:1px solid var(--edu-border);overflow:hidden}.edu-mastery-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#ffd24a);width:0%;transition:width .5s ease}.edu-joy-base,.edu-joy-thumb{position:absolute;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s}.edu-joy-base{width:150px;height:150px;margin:-75px 0 0 -75px;background:#ffffff14;border:2px solid rgba(255,255,255,.3)}.edu-joy-thumb{width:40px;height:40px;margin:-20px 0 0 -20px;background:#fff6}@media (max-height: 719px){#edu-root{--edu-compact: .74}.edu-overlay{padding:4px 10px}.edu-ch-inner{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"header header" "question question" "sentence sentence" "speak speak" "diagram input" "feedback input" "hint input" "timer timer" "idk idk";column-gap:16px;align-items:start;justify-items:center}.edu-ch-header{grid-area:header}.edu-ch-question{grid-area:question}.edu-ch-sentence{grid-area:sentence}.edu-ch-speak{grid-area:speak}.edu-ch-diagram{grid-area:diagram}.edu-ch-feedback{grid-area:feedback}.edu-ch-hint{grid-area:hint}.edu-ch-input{grid-area:input}.edu-ch-timer{grid-area:timer}.edu-ch-idk{grid-area:idk}.edu-ch-diagram svg,.edu-ch-diagram table{max-height:195px;width:auto}.edu-ch-input svg{max-height:250px;width:auto}.edu-ch-header{padding:0 4px}.edu-ch-player{font-size:16px}.edu-ch-counter,.edu-ch-badge{font-size:12px;min-width:90px}.edu-ch-question{margin-top:3px;font-size:16px;line-height:1.25}.edu-ch-sentence{margin-top:3px;font-size:14px}.edu-ch-speak{margin-top:4px;font-size:13px;padding:5px 12px}.edu-ch-feedback{margin-top:3px;min-height:18px;font-size:15px}.edu-ch-hint{min-height:15px;font-size:12px}.edu-ch-input{margin-top:3px}.edu-ch-timer{margin:3px 0 2px}.edu-ch-timerlabel{font-size:11px;min-height:13px}.edu-ch-idk{margin:2px 0 1px;font-size:11px;padding:5px 10px}.edu-choices{gap:6px;margin-top:5px}.edu-choice{font-size:16px;padding:9px 14px;min-height:42px}.edu-kb{gap:5px;margin-top:3px}.edu-kb-row{gap:5px}.edu-colmath{font-size:20px}.edu-colmath td{width:32px}.edu-modal{padding:14px 18px;max-height:94vh}.edu-modal h2{font-size:18px;margin-bottom:6px}.edu-modal .edu-modal-answer{font-size:24px}.edu-modal .edu-modal-steps{font-size:14px}.edu-pause-title{font-size:30px;margin-bottom:12px}.edu-clock,.edu-grid{gap:4px}.edu-clock .edu-btn,.edu-grid .edu-btn,.edu-cp .edu-btn,.edu-coins .edu-btn{padding:7px 16px;font-size:15px;min-height:40px}.edu-coins{gap:3px}.edu-coins-label{font-size:11px}.edu-cp{gap:3px}.edu-cp-nudge{font-size:12px;min-height:15px}.edu-calendar{width:min(280px,92vw)}.edu-calendar-grid td{font-size:12px;padding:2px 0}.edu-modal .edu-modal-legend{font-size:12px;gap:14px}.edu-modal .edu-modal-desc,.edu-modal .edu-modal-encourage{font-size:12px}.edu-modal--visual h2{font-size:16px}.edu-grid-svg--answer,.edu-cp-svg--display{width:200px}}.edu-boot-error{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#112;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.edu-boot-error h1{color:var(--edu-incorrect);font-size:26px;margin:0}.edu-boot-error p{color:#ccc;font-family:var(--edu-font-num);font-size:16px;margin:0}.edu-ch-teach{max-width:620px;margin:0 auto;padding:22px 24px 24px;background:#1a1a3a;border:2px solid #f1c40f;border-radius:16px;text-align:center}.edu-ch-teach-title{font-size:22px;font-weight:700;color:#f1c40f;margin-bottom:6px}.edu-ch-teach-sub{font-size:14px;font-style:italic;color:#aac;margin-bottom:16px}.edu-ch-teach-steps{text-align:left;margin:0 auto 18px;padding-left:26px;max-width:520px;color:#fff;font-size:16px;line-height:1.6}.edu-ch-teach-go{background:#27ae60}@media (max-height: 719px){.edu-ch-teach{padding:14px 16px 16px}.edu-ch-teach-title{font-size:18px}.edu-ch-teach-steps{font-size:14px;line-height:1.45;margin-bottom:12px}}.edu-pad-toggle{position:absolute;right:14px;bottom:14px;z-index:6;display:flex;align-items:center;gap:8px;min-height:calc(52px * var(--edu-compact, 1));padding:0 16px;border-radius:12px;background:#3b82f638;border:1px solid rgba(59,130,246,.65);color:#fff;font-family:var(--edu-font);font-weight:700;font-size:calc(15px * var(--edu-compact, 1));line-height:1;cursor:pointer;touch-action:manipulation}.edu-pad-toggle-icon{font-size:calc(22px * var(--edu-compact, 1))}.edu-pad-toggle:active,.edu-pad-toggle--active{background:#3b82f666;filter:brightness(1.2)}.edu-pad-panel{display:none;position:absolute;z-index:5;top:50%;right:12px;transform:translateY(-50%);width:min(460px,62vw);height:min(440px,76vh);flex-direction:column;background:#1a1a2e;border:2px solid #4a4a6c;border-radius:12px;padding:8px;gap:8px}.edu-pad-panel--open{display:flex;animation:edu-pad-in .18s ease-out}@keyframes edu-pad-in{0%{opacity:0}to{opacity:1}}.edu-pad-toolbar{display:flex;align-items:center;gap:6px;background:#224;border-radius:6px;padding:4px 6px}.edu-pad-tool{flex:1;font-family:var(--edu-font-num);font-size:calc(13px * var(--edu-compact, 1));color:#779;background:transparent;border:0;border-radius:5px;padding:6px 4px;min-height:calc(34px * var(--edu-compact, 1));cursor:pointer;touch-action:manipulation}.edu-pad-tool--active{color:#fff;background:#ffffff14}.edu-pad-close{flex:0 0 auto;width:34px;color:#aac}.edu-overlay--pad-open .edu-ch-inner{padding-right:min(480px,50vw);transition:padding-right .15s ease-out}.edu-pad-canvas{flex:1;width:100%;min-height:0;border:1px solid rgba(58,58,92,.8);border-radius:4px;background:transparent;touch-action:none;cursor:crosshair}@media (max-height: 719px){.edu-pad-toggle{right:8px;bottom:8px;padding:0 10px;min-width:44px;justify-content:center}.edu-pad-toggle-label{display:none}.edu-pad-panel{top:40px;bottom:4px;right:8px;transform:none;height:auto;width:min(340px,41vw);padding:6px;gap:6px}.edu-overlay--pad-open .edu-ch-inner{padding-right:min(348px,42vw)}.edu-overlay--pad-open .edu-pad-toggle{right:calc(min(340px,41vw) + 16px)}}