html[data-public-lesson=true]{--talky-display-note:0px;background:#edf6ee}html[data-public-lesson=true] body{overflow:hidden}html[data-public-lesson=true] .public-game-frame{left:var(--talky-view-left,0px);top:calc(var(--talky-view-top,0px) + var(--talky-display-note,0px));width:var(--talky-view-width,100vw);height:calc(var(--talky-view-height,100dvh) - var(--talky-display-note,0px));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;background:#edf6ee;position:fixed;overflow:auto}html[data-public-lesson=true] .public-game-frame>.learner-phonics{--adult-height:0px;height:100%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-scene,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-scene{height:100%;min-height:0}html[data-public-lesson=true] .public-game-frame .public-odd{color:#243e4b;height:100%;font-family:Be Vietnam Pro,sans-serif;line-height:normal}.public-odd :where(button){border-radius:0;min-height:0;padding:2px 6px}.public-odd :where(button:disabled){opacity:1}html[data-public-lesson=true] .public-game-frame .public-odd .d3-root{height:100%;min-height:0;container-type:size}html[data-public-lesson=true] .public-game-frame .public-odd .d3-world{aspect-ratio:1672/941;width:min(100cqw,177.68cqh);height:auto}.public-display-note{z-index:80;top:var(--talky-view-top,0px);left:var(--talky-view-left,0px);width:var(--talky-view-width,100vw);padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));color:#173f7c;box-sizing:border-box;background:#fff8df;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1.3;display:flex;position:fixed}.public-display-note button{font:inherit;color:#173f7c;background:#fff1c8;border:1px solid #dbc594;border-radius:10px;min-height:32px;padding:4px 9px}.public-display-help{z-index:300;background:#173f7c99;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.public-display-help section{color:#173f7c;max-width:580px;max-height:calc(var(--talky-view-height,100dvh) - 24px);background:#fff8df;border-radius:20px;padding:20px;font:15px/1.5 Be Vietnam Pro,sans-serif;overflow:auto}.public-display-help h2{font-size:21px}.public-display-help button{color:#173f7c;background:#ffb951;border-radius:12px;min-height:44px;padding:8px 16px}html[data-public-lesson=true] .public-game-frame .trial-exit-menu{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (orientation:landscape) and (height<=460px){html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-progress-region,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-progress-region{height:52px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-progress-region>.pilot-stage-progress,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-progress-region>.pilot-stage-progress{top:6px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-title-with-progress,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-heading-with-progress{left:25%;right:25%;top:57px!important}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-title h1,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-heading h1{font-size:22px;line-height:1.15}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-title p,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-heading p{margin-top:3px;font-size:11px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-title small{padding:2px 6px;font-size:10px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-chrome,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-header{inset:6px 8px auto}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-guidance,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-guidance{gap:1px;width:48px;min-width:48px;height:48px;min-height:48px;margin-left:auto;margin-right:6px;padding:3px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-guidance>svg{flex-shrink:0;width:22px;height:22px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-chip,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-chip{padding:6px 8px;font-size:11px}html[data-public-lesson=true] .public-game-frame .learner-phonics .trial-exit-button{min-width:78px;min-height:48px;padding:5px 8px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-mascot,html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-scene-2 .gh-mascot,html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-scene-3 .gh-mascot{width:min(25cqw,52cqh);bottom:13%;left:1%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-portrait-rock,html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-portrait-platform{display:none}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-echo-stage{width:35%;height:auto;top:37%;bottom:33%;left:31%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-leaf-board{width:27%;height:26%;top:38%;left:71%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-leaf-board p{font-size:10px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-leaves{height:20%;top:58%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-controls{flex-wrap:nowrap;gap:8px;bottom:2%;left:25%;right:3%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-controls.gh-recording-controls{gap:18px;min-height:82px;bottom:2%;left:25%;right:3%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-record-control,html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-sample-control{height:82px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-record-control small,html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-sample-control small{height:15px;font-size:9px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-feedback{font-size:11px;bottom:calc(2% + 64px);left:26%;right:5%}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-scene:has(.gh-recording-controls) .gh-feedback{bottom:calc(2% + 86px)}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-controls.gh-recording-controls .gh-adult-recording-support{width:100px;max-height:78px;font-size:9px}html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-fireflies,html[data-public-lesson=true] .public-game-frame .learner-phonics .gh-picture-choices{inset:38% 7% 31% 30%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-scene:has(.p2-progress-region) :is(.p2-explore,.p2-drag,.p2-choose,.p2-connect){inset:34% 3% 2% 24%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-letter-bank{flex-direction:column;gap:12px;width:22%;height:auto;inset:5% auto 18% 0}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-letter-source{min-width:70px;min-height:48px;font-size:25px}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-paged .p2-drag-progress{top:0;left:27%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-drag-progress strong{padding:2px 8px;font-size:12px}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-drag-progress span{font-size:12px}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-paged .p2-paged-card{padding:3px 7px;inset:15% 4% 23% 29%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-paged-card .p2-picture{height:calc(100% - 44px)!important}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-paged .p2-paged-card .p2-drop-zone{height:44px;min-height:44px;padding:4px;font-size:12px}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-primary,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-secondary,html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-skip{min-height:44px;padding:5px 12px;font-size:12px}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-drag .p2-feedback{pointer-events:none;font-size:10px;bottom:24%;left:28%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-bottom{bottom:0;left:24%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-mascot{width:23cqw;left:1%}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-activity{margin:0;padding:5px 8px;font-size:10px;position:absolute;top:50px;left:0}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-paged .p2-paged-card{bottom:74px}html[data-public-lesson=true] .public-game-frame .learner-phonics .p2-drag .p2-feedback{padding:2px 4px;line-height:14px;bottom:48px;left:28%;right:4%}.public-display-note{gap:5px;font-size:11px}.public-display-note button{min-height:30px}html[data-public-lesson=true] .public-game-frame .learner-phonics .trial-exit-menu>div{max-height:calc(var(--talky-view-height,100dvh) - 16px);padding:14px 20px}html[data-public-lesson=true] .public-game-frame .trial-menu-actions{gap:7px;margin-top:10px}html[data-public-lesson=true] .public-game-frame .trial-exit-menu h2{margin:0 0 8px}html[data-public-lesson=true] .public-game-frame .trial-exit-menu p{margin:6px 0}}.pilot011-launcher[data-v-48f4787a]{border-block:1px solid #d4c99f;margin:12px 0;padding:12px 0}.pilot011-launcher button[data-v-48f4787a],.pilot011-launcher summary[data-v-48f4787a]{cursor:pointer;min-height:44px}.pilot011-launcher button[data-v-48f4787a]{margin:6px 8px 6px 0}.pilot011-launcher p[data-v-48f4787a]{font-size:15px}.day-video[data-v-a2de742c]{text-align:center;grid-template-columns:minmax(200px,1fr) 148px;align-items:start;gap:8px 12px;min-width:0;display:grid}.video-main[data-v-a2de742c]{min-width:0}.youtube-frame[data-v-a2de742c]{aspect-ratio:16/9;background:var(--soft);border-radius:12px;place-items:center;width:100%;min-height:200px;display:grid;position:relative;overflow:hidden}.youtube-mount[data-v-a2de742c]{place-items:center;display:grid;position:absolute;inset:0}.youtube-mount[data-v-a2de742c] iframe{border:0;width:100%;min-width:200px;height:100%;min-height:200px}.video-poster[data-v-a2de742c]{cursor:pointer;background:#173f7c;border:0;padding:0;position:absolute;inset:0}.video-poster img[data-v-a2de742c]{object-fit:cover;opacity:.9;width:100%;height:100%}.video-poster span[data-v-a2de742c]{color:#173f7c;background:#ffcd3f;border-radius:50%;place-items:center;width:76px;height:76px;padding-left:5px;font-size:38px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px 16px #0007}.video-message[data-v-a2de742c]{min-height:17px;line-height:1.4;margin:6px 0!important;font-size:12px!important}.video-choices[data-v-a2de742c]{gap:4px;display:grid}.video-choices button[data-v-a2de742c]{min-height:60px;padding:7px 8px;font-size:13px}.video-choices button[aria-pressed=true][data-v-a2de742c]{border-color:var(--blue)}.video-choices small[data-v-a2de742c]{font-size:10px;display:block}.video-followup[data-v-a2de742c],.video-lesson-actions[data-v-a2de742c]{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:8px;display:flex}.video-followup button[data-v-a2de742c]{min-height:48px}.video-lesson-actions button[data-v-a2de742c]{min-width:140px;min-height:48px}.no-source[data-v-a2de742c]{grid-template-columns:1fr}.no-source .video-message[data-v-a2de742c]{background:var(--soft);border-radius:16px;padding:28px 18px;font-size:18px!important}@media (width<=560px){.day-video[data-v-a2de742c]{grid-template-columns:1fr}.video-choices[data-v-a2de742c]{grid-template-columns:repeat(2,minmax(0,1fr))}.video-poster span[data-v-a2de742c]{width:62px;height:62px;font-size:30px}}@media (height<=430px) and (orientation:landscape){.video-choices[data-v-a2de742c]{grid-template-columns:repeat(2,minmax(0,1fr))}.video-choices button[data-v-a2de742c]:nth-child(3),.video-choices .primary[data-v-a2de742c]{grid-column:1/-1}.video-choices button[data-v-a2de742c]{padding:7px 4px}}.editor-activity[data-v-5ab15023]{border:2px solid var(--blue);border-radius:16px;margin:16px 0;padding:16px}.editor-item[data-v-5ab15023]{border:1px solid var(--line,#ddd);border-radius:12px;margin:12px 0;padding:12px}.draft-row[data-v-5ab15023]{border-top:1px solid #ddd;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}fieldset[data-v-5ab15023]{border:0;padding:0}label[data-v-5ab15023]{margin:10px 0;display:block}textarea[data-v-5ab15023]{box-sizing:border-box;width:100%;min-height:90px;font:inherit;border:1px solid #aaa;border-radius:8px;padding:10px}pre[data-v-5ab15023]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.hotspot-board[data-v-5ab15023]{background:var(--soft);border-radius:18px;max-width:500px;height:280px;margin:16px auto;position:relative}.hotspot-board button[data-v-5ab15023]{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute}.author-preview .choice[data-v-5ab15023]{min-width:100px;min-height:64px}small[data-v-5ab15023]{overflow-wrap:anywhere;display:block}input[type=checkbox][data-v-5ab15023]{width:auto}.inline-actions[data-v-5ab15023]{flex-wrap:wrap}.history-row[data-v-193cf5a2]{border-bottom:1px solid #ddd;padding:10px 0}.history-row button[data-v-193cf5a2]{width:100%}.history-row small[data-v-193cf5a2]{margin-top:5px;font-size:11px;display:block}.pagination[data-v-193cf5a2]{justify-content:space-between;align-items:center;gap:4px;margin-top:12px;display:flex}.pagination button[data-v-193cf5a2]{padding:8px 14px}.path-filters[data-v-4da45421]{gap:8px;display:flex}.path-filters label[data-v-4da45421]{flex:1;min-width:0}.days[data-v-4da45421]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.days button[data-v-4da45421]{min-height:76px;padding:10px}.days small[data-v-4da45421]{font-size:11px;display:block}.day-detail[data-v-4da45421]{border-top:1px solid #ddd;padding-top:12px}.day-detail button[data-v-4da45421],.history-item[data-v-4da45421]{width:100%;margin:6px 0}.video-link[data-v-4da45421]{margin:8px 0;text-decoration:none;display:block}small[data-v-4da45421]{display:block}.learning-path select[data-v-4da45421]{width:100%;min-width:0}.lesson-stages[data-v-c85a09ac]{justify-content:center;gap:8px;margin:0;padding:4px;font-size:13px;font-weight:700;list-style:none;display:flex}.lesson-stages li[data-v-c85a09ac]{background:var(--soft);border:2px solid var(--border);border-radius:16px;padding:6px 12px}.lesson-stages .current[data-v-c85a09ac]{border-color:var(--purple);color:var(--purple)}.lesson-stages .done[data-v-c85a09ac]{border-color:var(--green)}@media (width<=500px){.lesson-stages[data-v-c85a09ac]{gap:3px;font-size:10px}.lesson-stages li[data-v-c85a09ac]{padding:5px 3px}}@media (height<=450px){.lesson-stages[data-v-c85a09ac]{padding:0;font-size:10px}.lesson-stages li[data-v-c85a09ac]{padding:3px 8px}}.qa-review-link[data-v-840d262f]{border-radius:14px;align-items:center;padding:9px 14px;font-weight:800;text-decoration:none;display:inline-flex}article[data-v-751799c5]{background:#fff;border:1px solid #dbcaa5;border-radius:14px;margin:14px 0;padding:16px}h3[data-v-751799c5]{margin:0 0 6px}dl[data-v-751799c5]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}dt[data-v-751799c5]{font-size:13px}dd[data-v-751799c5]{margin:4px 0;font-size:22px;font-weight:700}summary[data-v-751799c5]{cursor:pointer;min-height:44px;padding:10px 0}li[data-v-751799c5]{overflow-wrap:anywhere;margin:12px 0}small[data-v-751799c5]{color:#765721}.delivery-shade[data-v-1820db81]{z-index:100;background:#102c55b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}section[data-v-1820db81]{box-sizing:border-box;overflow-wrap:anywhere;color:#173f7c;background:#fff9e8;border-radius:20px;width:min(540px,100%);max-height:90svh;padding:22px;overflow:auto}article[data-v-1820db81]{border-bottom:1px solid #eedab6;padding:10px 0}small[data-v-1820db81]{margin:10px 0;display:block}button[data-v-1820db81]{color:#173f7c;min-height:44px;font:inherit;background:#ffb951;border:2px solid #eedab6;border-radius:12px;margin:8px 6px 0 0;padding:10px;font-weight:700}small[data-v-11449c5c]{overflow-wrap:anywhere}p[data-v-11449c5c]{line-height:1.6}.speaking-registration[data-v-cc2aa4e2]{color:#173f7c;background:#fff;border:2px solid #ead7ae;border-radius:16px;padding:16px}p[data-v-cc2aa4e2]{line-height:1.55}small[data-v-cc2aa4e2],article[data-v-cc2aa4e2]{overflow-wrap:anywhere}label[data-v-cc2aa4e2]{margin:12px 0;display:block}input[data-v-cc2aa4e2]:not([type=checkbox]),select[data-v-cc2aa4e2]{box-sizing:border-box;border:1px solid #789;border-radius:8px;width:100%;padding:10px;display:block}input[type=checkbox][data-v-cc2aa4e2]{vertical-align:middle;width:22px;height:22px}button[data-v-cc2aa4e2]{color:#173f7c;max-width:100%;min-height:48px;font:inherit;background:#ffb951;border:2px solid #f6d9a2;border-radius:14px;margin:5px;padding:10px 16px;font-weight:700}button[data-v-cc2aa4e2]:disabled{opacity:.55}details[data-v-cc2aa4e2]{margin:14px 0}summary[data-v-cc2aa4e2]{cursor:pointer;min-height:36px;font-weight:700}.mc-workspace{color:#173f43;background:#fbfaf5;max-width:1240px;min-height:100dvh;margin:0 auto;padding:20px;font-family:Be Vietnam Pro,system-ui,sans-serif}.mc-workspace header,.mc-center-bar,.mc-section-title,.mc-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.mc-workspace nav{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.mc-workspace section,.mc-workspace article,.mc-center-tools{background:#fff;border:1px solid #c8dad5;border-radius:16px;margin:14px 0;padding:18px}.mc-workspace button,.mc-center-bar button,.mc-center-tools button{color:#163f42;cursor:pointer;min-height:44px;font:inherit;background:#eef8f1;border:1px solid #487774;border-radius:10px;margin:4px;padding:8px 14px}.mc-workspace button:hover:not(:disabled){background:#dcefe4}.mc-workspace button:disabled,.mc-center-tools button:disabled{opacity:.5;cursor:default}.mc-workspace button.active,.mc-workspace .mc-primary{color:#fff;background:#176a5b;border-color:#176a5b}.mc-workspace label,.mc-center-tools label{margin:12px 0;font-weight:600;display:block}.mc-workspace input:not([type=checkbox]),.mc-workspace select,.mc-workspace textarea,.mc-center-tools input:not([type=checkbox]),.mc-center-tools select{box-sizing:border-box;color:#173f43;width:100%;max-width:560px;min-height:44px;font:inherit;background:#fff;border:1px solid #69958c;border-radius:8px;padding:10px;display:block}.mc-workspace small{color:#58736e;margin-top:4px;display:block}.mc-workspace fieldset{border:1px solid #b8d0ca;border-radius:14px;margin:16px 0;padding:16px}.mc-workspace legend{padding:0 8px;font-weight:800}.mc-workspace details{margin:10px 0}.mc-workspace summary{cursor:pointer;font-weight:700}.mc-workspace pre,.mc-secret{white-space:pre-wrap;overflow-wrap:anywhere}.mc-private{border:2px solid #ba7e20!important}.mc-alert{color:#842b25;background:#fff0ee;border:1px solid #d49a94;border-radius:10px;padding:12px}.mc-notice{background:#eef8f1;border:1px solid #9fc9b1;border-radius:10px;padding:12px}.mc-field-error,[role=alert]{color:#942e28}.mc-warning{color:#7a4b00;background:#fff7df;border-radius:8px;padding:8px}.mc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mc-stats article{flex-direction:column;gap:4px;margin:0;display:flex}.mc-stats strong{color:#176a5b;font-size:1.8rem}.mc-filters{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:10px;margin:14px 0;display:grid}.mc-filters label{margin:0}.mc-table-wrap{border:1px solid #c8dad5;border-radius:12px;overflow-x:auto}.mc-table{border-collapse:collapse;background:#fff;width:100%}.mc-table th,.mc-table td{text-align:left;vertical-align:top;border-bottom:1px solid #dce8e4;padding:12px}.mc-table th{white-space:nowrap;background:#eaf4ef}.mc-table td:last-child{min-width:250px}.mc-table tbody tr:last-child td{border-bottom:0}.mc-link{text-decoration:underline;background:0 0!important;border:0!important;min-height:30px!important;padding:2px!important}.mc-status{white-space:nowrap;background:#e8ecea;border-radius:999px;padding:5px 8px;font-size:.88rem;display:inline-block}.mc-status[data-status=ACTIVE]{color:#145c32;background:#dff4e5}.mc-status[data-status=SUSPENDED],.mc-status[data-status=LOCKED]{color:#8b3323;background:#ffe6df}.mc-status[data-status=DRAFT]{color:#785a00;background:#fff2c7}.mc-action-menu{position:relative}.mc-action-menu p{min-width:240px}.mc-mobile-list{display:none}.mc-pagination,.mc-card-actions,.mc-modal-actions,.mc-quick{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.mc-pagination{justify-content:center}.mc-empty{text-align:center;padding:36px 12px}.mc-handoffs{background:#fff8df;border:1px solid #d8bd62;border-radius:12px;padding:12px}.mc-handoffs button{display:block}.mc-center-form{background:#fff;border:1px solid #c8dad5;border-radius:16px;max-width:760px;padding:18px}.mc-center-form>p{max-width:680px}.mc-audit{padding-left:20px}.mc-audit li{margin:9px 0}.mc-modal{z-index:80;background:#0e2826a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.mc-modal>section{box-sizing:border-box;width:min(760px,100%);max-height:calc(100dvh - 36px);margin:0;overflow:auto;box-shadow:0 24px 80px #00000040}.mc-admin-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mc-admin-row p{margin:4px 0}.mc-reset{border-top:2px solid #c8dad5;margin-top:16px;padding-top:12px}.mc-credential-modal dl{grid-template-columns:150px 1fr;gap:10px 16px;display:grid}.mc-credential-modal dt{font-weight:800}.mc-credential-modal dd{overflow-wrap:anywhere;margin:0}.mc-password{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mc-password input{max-width:320px!important}.mc-center-bar{background:#e6f1ec;border-bottom:2px solid #447b70;padding:12px 20px}.mc-center-bar p{margin:3px 0}.mc-center-tools article{border-bottom:1px solid #d8dfdc;padding:12px}.mc-center-tools form{max-width:580px}.mc-workspace h1{font-size:1.6rem}.mc-workspace h2,.mc-workspace h3{margin-top:0}@media (width<=900px){.mc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-filters{grid-template-columns:1fr 1fr}.mc-table-wrap{display:none}.mc-mobile-list{display:block}.mc-mobile-list article{margin:12px 0}.mc-card-head h3{margin-bottom:2px}.mc-card-actions button{flex:130px}.mc-credential-modal dl{grid-template-columns:1fr;gap:3px}.mc-credential-modal dd{margin-bottom:10px}}@media (width<=600px){.mc-workspace{padding:12px}.mc-workspace h1{font-size:1.3rem}.mc-workspace section,.mc-workspace article,.mc-center-form{padding:12px}.mc-center-bar{padding:10px 12px}.mc-center-tools{overflow-wrap:anywhere;padding:12px}.mc-filters,.mc-stats{grid-template-columns:1fr}.mc-modal{padding:8px}.mc-modal>section{max-height:calc(100dvh - 16px)}.mc-admin-row{display:block}.mc-workspace nav button{flex:45%}}.center-approved{--ta-bg:#fff9e9;--ta-panel:#fff;--ta-text:#193e71;--ta-sub:#596a80;--ta-line:#e7e4db;--ta-tint:#f4f8fc;--ta-orange:#ffbd5b;--ta-orange-text:#163869;--ta-selected:#1a4077;--ta-on-selected:#fff;--ta-success-bg:#eaf4ee;--ta-success:#326548;--ta-warn-bg:#fff0dc;--ta-warn:#8a5421;--ta-danger:#a74335;color:var(--ta-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;width:100%;font-family:Arial,system-ui,sans-serif;font-size:14px;line-height:1.45}.center-approved *{box-sizing:border-box}.center-approved [hidden]{display:none!important}.center-approved .ta-preview-label{letter-spacing:.075em;color:var(--ta-sub);margin:0 0 10px;font-size:11px}.center-approved .ta-shell{background:var(--ta-bg);border-radius:12px;grid-template-columns:166px minmax(0,1fr);min-height:580px;display:grid;overflow:hidden}.center-approved .ta-sidebar{border-right:1px solid var(--ta-line);padding:25px 12px}.center-approved .ta-brand{padding:0 12px;font-size:24px;font-weight:500;line-height:1.05}.center-approved .ta-brand span{letter-spacing:.035em;font-size:15px;display:block}.center-approved .ta-center-name{color:var(--ta-sub);padding:18px 12px;font-size:12px}.center-approved .ta-center-name small{margin-top:4px;font-size:11px;display:block}.center-approved nav{gap:6px;display:grid}.center-approved nav button,.center-approved .ta-nav-static{text-align:left;min-height:42px;color:var(--ta-text);background:0 0;border-radius:9px;padding:11px 12px;font-size:14px;display:block}.center-approved nav button[aria-current=page]{background:var(--ta-selected);color:var(--ta-on-selected)}.center-approved .ta-sidebar-foot{color:var(--ta-sub);margin-top:35px;padding:0 12px;font-size:11px}.center-approved .ta-workspace{min-width:0;padding:24px}.center-approved .ta-mobile-brand{display:none}.center-approved h2{flex-wrap:wrap;align-items:center;gap:9px;margin:0;font-size:23px;font-weight:500;line-height:1.25;display:flex}.center-approved h3{margin:0 0 16px;font-size:17px;font-weight:500}.center-approved h4{margin:0 0 10px;font-size:14px;font-weight:500}.center-approved p{margin:0}.center-approved .ta-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.center-approved .ta-heading p{color:var(--ta-sub);margin-top:5px;font-size:12px}.center-approved .ta-heading-actions{flex-wrap:wrap;gap:8px;display:flex}.center-approved .ta-count{color:var(--ta-sub);background:var(--ta-tint);border-radius:14px;padding:3px 8px;font-size:13px}.center-approved button,.center-approved input,.center-approved select{font:inherit;color:inherit}.center-approved button{white-space:nowrap;border:0;border-radius:7px;min-height:36px;padding:9px 12px;font-weight:500}.center-approved button:disabled{opacity:.4}.center-approved .ta-secondary{background:var(--ta-panel);border:1px solid var(--ta-line)}.center-approved .ta-link{color:var(--ta-text);text-underline-offset:3px;background:0 0;padding:4px 0;text-decoration:underline}.center-approved .ta-small-button{padding:7px 10px;font-size:12px}.center-approved .ta-muted{color:var(--ta-sub);font-size:12px}.center-approved .ta-danger{color:var(--ta-danger)}.center-approved label{color:var(--ta-sub);gap:6px;min-width:0;font-size:12px;display:grid}.center-approved input,.center-approved select{border:1px solid var(--ta-line);background:var(--ta-panel);width:100%;min-height:40px;color:var(--ta-text);border-radius:7px;padding:8px 10px;font-size:14px}.center-approved input::placeholder{color:var(--ta-sub);opacity:1}.center-approved input[readonly]{background:var(--ta-tint)}.center-approved input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--ta-selected);flex-shrink:0;margin:0;padding:0}.center-approved .ta-filters{grid-template-columns:minmax(140px,1fr) 180px 160px;align-items:end;gap:12px;display:grid}.center-approved .ta-teacher-filters{grid-template-columns:minmax(140px,1fr) 185px}.center-approved .ta-result-bar{min-height:42px;color:var(--ta-sub);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.center-approved .ta-table-wrap{background:var(--ta-panel);border-radius:8px;overflow:hidden}.center-approved table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.center-approved th{background:var(--ta-tint);color:var(--ta-sub);text-align:left;vertical-align:middle;padding:11px 9px;font-size:12px;font-weight:500}.center-approved th small{font-size:11px;font-weight:400;display:block}.center-approved td{border-bottom:1px solid var(--ta-line);vertical-align:middle;overflow-wrap:anywhere;height:61px;padding:10px 9px}.center-approved tr:last-child td{border-bottom:0}.center-approved tbody tr:hover,.center-approved .ta-selected-row{background:var(--ta-tint)}.center-approved .ta-students th:first-child{width:5%}.center-approved .ta-students th:nth-child(2){width:24%}.center-approved .ta-students th:nth-child(3){width:14%}.center-approved .ta-students th:nth-child(4){width:23%}.center-approved .ta-students th:nth-child(5){width:19%}.center-approved .ta-students th:nth-child(6){text-align:right;width:15%}.center-approved .ta-check-cell{text-align:center}.center-approved .ta-check-cell label{justify-content:center;align-items:center;min-height:32px;display:flex}.center-approved .ta-name{text-align:left;white-space:normal;background:0 0;min-height:24px;padding:0;font-weight:500;display:block}.center-approved .ta-login-name{color:var(--ta-sub);margin-top:2px;font-size:11px;display:block}.center-approved .ta-row-action{text-align:right}.center-approved .ta-progress-number{font-variant-numeric:tabular-nums}.center-approved .ta-meter{background:var(--ta-line);border-radius:2px;width:76px;max-width:100%;height:4px;margin-top:5px;overflow:hidden}.center-approved .ta-meter span{background:var(--ta-success);height:100%;display:block}.center-approved .ta-badge{background:var(--ta-success-bg);color:var(--ta-success);white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:11px;display:inline-block}.center-approved .ta-badge-warn{background:var(--ta-warn-bg);color:var(--ta-warn)}.center-approved .ta-pagination{color:var(--ta-sub);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.center-approved .ta-pagination label{white-space:nowrap;align-items:center;gap:6px;display:flex}.center-approved .ta-pagination select{width:64px;min-height:34px;padding:5px;font-size:12px}.center-approved .ta-page-actions{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.center-approved .ta-page-actions button{min-width:34px;padding:6px}.center-approved .ta-bulk-bar{background:var(--ta-tint);border-radius:7px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.center-approved .ta-bulk-bar strong{margin-right:auto;font-weight:500}.center-approved .ta-panel{background:var(--ta-panel);border-radius:9px;margin-bottom:18px;padding:20px}.center-approved .ta-panel p{margin-bottom:12px}.center-approved .ta-panel p:last-child{margin-bottom:0}.center-approved .ta-form-grid{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.center-approved .ta-form-grid .ta-full{grid-column:1/-1}.center-approved .ta-form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.center-approved .ta-back{margin-bottom:16px}.center-approved .ta-password{gap:8px;display:flex}.center-approved .ta-password input{min-width:0}.center-approved .ta-tabs{border-bottom:1px solid var(--ta-line);flex-wrap:wrap;gap:6px;margin-bottom:18px;padding-bottom:10px;display:flex}.center-approved .ta-tabs button{color:var(--ta-sub);background:0 0;padding:8px 10px;font-size:12px}.center-approved .ta-tabs button[aria-pressed=true]{background:var(--ta-selected);color:var(--ta-on-selected)}.center-approved .ta-teachers th:first-child{width:30%}.center-approved .ta-teachers th:nth-child(2){width:29%}.center-approved .ta-teachers th:nth-child(3){width:17%}.center-approved .ta-teachers th:nth-child(4){text-align:right;width:24%}.center-approved .ta-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.center-approved .ta-assigned-classes{font-size:12px}.center-approved .ta-assigned-classes small{color:var(--ta-sub);margin-top:2px;font-size:11px;display:block}.center-approved .ta-setting-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:0 0 18px;display:grid}.center-approved .ta-setting-summary div{border-bottom:1px solid var(--ta-line);padding:13px 0}.center-approved .ta-setting-summary dt{color:var(--ta-sub);margin-bottom:4px;font-size:12px}.center-approved .ta-setting-summary dd{margin:0;font-weight:500}.center-approved .ta-setting-note{color:var(--ta-sub);font-size:12px}.center-approved .ta-inline-note{background:var(--ta-tint);color:var(--ta-sub);border-radius:7px;margin-bottom:18px;padding:10px 12px;font-size:12px}.center-approved .ta-notice{background:var(--ta-success-bg);color:var(--ta-success);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.center-approved .ta-notice button{color:inherit;background:0 0;min-height:28px;padding:2px 5px}.center-approved .ta-lesson-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.center-approved .ta-lesson{background:var(--ta-tint);border-radius:7px;padding:12px;font-size:13px}.center-approved .ta-lesson small{color:var(--ta-sub);margin-top:4px;font-size:11px;display:block}.center-approved .ta-lesson-done{background:var(--ta-success-bg)}.center-approved .ta-choice{min-height:40px;color:var(--ta-text);align-items:center;gap:8px;font-size:14px;display:flex}.center-approved fieldset{border:0;margin:0;padding:0}.center-approved legend{color:var(--ta-sub);margin-bottom:8px;font-size:12px}.center-approved .ta-class-row{border-bottom:1px solid var(--ta-line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.center-approved .ta-add-class{align-items:end;gap:10px;margin-top:18px;display:flex}.center-approved .ta-add-class label{flex:1}.center-approved .ta-empty{text-align:center;color:var(--ta-sub);padding:28px 16px}.center-approved .ta-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.center-approved details{border-bottom:1px solid var(--ta-line);padding:12px 0;font-size:13px}.center-approved summary{font-weight:500}.center-approved details p{color:var(--ta-sub);margin-top:10px;font-size:12px}@media (width<=900px){.center-approved .ta-shell{grid-template-columns:145px minmax(0,1fr)}.center-approved .ta-workspace{padding:18px}.center-approved .ta-filters{grid-template-columns:1fr 1fr}.center-approved .ta-filters label:first-child{grid-column:1/-1}.center-approved .ta-teacher-filters label:first-child{grid-column:auto}.center-approved .ta-heading{gap:12px}.center-approved th,.center-approved td{padding-left:6px;padding-right:6px}.center-approved .ta-actions{gap:4px}.center-approved .ta-actions button{padding-left:6px;padding-right:6px;font-size:11px}}@media (width<=720px){.center-approved .ta-shell{display:block}.center-approved .ta-sidebar{border-right:0;border-bottom:1px solid var(--ta-line);padding:13px 14px}.center-approved .ta-brand,.center-approved .ta-center-name,.center-approved .ta-nav-static,.center-approved .ta-sidebar-foot{display:none}.center-approved nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.center-approved nav button{text-align:center;padding:9px 5px;font-size:13px}.center-approved .ta-workspace{padding:18px 14px}.center-approved .ta-mobile-brand{color:var(--ta-sub);margin-bottom:18px;font-size:12px;display:block}.center-approved h2{font-size:22px}.center-approved .ta-heading-actions{width:100%}.center-approved .ta-heading-actions button{flex:1;padding-left:8px;padding-right:8px}.center-approved .ta-table-wrap table,.center-approved .ta-table-wrap tbody{display:block}.center-approved .ta-table-wrap thead{display:none}.center-approved .ta-table-wrap tr{border-bottom:1px solid var(--ta-line);grid-template-columns:25px minmax(0,1fr) auto;gap:5px 8px;padding:12px;display:grid}.center-approved .ta-table-wrap td{border:0;align-self:center;width:auto;height:auto;padding:0;display:block}.center-approved .ta-students td:first-child{grid-area:1/1/4}.center-approved .ta-students td:nth-child(2){grid-area:1/2}.center-approved .ta-students td:nth-child(3){color:var(--ta-sub);grid-area:2/2;font-size:12px}.center-approved .ta-students td:nth-child(4){text-align:right;grid-area:1/3;font-size:12px}.center-approved .ta-students td:nth-child(5){color:var(--ta-sub);grid-area:3/2;font-size:11px}.center-approved .ta-students td:nth-child(6){grid-area:2/3/4}.center-approved .ta-students .ta-meter{width:60px;margin-left:auto}.center-approved .ta-table-wrap .ta-teachers tr{grid-template-columns:minmax(0,1fr) auto}.center-approved .ta-teachers td:first-child{grid-area:1/1}.center-approved .ta-teachers td:nth-child(2){grid-area:2/1}.center-approved .ta-teachers td:nth-child(3){grid-area:1/2}.center-approved .ta-teachers td:nth-child(4){grid-area:2/2}.center-approved .ta-teachers .ta-actions{gap:3px;display:grid}.center-approved .ta-teachers .ta-actions button{font-size:12px}.center-approved .ta-panel{padding:16px}.center-approved .ta-form-grid,.center-approved .ta-setting-summary{grid-template-columns:1fr}.center-approved .ta-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-approved .ta-add-class{flex-wrap:wrap}.center-approved .ta-add-class label{flex-basis:100%}.center-approved .ta-log th:first-child{width:24%}.center-approved .ta-log td{font-size:12px}}@media (pointer:coarse){.center-approved button,.center-approved .ta-pagination select,.center-approved .ta-check-cell label,.center-approved .ta-choice{min-height:44px}.center-approved input,.center-approved select{min-height:44px;font-size:16px}.center-approved input[type=checkbox]{min-height:0}.center-approved .ta-name{min-height:32px}}.center-approved .ta-lifecycle-dialog{box-sizing:border-box;border:1px solid var(--ta-line);background:var(--ta-bg,#fffdf6);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ta-text);font:inherit;border-radius:12px;margin:auto;padding:24px;overflow:auto;box-shadow:0 16px 64px #17363b40}.center-approved .ta-lifecycle-dialog::backdrop{background:#153c4059}.center-approved .ta-lifecycle-dialog h2{overflow-wrap:anywhere;font-size:21px}.center-approved .ta-lifecycle-dialog p{margin:14px 0;line-height:1.6}.center-approved .ta-lifecycle-dialog button{min-height:44px}.center-approved .ta-lifecycle-dialog .ta-form-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:24px}.center-approved .ta-lifecycle-dialog .ta-delete-confirm{background:var(--ta-danger);color:#fff}.center-approved .ta-replacement ul{max-height:120px;padding-left:22px;overflow:auto}.center-approved .ta-replacement .approved-picker-options{min-width:0;max-height:190px;position:static}.center-approved .ta-actions{flex-wrap:wrap}.center-approved .ta-deleted-at{color:var(--ta-sub);margin-top:4px;font-size:11px;display:block}.center-approved .ta-row-action .ta-actions{justify-content:flex-end;gap:6px}@media (width<=720px){.center-approved .ta-lifecycle-dialog{padding:18px}.center-approved .ta-students td.ta-row-action{grid-area:auto/1/auto/-1}.center-approved .ta-row-action .ta-actions{justify-content:flex-start}.center-approved .ta-result-bar{flex-wrap:wrap;gap:8px}}.center-approved{background:#fff;max-width:none;min-height:100vh;margin:0;padding:16px}@media (pointer:coarse){.center-approved .ta-shell button{min-height:44px}}.center-approved .ta-shell{min-height:calc(100vh - 32px)}.center-approved button{cursor:pointer;background:var(--ta-panel)}.center-approved button:disabled{cursor:default}.center-approved [data-loading=true] :is(.ta-table-wrap,.ta-bulk-bar){pointer-events:none;opacity:.65}.center-approved :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--ta-selected);outline-offset:3px}.center-approved a{color:var(--ta-text)}.center-approved .ta-primary{background:var(--ta-orange);color:var(--ta-orange-text)}.center-approved .ta-link{background:0 0}.center-approved .ta-tabs button{border:1px solid var(--ta-line)}.center-approved .ta-tabs button[aria-pressed=true]{border-color:#0000}.center-approved.tc-directory .ta-filters{grid-template-columns:minmax(160px,1fr) 155px 140px}.center-approved .ta-sidebar-foot{overflow-wrap:anywhere;gap:12px;display:grid}.center-approved .ta-sidebar-foot button{text-align:left;white-space:normal;font-size:12px}.center-approved .ta-mobile-account{display:none}.center-approved .ta-loading,.center-approved .ta-error{background:var(--ta-tint);border-radius:7px;margin-bottom:16px;padding:12px}.center-approved :is(.ta-error,.field-error,[role=alert]){color:var(--ta-danger)}.center-approved .ta-filters+.ta-result-bar details{border:0;padding:0}.center-approved .ta-more-filters{position:relative}.center-approved .ta-more-filters[open]{background:var(--ta-panel);flex:1;margin:8px 0;padding:12px!important}.center-approved .ta-more-filters summary{text-align:right;cursor:pointer}.center-approved .ta-more-filters .ta-form-grid{margin:14px 0}.center-approved .ta-filter-chips{flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.center-approved .approved-picker{min-width:0;position:relative}.center-approved .approved-picker>label{margin-bottom:6px}.center-approved .approved-picker-input{position:relative}.center-approved .approved-picker-input input{padding-right:36px}.center-approved .approved-picker-input>button{min-height:40px;padding:0 8px;position:absolute;top:0;right:4px}.center-approved .approved-picker-options{z-index:30;border:1px solid var(--ta-line);background:#fff;border-radius:7px;min-width:200px;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #193e7120}.center-approved .approved-picker-options>button{text-align:left;white-space:normal;border-radius:0;width:100%;min-height:40px;display:block}.center-approved .approved-picker-options>button:hover,.center-approved .approved-picker-options>button[aria-selected=true]{background:var(--ta-tint)}.center-approved .approved-picker-options p{padding:12px}.center-approved .approved-picker-options .ta-page-actions{justify-content:space-between;padding:5px}.center-approved .field-hint{color:var(--ta-sub);margin-top:7px;font-size:12px}.center-approved .ta-action-confirm{padding:18px 0 0}.center-approved .ta-action-confirm>p{color:var(--ta-sub);margin:12px 0;font-size:12px}.center-approved .tc-table th:first-child{width:17%}.center-approved .tc-table th:nth-child(2){width:14%}.center-approved .tc-table th:nth-child(3){text-align:center;width:7%}.center-approved .tc-table th:nth-child(4){width:13%}.center-approved .tc-table th:nth-child(5){width:18%}.center-approved .tc-table th:nth-child(6){text-align:right;width:31%}.center-approved .tc-table td{height:57px}.center-approved .tc-table td:nth-child(3){text-align:center}.center-approved .tc-table .ta-actions{gap:8px}.center-approved .tc-mobile-only{display:none}.center-approved .ta-table-wrap th:empty{padding:0}.center-approved .ta-panel .ta-setting-note{margin-top:18px}.center-approved .admin-actions,.center-approved .admin-pager{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.center-approved :is(.center-action-panel,.mc-center-tools,.admin-batch){min-width:0;margin:16px 0}.center-approved .center-action-panel{background:var(--ta-panel);border-radius:9px;padding:20px}.center-approved .admin-batch:empty{display:none}.center-approved :is(.center-action-panel,.mc-center-tools) :is(label,p){margin:10px 0}.center-approved :is(.center-action-panel,.mc-center-tools) label:has(input[type=checkbox]){align-items:center;gap:8px;min-height:40px;display:flex}.center-approved :is(.mc-center-tools,.mc-center-bar){box-shadow:none;color:var(--ta-text);background:0 0;border:0;border-radius:0;padding:0;font-family:inherit}.center-approved .mc-center-tools{max-width:none}.center-approved textarea{width:100%;max-width:100%;font:inherit;color:inherit;border:1px solid var(--ta-line);background:var(--ta-panel);border-radius:7px;padding:10px}.center-approved .admin-table-scroll{overflow:auto}.center-approved .admin-table-scroll table{min-width:560px}.center-approved .admin-table-scroll th label{color:var(--ta-text)}.center-approved .admin-table-scroll td small{display:block}.center-approved .admin-day-grid,.center-approved .admin-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.center-approved .admin-day-grid button{white-space:normal;background:var(--ta-tint);padding:14px}.center-approved .admin-cards a{background:var(--ta-panel);border-radius:8px;padding:20px;display:grid}.center-approved .admin-cards strong{font-size:24px}.center-approved .admin-report-scope{font-size:12px}.center-approved .ta-panel>form:not(:first-child){margin-top:16px}.center-approved .ta-panel>form>label{margin-bottom:12px}.center-approved .ta-panel>ul{padding-left:20px}.center-approved .ta-log th{width:25%}.center-approved .ta-log details{border:0;padding:4px 0;font-size:11px}.center-approved .ta-form-actions+.admin-batch{margin-top:16px}@media (width<=720px){.center-approved{padding:0}.center-approved .ta-shell{border-radius:0;min-height:100vh}.center-approved .ta-sidebar-foot{display:none}.center-approved .ta-mobile-account{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;font-size:12px;display:flex}.center-approved .tc-table tr{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}.center-approved .tc-table td{height:auto}.center-approved .tc-table td:first-child{grid-area:1/1}.center-approved .tc-table td:nth-child(2){color:var(--ta-sub);grid-area:2/1;font-size:12px}.center-approved .tc-table td:nth-child(3){text-align:right;grid-area:1/2;font-size:12px}.center-approved .tc-table td:nth-child(4){grid-area:3/1;font-size:12px}.center-approved .tc-table td:nth-child(5){text-align:right;grid-area:2/2/4;font-size:12px}.center-approved .tc-table td:nth-child(6){grid-area:4/1/auto/-1;margin-top:4px}.center-approved .tc-table .ta-meter{margin-left:auto}.center-approved .tc-table .ta-actions{justify-content:flex-start}.center-approved .tc-mobile-only{display:inline}.center-approved .ta-bulk-bar strong{flex-basis:100%}.center-approved .center-action-panel{padding:16px}.center-approved .ta-form-grid>div{min-width:0}.center-approved .ta-table-wrap .ta-log tr{grid-template-columns:1fr 1fr}.center-approved .ta-log td{align-self:start}.center-approved .ta-log td:nth-child(3){grid-column:1}.center-approved .ta-log td:nth-child(4){grid-column:2}.center-approved .ta-choice,.center-approved button{white-space:normal}.center-approved .admin-day-grid,.center-approved .admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.center-approved .ta-filters,.center-approved.tc-directory .ta-filters{grid-template-columns:1fr 1fr}.center-approved .ta-filters>label:first-child{grid-column:1/-1}}.guardian[data-v-cd337e6c]{color:#173f7c;background:#fff9e8;max-width:1000px;min-height:100svh;margin:auto;padding:20px}header[data-v-cd337e6c]{flex-wrap:wrap;align-items:center;gap:14px;display:flex}header img[data-v-cd337e6c]{width:100px}h1[data-v-cd337e6c]{flex:1;font-size:26px}section[data-v-cd337e6c]{background:#fff;border:2px solid #ead7ae;border-radius:18px;margin:16px 0;padding:18px}p[data-v-cd337e6c]{line-height:1.6}label[data-v-cd337e6c]{margin:12px 0;display:block}input[data-v-cd337e6c]:not([type=checkbox]){box-sizing:border-box;width:100%;padding:10px;display:block}button[data-v-cd337e6c]{color:#173f7c;min-height:48px;font:inherit;background:#ffb951;border:2px solid #efd9ab;border-radius:14px;margin:5px;padding:10px 16px;font-weight:700}button[data-v-cd337e6c]:disabled{opacity:.55}.guardian-overlay[data-v-cd337e6c]{z-index:100;background:#102c55bb;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.guardian-overlay section[data-v-cd337e6c]{max-width:620px;max-height:88svh;overflow:auto}input[type=checkbox][data-v-cd337e6c]{vertical-align:middle;width:22px;height:22px}@media (width<=500px){.guardian[data-v-cd337e6c]{padding:10px}header[data-v-cd337e6c]{grid-template-columns:1fr auto;display:grid}header h1[data-v-cd337e6c]{grid-area:2/1/auto/-1;margin:6px 0;font-size:21px}}.qa-actual-lesson[data-v-a3699c56]{isolation:isolate;border-radius:26px;height:648px;position:relative;overflow:hidden}.qa-actual-lesson[data-v-a3699c56] .gh-scene{height:100%;min-height:0}.qa-actual-lesson[data-v-a3699c56] .gh-adult-recording-support{display:none}@media (width<=700px){.qa-actual-lesson[data-v-a3699c56]{border-radius:18px;height:620px;margin:12px -10px}}@media (height<=500px) and (width>=701px){.qa-actual-lesson[data-v-a3699c56]{height:390px}}.qa-pronunciation[data-v-c99fc0c9]{color:#173f7c;background:linear-gradient(#f4faff,#eef7e7);min-height:100svh;padding:20px}.qa-pronunciation>header[data-v-c99fc0c9]{align-items:center;gap:16px;max-width:1000px;margin:auto auto 18px;display:flex}.qa-pronunciation>header div[data-v-c99fc0c9]{margin-right:auto}.qa-review-card[data-v-c99fc0c9]{background:#fffef5;border:3px solid #fff0c5;border-radius:30px;max-width:820px;margin:auto;padding:26px;box-shadow:0 12px 30px #173f7c1a}.qa-review-heading[data-v-c99fc0c9]{justify-content:space-between;align-items:end;gap:18px;display:flex}.qa-review-heading h1[data-v-c99fc0c9]{text-transform:capitalize;margin:0;font-size:52px}.qa-kicker[data-v-c99fc0c9]{color:#7552bc;margin:0;font-weight:800}.qa-review-heading label[data-v-c99fc0c9]{width:210px}.qa-status-grid[data-v-c99fc0c9]{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.qa-status-grid span[data-v-c99fc0c9]{background:#f4faff;border-radius:14px;gap:4px;padding:10px;font-size:11px;display:grid}.qa-consent[data-v-c99fc0c9]{background:#fff8dc;border-radius:14px;align-items:start;gap:10px;padding:12px;display:flex}.qa-consent input[data-v-c99fc0c9]{flex:none}.qa-capture-area[data-v-c99fc0c9]{place-items:center;min-height:118px;margin:16px auto 4px;display:grid}.qa-mic-button[data-v-c99fc0c9]{color:#173f7c;background:linear-gradient(#ffb73d,#ff961f);border:4px solid #fff8dc;border-radius:50%;width:72px;min-width:72px;height:72px;min-height:72px;padding:18px;box-shadow:0 6px #a6612b66,0 10px 18px #173f7c24}.qa-mic-button svg[data-v-c99fc0c9]{fill:currentColor;width:100%;height:100%}.qa-mic-button.is-recording[data-v-c99fc0c9]{background:linear-gradient(#ff855e,#ed5a45);animation:1.3s ease-in-out infinite qa-glow-c99fc0c9}.qa-mic-button.is-busy svg[data-v-c99fc0c9]{animation:1s linear infinite qa-spin-c99fc0c9}.qa-mic-caption[data-v-c99fc0c9]{text-align:center;min-height:38px;font-size:13px;font-weight:800}.qa-notice[data-v-c99fc0c9]{text-align:center;min-height:30px}.qa-review-actions[data-v-c99fc0c9]{justify-content:center;align-items:center;gap:14px;display:flex}.qa-review-actions button[data-v-c99fc0c9]{min-height:52px}.qa-review-actions svg[data-v-c99fc0c9]{fill:currentColor;width:22px;height:22px}.qa-teacher-review[data-v-c99fc0c9]{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.qa-teacher-review textarea[data-v-c99fc0c9]{resize:vertical;width:100%;font:inherit;border:2px solid #dce9f4;border-radius:14px;padding:12px}.qa-submit[data-v-c99fc0c9]{margin:auto;display:block}.qa-provider-result[data-v-c99fc0c9]{background:#eef7e7;border-radius:20px;margin-top:20px;padding:18px}.qa-phonemes[data-v-c99fc0c9]{flex-wrap:wrap;gap:8px;display:flex}.qa-phonemes span[data-v-c99fc0c9]{background:#fff;border-radius:12px;padding:8px 12px}.qa-provider-result button[data-v-c99fc0c9]{margin-top:12px}.qa-review-card details[data-v-c99fc0c9]{border-top:1px solid #dce9f4;margin-top:20px;padding-top:12px;font-size:12px}@keyframes qa-glow-c99fc0c9{50%{box-shadow:0 6px #a6612b66,0 0 0 12px #ff9e2d33}}@keyframes qa-spin-c99fc0c9{to{transform:rotate(360deg)}}.qa-vad-warning[data-v-c99fc0c9]{color:#704716;background:#fff1d8;border-radius:12px;margin:8px 0;padding:9px 12px;font-size:12px}.qa-submit-actions[data-v-c99fc0c9]{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.qa-submit-actions button[data-v-c99fc0c9]{min-height:52px}.qa-submit-reason[data-v-c99fc0c9]{text-align:center;color:#5c4937;min-height:24px;margin:8px 0;font-size:12px}.qa-presence[data-v-c99fc0c9]{color:#245c38;background:#e5f6eb;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.qa-presence small[data-v-c99fc0c9]{font-size:11px}.qa-house-note[data-v-c99fc0c9]{background:#fff8dc;border-radius:12px;padding:10px 12px}.qa-phoneme-label[data-v-c99fc0c9]{margin-bottom:6px;font-size:12px;font-weight:800}.qa-phonemes code[data-v-c99fc0c9]{color:#173f7c;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2}.qa-phonemes small[data-v-c99fc0c9]{margin-top:4px;font-size:10px;font-weight:600;display:block}.qa-download[data-v-c99fc0c9]{color:#2878e8;background:#f5faff;border:2px solid #cfe2f4;border-radius:24px;justify-content:center;align-items:center;min-height:52px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.qa-download[data-v-c99fc0c9]:focus-visible{outline-offset:2px;outline:3px solid #ffb73d}.qa-recording-id[data-v-c99fc0c9]{text-align:center;overflow-wrap:anywhere;font-size:12px}@media (width<=700px){.qa-pronunciation[data-v-c99fc0c9]{padding:12px}.qa-pronunciation>header[data-v-c99fc0c9]{flex-wrap:wrap}.qa-pronunciation>header .brand[data-v-c99fc0c9]{width:125px}.qa-pronunciation>header div[data-v-c99fc0c9]{width:calc(100% - 145px)}.qa-pronunciation>header button[data-v-c99fc0c9]{min-height:44px;padding:8px}.qa-review-card[data-v-c99fc0c9]{border-radius:22px;padding:18px 14px}.qa-review-heading[data-v-c99fc0c9]{align-items:center}.qa-review-heading h1[data-v-c99fc0c9]{font-size:38px}.qa-review-heading label[data-v-c99fc0c9]{width:150px}.qa-status-grid[data-v-c99fc0c9]{grid-template-columns:1fr 1fr}.qa-mic-button[data-v-c99fc0c9]{width:64px;min-width:64px;height:64px;min-height:64px;padding:15px}.qa-teacher-review[data-v-c99fc0c9]{grid-template-columns:1fr}.qa-review-actions[data-v-c99fc0c9]{flex-wrap:wrap}.qa-provider-result[data-v-c99fc0c9]{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.qa-mic-button[data-v-c99fc0c9]{animation:none!important}}.qa-lesson-entry[data-v-c99fc0c9]{text-align:center;color:#173f7c;max-width:820px;margin:0 auto 16px;padding:12px;display:block}.qa-lesson-label[data-v-c99fc0c9]{text-align:center;color:#173f7c;font-weight:800}.qa-lesson-preview .qa-review-card[data-v-c99fc0c9]{max-width:1366px;padding:16px}.qa-lesson-preview .qa-review-heading[data-v-c99fc0c9],.qa-lesson-preview .qa-status-grid[data-v-c99fc0c9],.qa-lesson-preview .qa-consent[data-v-c99fc0c9]{max-width:820px;margin-left:auto;margin-right:auto}.qa-preview-actions[data-v-c99fc0c9]{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.qa-adult-heading[data-v-c99fc0c9]{text-align:center;font-size:18px}.qa-lesson-pause[data-v-c99fc0c9]{z-index:90;text-align:center;background:#fff8dc;border:4px solid #fff;border-radius:24px;padding:24px;position:fixed;inset:15% 8% auto;box-shadow:0 0 0 100vmax #173f7c99}.qa-lesson-pause button[data-v-c99fc0c9]{margin:8px}.teacher-direct-pilot[data-v-e9a4b2e2]{color:#173f7c;background:#f2f8ec;min-height:100svh;padding:16px}.teacher-direct-pilot>header[data-v-e9a4b2e2]{flex-wrap:wrap;align-items:center;gap:12px;max-width:1366px;margin:0 auto 14px;display:flex}.teacher-direct-pilot>header img[data-v-e9a4b2e2]{width:128px}.teacher-direct-pilot>header div[data-v-e9a4b2e2]{flex:1;min-width:180px}.teacher-direct-pilot h1[data-v-e9a4b2e2]{margin:0;font-size:20px}.teacher-direct-pilot header p[data-v-e9a4b2e2]{margin:4px 0;font-size:12px}.teacher-direct-pilot[data-v-e9a4b2e2] .qa-actual-lesson{max-width:1366px;margin:auto}.teacher-start[data-v-e9a4b2e2],.teacher-finished[data-v-e9a4b2e2]{max-width:760px;margin:24px auto;padding:24px}.teacher-start label[data-v-e9a4b2e2]{align-items:flex-start;gap:12px;margin:20px 0;display:flex}.teacher-start input[data-v-e9a4b2e2]{flex:none;width:24px;height:24px}.teacher-start button[data-v-e9a4b2e2],.teacher-finished button[data-v-e9a4b2e2]{margin:10px}.teacher-support[data-v-e9a4b2e2]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;min-height:54px;display:flex}.teacher-policy[data-v-e9a4b2e2]{overflow-wrap:anywhere;max-width:1100px;margin:16px auto;font-size:13px}.teacher-pause[data-v-e9a4b2e2]{z-index:100;background:#173f7c99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.teacher-pause>div[data-v-e9a4b2e2]{text-align:center;background:#fff8dc;border:4px solid #fff;border-radius:26px;gap:12px;max-width:540px;padding:24px;display:grid}.teacher-direct-pilot button[data-v-e9a4b2e2]{min-height:48px}.teacher-direct-pilot button[data-v-e9a4b2e2]:focus-visible{outline-offset:4px;outline:3px solid #173f7c}@media (width<=700px){.teacher-direct-pilot[data-v-e9a4b2e2]{padding:10px}.teacher-direct-pilot>header img[data-v-e9a4b2e2]{width:96px}.teacher-direct-pilot h1[data-v-e9a4b2e2]{font-size:17px}.teacher-direct-pilot[data-v-e9a4b2e2] .qa-actual-lesson{height:620px;margin:0}.teacher-support[data-v-e9a4b2e2]{padding:8px;font-size:12px}.teacher-start[data-v-e9a4b2e2],.teacher-finished[data-v-e9a4b2e2]{padding:18px}}.hotspot-board[data-v-dde347b5]{background:var(--soft);border:2px solid var(--blue);border-radius:18px;width:100%;min-width:240px;height:190px;position:relative}.hotspot-board button[data-v-dde347b5]{min-width:60px;min-height:60px}.lesson-panel[data-v-dde347b5]{overflow:auto}small[data-v-dde347b5]{display:block}@media (orientation:portrait){.landscape:not(.student-experience) .landscape-stage[data-v-dde347b5]:before{content:"Con giữ máy ngang nhé";background:var(--soft);z-index:5;place-items:center;font-size:26px;display:grid;position:fixed;inset:70px 0 0}}.p2-video-scene[data-v-1afc2cba]{color:#173f7c;width:100%;height:100%;min-height:100svh;position:relative;overflow:auto}.p2-video-backdrop[data-v-1afc2cba]{object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.p2-video-scene header[data-v-1afc2cba]{z-index:8;padding:max(10px,env(safe-area-inset-top)) 14px 8px;justify-content:space-between;align-items:center;display:flex;position:relative}.p2-video-scene header>span[data-v-1afc2cba]{background:#fff8dc;border-radius:18px;padding:8px 14px;font-weight:800}.trial-exit-button[data-v-1afc2cba]{color:#173f7c;background:#fff8dc;border:2px solid #b66a2b;border-radius:16px;align-items:center;gap:6px;min-height:46px;padding:8px 13px;font-weight:900;display:flex}.p2-video-card[data-v-1afc2cba]{z-index:3;background:#fffdf2ed;border:3px solid #d79a47;border-radius:24px;width:min(940px,100% - 24px);margin:36px auto 20px;padding:18px;position:relative;box-shadow:0 9px 28px #173f7c30}.p2-video-card h1[data-v-1afc2cba]{text-align:center;margin:0;font-size:clamp(24px,4vw,38px)}.p2-video-card>p[data-v-1afc2cba]{text-align:center;margin:6px 0 14px}.p2-video-offline[data-v-1afc2cba]{color:#8a3f21;font-weight:800}@media (width<=620px){.p2-video-card[data-v-1afc2cba]{width:calc(100% - 14px);margin-top:76px;padding:11px}.p2-video-card h1[data-v-1afc2cba]{font-size:24px}.p2-video-card>p[data-v-1afc2cba]{font-size:13px}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba]>.pilot-stage-progress{top:74px}}@media (width<=620px) and (height<=700px){.p2-video-scene[data-a2-sync=true] .p2-video-card[data-v-1afc2cba]{margin-top:64px}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .day-video{flex-direction:column;gap:6px;display:flex}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .video-main,.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .video-choices{width:100%}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .youtube-frame{height:200px;min-height:200px}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .video-choices button{min-height:52px}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .video-lesson-actions{flex-wrap:nowrap;order:3;width:100%}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .video-lesson-actions button{flex:1;min-width:0;min-height:48px;padding:8px}.p2-video-scene[data-a2-sync=true][data-v-1afc2cba] .video-followup{order:4}}@media (height<=430px) and (orientation:landscape){.p2-video-card[data-v-1afc2cba]{width:calc(100% - 150px);margin-top:4px;margin-left:76px;padding:9px}.p2-video-card>p[data-v-1afc2cba]{display:none}}.phonics-connection[data-v-f493a7db]{z-index:120;inset:auto 8px max(8px,env(safe-area-inset-bottom));color:#173f7c;pointer-events:none;background:#fff6e1;border:2px solid #b98541;border-radius:14px;padding:12px;font-size:14px;position:fixed}.phonics-connection p[data-v-f493a7db]{margin:0 0 8px}.phonics-connection button[data-v-f493a7db]{color:#173f7c;pointer-events:auto;background:#fff8dc;border:1px solid #b98541;border-radius:12px;margin:3px;padding:10px}.trial-menu-notice[data-v-f493a7db]{color:#85441f;font-weight:700}.video-lesson-panel[data-v-d07af83f]{text-align:left;height:100%}.video-adult-actions[data-v-d07af83f]{margin-top:4px;font-size:10px}.video-adult-actions summary[data-v-d07af83f]{cursor:pointer}.video-adult-actions button[data-v-d07af83f]{min-height:44px}.learner-phonics{color:#163e79;font-synthesis:none;--gh-navy:#173f7c;--gh-orange:#ff9e2d;--gh-purple:#7655c5;--gh-cream:#fff8dc;background:#eef7e7;font-family:Be Vietnam Pro,sans-serif}.learner-phonics *{box-sizing:border-box}.learner-phonics{margin:0}.learner-phonics button,.learner-phonics input,.learner-phonics select{font:inherit}.learner-phonics button{cursor:pointer}.learner-phonics button:disabled{cursor:default}.learner-phonics button:focus-visible,.learner-phonics a:focus-visible,.learner-phonics select:focus-visible,.learner-phonics input:focus-visible{outline-offset:4px;outline:4px solid #197bb0}.learner-phonics.gh-root button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.learner-phonics.gh-root svg{display:block}.learner-phonics.gh-root img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.learner-phonics .gh-adult{z-index:20;color:#384257;background:#f8f4df;border-bottom:1px solid #b9ae83;font-size:12px;position:relative}.learner-phonics .gh-adult-line{flex-wrap:wrap;align-items:center;gap:14px;min-height:42px;padding:5px 12px;display:flex}.learner-phonics .gh-adult-line strong{font-size:13px}.learner-phonics .gh-adult-line button,.learner-phonics .gh-qa button,.learner-phonics .gh-qa select{color:#273647;background:#fffdf3;border:1px solid #928763;border-radius:6px;min-height:30px;padding:4px 9px}.learner-phonics .gh-adult a{color:#284d7b}.learner-phonics .gh-qa{border-top:1px solid #ddd2b0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.learner-phonics .gh-qa label{align-items:center;gap:6px;display:flex}.learner-phonics .gh-qa details{max-width:100%}.learner-phonics .gh-qa pre{white-space:pre-wrap;max-height:180px;font-size:11px;overflow:auto}.learner-phonics .gh-qa small{flex-basis:100%}.learner-phonics .gh-login{background:#fff9e5;border:2px solid #d8c691;border-radius:24px;max-width:480px;margin:10vh auto;padding:28px;box-shadow:0 12px 32px #2d5a4522}.learner-phonics .gh-login h1{font-size:26px}.learner-phonics .gh-login p{line-height:1.6}.learner-phonics .gh-login label{margin:20px 0;display:block}.learner-phonics .gh-login input{border:1px solid #abb6aa;border-radius:10px;width:100%;margin-top:8px;padding:12px;display:block}.learner-phonics .gh-loading{padding:30px}.learner-phonics .gh-error{z-index:50;color:#753916;pointer-events:none;background:#fff6e1;border:2px solid #b98541;margin:0;padding:12px 22px;font-size:13px;position:fixed;top:0;left:0;right:0}.learner-phonics .gh-scene{height:calc(100dvh - var(--adult-height,42px));isolation:isolate;min-height:280px;color:var(--gh-navy);position:relative;overflow:hidden;container-type:size}.learner-phonics .gh-backdrop{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.learner-phonics .gh-scene-1 .gh-backdrop{object-position:center 47%}.learner-phonics .gh-scene-2 .gh-backdrop{object-position:center 52%}.learner-phonics .gh-scene-3 .gh-backdrop{object-position:center 62%}.learner-phonics .gh-scene-4 .gh-backdrop{object-position:center 56%}.learner-phonics .gh-chrome{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:12px 18px auto}.learner-phonics .gh-chip{background:#fff6dcec;border:2px solid #f0d290;border-radius:24px;padding:10px 17px;font-size:18px;font-weight:800;box-shadow:0 3px #96783e48}.learner-phonics .gh-pause{pointer-events:auto;width:60px;height:60px;color:var(--gh-navy);background:#fffae6;border:3px solid #e7d298;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px #99784655}.learner-phonics .gh-pause svg{width:24px;height:24px}.learner-phonics .trial-exit-button{pointer-events:auto;color:#173f7c;background:linear-gradient(#fffef5,#fff0c5);border:3px solid #fff4d1;border-radius:23px;flex:none;justify-content:center;align-items:center;gap:7px;min-width:96px;min-height:60px;padding:7px 13px;font-weight:800;display:flex;box-shadow:0 4px #99784655}.learner-phonics .trial-exit-button svg{width:23px;height:23px}.learner-phonics .trial-exit-button span{font-size:15px}.learner-phonics .gh-exit{margin-left:0}.learner-phonics .trial-exit-menu{z-index:100!important;position:fixed!important;inset:0!important}.learner-phonics .trial-exit-menu>div{width:min(92vw,520px);max-height:calc(100dvh - 24px);padding:26px 30px;overflow:auto}.learner-phonics .trial-menu-actions{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.learner-phonics .trial-confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.learner-phonics .trial-exit-menu .trial-menu-actions button,.learner-phonics .trial-exit-menu .trial-confirm-actions button{width:100%;min-height:54px;margin:0;font-size:18px}.learner-phonics .trial-exit-menu .trial-confirm-actions button{width:auto;min-width:160px}.learner-phonics .trial-exit-menu p{line-height:1.45}.learner-phonics .gh-title{text-align:center;z-index:4;pointer-events:none;text-shadow:0 2px #fff9d4;position:absolute;top:5.5%;left:23%;right:16%}.learner-phonics .gh-title h1{letter-spacing:-1.4px;margin:0;font-size:clamp(27px,3.35cqw,47px);font-weight:800;line-height:1.2}.learner-phonics .gh-title p{margin:8px 0 0;font-size:clamp(14px,1.45cqw,21px);font-weight:600}.learner-phonics .gh-scene-1 .gh-title{top:8%;left:25%;right:24%}.learner-phonics .gh-scene-1 .gh-title h1{font-size:clamp(26px,3cqw,42px)}.learner-phonics .gh-mascot{z-index:5;pointer-events:none;transform-origin:50% 95%;width:29%;height:59%;position:absolute;bottom:16%;left:3%}.learner-phonics .gh-mascot>img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 2px #54754935);width:100%;height:100%;position:absolute}.learner-phonics .gh-ground-shadow{filter:blur(5px);background:#4e583950;border-radius:50%;width:62%;height:6%;position:absolute;bottom:0;left:18%}.learner-phonics .gh-scene-2 .gh-mascot{height:55%;bottom:15%;left:2%}.learner-phonics .gh-scene-3 .gh-mascot{height:57%;bottom:14%;left:2%}.learner-phonics .gh-conductor-hat{filter:drop-shadow(0 3px 2px #2a332742);width:46%;height:27%;position:absolute;top:8%;left:22%;transform:rotate(-6deg)}.learner-phonics .gh-prop{filter:drop-shadow(0 5px 3px #53644225);width:100%;height:100%;overflow:hidden}.learner-phonics .gh-glyph{color:var(--gh-navy);width:100%;height:100%;overflow:visible}.learner-phonics .gh-discover-groups{z-index:2;grid-template-columns:1fr 1fr;gap:4%;display:grid;position:absolute;inset:27% 10% 23% 34%}.learner-phonics .gh-group{background:linear-gradient(120deg,#fffdee,#fff3c9);border:4px solid #fffcdf;border-radius:32% 32% 16% 16%/16% 16% 12% 12%;flex-direction:column;align-items:center;padding:3% 3% 4%;display:flex;position:relative;box-shadow:0 9px #c9a86377,0 13px 16px #36512c35,inset 0 0 15px #ead69777}.learner-phonics .gh-teaching{outline-offset:5px;outline:4px solid #b4da6b}.learner-phonics .gh-letter-pair{flex:none;justify-content:center;align-items:center;gap:7%;width:77%;height:43%;display:flex}.learner-phonics .gh-letter-pair>span{letter-spacing:-8px;font-size:clamp(60px,9cqw,132px);font-weight:800;line-height:1}.learner-phonics .gh-letter-pair>.gh-glyph{width:37%;height:90%}.learner-phonics .gh-word-pair{justify-content:center;align-items:center;gap:2%;width:100%;height:57%;display:flex}.learner-phonics .gh-word-pair>.gh-prop,.learner-phonics .gh-word-button{width:49%;min-width:60px;height:100%;min-height:60px}.learner-phonics .gh-word-button{background:0 0;border:0;border-radius:18px;padding:0}.learner-phonics .gh-word-button:enabled:hover{background:#f8e5a655}.learner-phonics .gh-fireflies{z-index:3;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:21% 5% 22% 32%}.learner-phonics .gh-answer{color:var(--gh-navy);isolation:isolate;background:0 0;border:0;min-width:60px;min-height:60px;padding:0;position:relative}.learner-phonics .gh-answer:disabled{opacity:1}.learner-phonics .gh-answer:enabled:active{transform:scale(.97)}.learner-phonics .gh-firefly{aspect-ratio:1;transform-origin:50%;width:47%;height:100%}.learner-phonics .gh-firefly>.gh-prop{position:absolute;inset:0}.learner-phonics .gh-lantern-glyph{z-index:2;width:31%;height:29%;position:absolute;top:54%;left:39%}.learner-phonics .gh-glow{z-index:-1;background:#ffdf7740;border-radius:50%;width:60%;height:52%;position:absolute;top:40%;left:23%;box-shadow:0 0 30px #ffe66b66}.learner-phonics .gh-firefly.gh-correct .gh-glow{background:#fff27370;box-shadow:0 0 24px 16px #fe89}.learner-phonics .gh-firefly.gh-correct{filter:drop-shadow(0 0 12px #fff278)}.learner-phonics .gh-wagons{z-index:3;align-items:flex-end;gap:1%;height:49%;display:flex;position:absolute;bottom:19%;left:36%;right:3%}.learner-phonics .gh-wagon{width:50%;height:100%}.learner-phonics .gh-wagon>.gh-prop{position:absolute;inset:0}.learner-phonics .gh-wagon-glyph{z-index:2;width:28%;height:32%;position:absolute;top:40%;left:37%}.learner-phonics .gh-wagon.gh-correct{filter:drop-shadow(0 0 11px #f9e977)}.learner-phonics .gh-waiting-object{z-index:5;transform-origin:bottom;width:19%;height:30%;position:absolute;top:17%;left:34%}.learner-phonics .gh-boarding{transform:translate(var(--boarding-x,170px),var(--boarding-y,95px)) scale(.52);z-index:4}.learner-phonics .gh-scene-3:has(.gh-wagon:last-child.gh-correct){--boarding-x:36cqw}.learner-phonics .gh-scene-3:has(.gh-wagon:first-child.gh-correct){--boarding-x:6cqw}.learner-phonics .gh-echo-stage{z-index:3;width:37%;height:55%;position:absolute;bottom:20%;left:33%}.learner-phonics .gh-echo-stage>.gh-wood{filter:drop-shadow(0 8px 6px #6e652f50);width:100%;height:34%;position:absolute;bottom:0}.learner-phonics .gh-echo-target{width:82%;height:80%;position:absolute;bottom:21%;left:9%}.learner-phonics .gh-echo-target.gh-glyph{filter:drop-shadow(0 4px #fff8d7);width:45%;height:55%;bottom:30%;left:28%}.learner-phonics .gh-leaf-board{z-index:4;filter:drop-shadow(0 7px 4px #58633333);width:24%;height:33%;position:absolute;top:32%;left:73%}.learner-phonics .gh-leaf-board>.gh-wood{width:100%;height:100%;position:absolute}.learner-phonics .gh-leaf-board p{text-align:center;color:#6a4a20;text-shadow:0 1px #ffedb4;margin:0;font-size:clamp(12px,1.36cqw,19px);font-weight:800;line-height:1.5;position:absolute;top:10%;left:8%;right:8%}.learner-phonics .gh-leaves{gap:7%;height:24%;display:flex;position:absolute;top:44%;left:12%;right:12%}.learner-phonics .gh-leaves>svg{color:#ac915a;fill:#e3c081;opacity:.6;width:20%;height:100%}.learner-phonics .gh-leaves>svg.gh-earned{color:#4c8d36;fill:#92c551;opacity:1;filter:drop-shadow(1px 2px #31572344)}.learner-phonics .gh-final{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:22% 12% 24% 35%}.learner-phonics .gh-final-object{width:40%;height:48%;position:absolute;top:0;left:30%}.learner-phonics .gh-stones{justify-content:space-around;gap:12%;width:90%;height:50%;display:flex}.learner-phonics .gh-stone{background:linear-gradient(145deg,#fffae2,#dfcc91);border:5px solid #fff2be;border-radius:45% 40% 36% 37%;width:42%;height:100%;box-shadow:0 7px #a3966a66,inset 0 -8px 12px #b39d5222}.learner-phonics .gh-stone>.gh-glyph{width:60%;height:76%;margin:auto}.learner-phonics .gh-stone.gh-correct{background:#eafaac;border-color:#b4d757}.learner-phonics .gh-finish{z-index:7;background:#fff8dded;border:2px solid #eed58c;border-radius:20px;justify-content:center;align-items:center;gap:16px;padding:10px;font-size:18px;display:flex;position:absolute;bottom:20%;left:30%;right:15%}.learner-phonics .gh-feedback{z-index:8;pointer-events:none;text-align:center;justify-content:center;font-size:clamp(13px,1.45cqw,21px);font-weight:800;display:flex;position:absolute;bottom:calc(6% + 69px);left:28%;right:8%}.learner-phonics .gh-feedback>span{background:#fff7dce8;border-radius:24px;padding:7px 18px;box-shadow:0 2px 7px #53613c22}.learner-phonics .gh-feedback .gh-audio-pending{color:#6b5841;font-size:13px;font-weight:600}.learner-phonics .gh-controls{z-index:9;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;bottom:4.5%;left:23%;right:11%}.learner-phonics .gh-controls button,.learner-phonics .gh-login>button,.learner-phonics .gh-pause-overlay button{white-space:nowrap;border:3px solid #fff9df;border-radius:38px;justify-content:center;align-items:center;gap:12px;min-width:130px;min-height:64px;padding:10px 28px;font-size:clamp(17px,1.8cqw,25px);font-weight:800;line-height:1.25;display:flex;box-shadow:0 5px #84582866,0 8px 10px #52613025,inset 0 2px #ffffff73}.learner-phonics .gh-controls button>svg{flex-shrink:0;width:25px;height:25px}.learner-phonics .gh-orange{color:#fffef3;text-shadow:0 2px #c36a2680;background:linear-gradient(#ffb73d,#ff961f)}.learner-phonics .gh-purple{color:#fffefb;text-shadow:0 2px #4d318d77;background:linear-gradient(#9977e2,#7552bc)}.learner-phonics .gh-light{color:#765532;background:linear-gradient(#fffef5,#fff0c5)}.learner-phonics .gh-controls button:disabled{filter:saturate(.5);opacity:.76}.learner-phonics .gh-controls button:enabled:active{transform:translateY(3px);box-shadow:0 2px #84582866}.learner-phonics .gh-demo-hand{z-index:7;filter:drop-shadow(0 3px 2px #6f573b55);transform-origin:70% 90%;width:8%;height:17%;position:absolute;top:54%;left:57%}.learner-phonics .gh-scene-2:has(.gh-firefly:last-child.gh-pointed) .gh-demo-hand{left:80%}.learner-phonics .gh-scene-2:has(.gh-firefly:first-child.gh-pointed) .gh-demo-hand{left:47%}.learner-phonics .gh-scene-3:has(.gh-wagon:last-child.gh-pointed) .gh-demo-hand{left:81%}.learner-phonics .gh-scene-3:has(.gh-wagon:first-child.gh-pointed) .gh-demo-hand{left:51%}.learner-phonics .gh-pause-overlay{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e3f5380;place-items:center;display:grid;position:absolute;inset:0}.learner-phonics .gh-pause-overlay>div{text-align:center;background:#fff7dd;border:4px solid #ffe5a3;border-radius:32px;padding:30px 40px;box-shadow:0 12px 20px #1b333933}.learner-phonics .gh-pause-overlay h2{margin-top:0}.learner-phonics .gh-pause-overlay button{margin:20px auto 0}@keyframes gh-breathe{0%,86%,to{transform:scale(1)}90%{transform:scale(1.012)}94%{transform:scale(1)}}@keyframes gh-joy{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-13px)rotate(-3deg)}65%{transform:translateY(-5px)rotate(3deg)}}@keyframes gh-firefly-home{0%{transform:translate(0)scale(1)}45%{transform:translateY(-18px)scale(1.06)}to{transform:translateY(-9px)scale(1.02)}}@keyframes gh-board{0%{transform:translate(0)scale(1)}to{transform:translate(var(--boarding-x,170px),var(--boarding-y,95px)) scale(.52)}}@keyframes gh-point{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-16px)rotate(2deg)}}@keyframes gh-leaf{0%{transform:scale(.6)rotate(-12deg)}70%{transform:scale(1.15)}to{transform:scale(1)}}.learner-phonics .gh-actor-idle{animation:9s ease-in-out infinite gh-breathe}.learner-phonics .gh-actor-correct,.learner-phonics .gh-actor-encourage{animation:.72s ease-out gh-joy}.learner-phonics .gh-firefly.gh-correct{animation:.72s ease-out forwards gh-firefly-home}.learner-phonics .gh-boarding{animation:.72s ease-out forwards gh-board}.learner-phonics .gh-demo-hand{animation:.75s ease-in-out 2 gh-point}.learner-phonics .gh-scene[data-feedback=ENCOURAGE] .gh-earned{animation:.7s ease-out gh-leaf}.learner-phonics .gh-paused *,.learner-phonics .gh-scene[data-feedback=AUDIO] *,.learner-phonics .gh-paused .gh-mascot{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.learner-phonics .gh-scene *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.learner-phonics .gh-firefly.gh-correct{outline-offset:-15px;outline:3px solid #f8e97c;transform:translateY(-9px)}}@media (height<=660px) and (width>=701px){.learner-phonics .gh-chrome{top:7px;left:12px;right:12px}.learner-phonics .gh-chip{padding:8px 14px;font-size:15px}.learner-phonics .gh-title{top:3%;left:25%;right:19%}.learner-phonics .gh-title h1{font-size:clamp(25px,3cqw,39px)}.learner-phonics .gh-title p{margin-top:3px;font-size:16px}.learner-phonics .gh-scene-1 .gh-title{top:5%}.learner-phonics .gh-scene-1 .gh-title h1{font-size:35px}.learner-phonics .gh-mascot{height:61%;bottom:17%}.learner-phonics .gh-discover-groups{top:25%;bottom:25%}.learner-phonics .gh-letter-pair>span{font-size:clamp(62px,14cqh,97px)}.learner-phonics .gh-controls{gap:14px;bottom:2.5%}.learner-phonics .gh-controls button{min-height:60px;padding:9px 24px;font-size:21px}.learner-phonics .gh-feedback{font-size:16px;bottom:calc(2.5% + 66px)}.learner-phonics .gh-feedback>span{padding:4px 14px}.learner-phonics .gh-feedback .gh-audio-pending{font-size:12px}.learner-phonics .gh-fireflies{top:16%;bottom:24%}.learner-phonics .gh-wagons{height:49%;bottom:20%}.learner-phonics .gh-waiting-object{height:28%;top:18%}.learner-phonics .gh-echo-stage{height:58%;bottom:22%}.learner-phonics .gh-leaf-board{height:34%;top:29%}.learner-phonics .gh-finish{padding:5px;font-size:14px;bottom:22%}.learner-phonics .gh-conductor-hat{top:7%}}@media (height<=460px) and (width>=701px){.learner-phonics .gh-adult-line{gap:10px;min-height:36px;padding:3px 8px}.learner-phonics .gh-adult-line strong{font-size:11px}.learner-phonics .gh-adult-line span{font-size:10px}.learner-phonics .gh-adult-line button{min-height:28px;font-size:11px}.learner-phonics .gh-adult-line a{font-size:11px}.learner-phonics .gh-title{top:3%;left:22%;right:18%}.learner-phonics .gh-title h1,.learner-phonics .gh-scene-1 .gh-title h1{letter-spacing:-.7px;font-size:27px}.learner-phonics .gh-title p{margin-top:2px;font-size:12px}.learner-phonics .gh-scene-1 .gh-title{top:6%;left:24%;right:22%}.learner-phonics .gh-chip{padding:6px 10px;font-size:12px}.learner-phonics .gh-mascot{width:27%;height:62%;bottom:19%;left:2%}.learner-phonics .gh-scene-2 .gh-mascot,.learner-phonics .gh-scene-3 .gh-mascot{height:61%;bottom:19%}.learner-phonics .gh-discover-groups{gap:6%;inset:24% 14% 29% 33%}.learner-phonics .gh-group{border-width:3px;padding:2%}.learner-phonics .gh-letter-pair{height:42%}.learner-phonics .gh-letter-pair>span{letter-spacing:-4px;font-size:60px}.learner-phonics .gh-word-pair{height:58%}.learner-phonics .gh-controls{gap:10px;bottom:2%;left:23%;right:8%}.learner-phonics .gh-controls button{gap:8px;min-width:120px;min-height:60px;padding:8px 20px;font-size:17px}.learner-phonics .gh-controls button>svg{width:20px;height:20px}.learner-phonics .gh-feedback{font-size:12px;bottom:calc(2% + 64px)}.learner-phonics .gh-feedback>span{padding:3px 10px}.learner-phonics .gh-feedback .gh-audio-pending{font-size:10px}.learner-phonics .gh-fireflies{inset:19% 8% 28% 31%}.learner-phonics .gh-lantern-glyph{top:52%}.learner-phonics .gh-wagons{height:51%;bottom:24%;left:37%;right:4%}.learner-phonics .gh-waiting-object{width:19%;height:28%;top:21%;left:33%}.learner-phonics .gh-echo-stage{width:34%;height:57%;bottom:25%;left:33%}.learner-phonics .gh-leaf-board{width:24%;height:37%;top:24%;left:73%}.learner-phonics .gh-leaf-board p{font-size:12px}.learner-phonics .gh-demo-hand{width:8%;height:18%;top:48%}.learner-phonics .gh-finish{font-size:12px;bottom:25%;left:28%;right:12%}.learner-phonics .gh-scene-3{--boarding-y:42px}.learner-phonics .gh-conductor-hat{top:5%}}@media (width<=700px){.learner-phonics .gh-adult-line{gap:5px 10px;min-height:62px;padding:5px 8px}.learner-phonics .gh-adult-line strong{flex-basis:100%;font-size:11px}.learner-phonics .gh-adult-line span,.learner-phonics .gh-adult-line a,.learner-phonics .gh-adult-line button{font-size:10px}.learner-phonics .gh-adult-line button{min-height:26px;padding:2px 6px}.learner-phonics .gh-qa{gap:5px;padding:5px;font-size:10px}.learner-phonics .gh-qa button,.learner-phonics .gh-qa select{min-height:28px;font-size:10px}.learner-phonics .gh-qa input[type=range]{width:90px}.learner-phonics .gh-chrome{inset:10px 10px auto}.learner-phonics .gh-chip{padding:8px 12px;font-size:13px}.learner-phonics .gh-title{top:12%;left:7%;right:7%}.learner-phonics .gh-title h1{letter-spacing:-1px;font-size:28px}.learner-phonics .gh-title p{margin-top:6px;font-size:13px}.learner-phonics .gh-scene-1 .gh-title{top:13%;left:9%;right:9%}.learner-phonics .gh-scene-1 .gh-title h1{font-size:25px}.learner-phonics .gh-scene-1 .gh-backdrop{object-position:center center}.learner-phonics .gh-backdrop{object-fit:cover}.learner-phonics .gh-mascot{width:44%;height:30%;bottom:16%;left:-3%}.learner-phonics .gh-scene-2 .gh-mascot,.learner-phonics .gh-scene-3 .gh-mascot{width:43%;height:29%;bottom:18%;left:-2%}.learner-phonics .gh-discover-groups{gap:5%;inset:27% 6% 40%}.learner-phonics .gh-group{border-width:3px}.learner-phonics .gh-letter-pair{height:42%}.learner-phonics .gh-letter-pair>span{letter-spacing:-4px;font-size:68px}.learner-phonics .gh-word-pair{height:58%}.learner-phonics .gh-discover-groups .gh-prop{min-height:60px}.learner-phonics .gh-fireflies{gap:0;inset:25% 2% 40%}.learner-phonics .gh-firefly{width:50%;height:100%}.learner-phonics .gh-lantern-glyph{height:28%;top:54%;left:39%}.learner-phonics .gh-wagons{gap:0;height:29%;bottom:36%;left:6%;right:2%}.learner-phonics .gh-waiting-object{width:28%;height:18%;top:22%;left:39%}.learner-phonics .gh-wagon-glyph{height:30%;top:40%}.learner-phonics .gh-echo-stage{width:54%;height:30%;bottom:38%;left:29%}.learner-phonics .gh-echo-stage>.gh-wood{height:32%}.learner-phonics .gh-echo-target{width:92%;height:88%;bottom:20%;left:4%}.learner-phonics .gh-leaf-board{width:45%;height:17%;top:65%;left:52%}.learner-phonics .gh-leaf-board p{font-size:11px}.learner-phonics .gh-leaves{height:22%;top:47%}.learner-phonics .gh-controls{flex-wrap:nowrap;gap:6px;bottom:3%;left:3%;right:3%}.learner-phonics .gh-controls button{border-width:2px;gap:5px;min-width:0;min-height:60px;padding:8px 10px;font-size:14px}.learner-phonics .gh-controls button>svg{width:18px;height:18px}.learner-phonics .gh-controls .gh-listen,.learner-phonics .gh-controls .gh-next{min-width:106px}.learner-phonics .gh-controls .gh-orange{min-width:110px}.learner-phonics .gh-controls>.gh-orange:only-child{min-width:170px;font-size:20px}.learner-phonics .gh-feedback{font-size:14px;bottom:calc(3% + 70px);left:5%;right:5%}.learner-phonics .gh-feedback>span{padding:5px 9px}.learner-phonics .gh-feedback .gh-audio-pending{font-size:11px}.learner-phonics .gh-final{inset:30% 7% 31% 38%}.learner-phonics .gh-final-object{width:70%;height:42%;top:0;left:15%}.learner-phonics .gh-stones{gap:10%;width:100%;height:42%}.learner-phonics .gh-stone{border-width:3px}.learner-phonics .gh-finish{text-align:center;padding:9px;font-size:13px;display:block;bottom:24%;left:35%;right:5%}.learner-phonics .gh-finish span{margin-top:6px;font-size:10px;display:block}.learner-phonics .gh-demo-hand{width:17%;height:12%;top:46%}.learner-phonics .gh-scene-2:has(.gh-firefly:first-child.gh-pointed) .gh-demo-hand{left:22%}.learner-phonics .gh-scene-2:has(.gh-firefly:last-child.gh-pointed) .gh-demo-hand{left:68%}.learner-phonics .gh-scene-3:has(.gh-wagon:first-child.gh-pointed) .gh-demo-hand{top:50%;left:22%}.learner-phonics .gh-scene-3:has(.gh-wagon:last-child.gh-pointed) .gh-demo-hand{top:50%;left:68%}.learner-phonics .gh-scene-3{--boarding-y:150px}.learner-phonics .gh-scene-3:has(.gh-wagon:last-child.gh-correct){--boarding-x:22cqw}.learner-phonics .gh-scene-3:has(.gh-wagon:first-child.gh-correct){--boarding-x:-22cqw}.learner-phonics .gh-pause-overlay>div{max-width:90%;padding:25px 18px}.learner-phonics .gh-pause-overlay h2{font-size:22px}.learner-phonics .gh-pause-overlay p{font-size:13px}.learner-phonics .gh-conductor-hat{top:9%;left:22%}}.learner-phonics.gh-root .gh-portrait-rock,.learner-phonics.gh-root .gh-portrait-platform{display:none}.learner-phonics .gh-guidance{pointer-events:auto;color:#fff;background:linear-gradient(#9977e2,#7552bc);border:3px solid #fff5d6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:68px;min-width:60px;height:64px;min-height:60px;margin-left:auto;margin-right:10px;display:flex;box-shadow:0 4px #62428b55}.learner-phonics .gh-guidance>svg{width:25px;height:25px}.learner-phonics .gh-guidance>span{white-space:nowrap;font-size:9px;font-weight:800}.learner-phonics .gh-guidance:disabled{opacity:.68}.learner-phonics .gh-pause{flex-shrink:0}@media (width<=700px),(height<=460px){.learner-phonics .gh-guidance{border-radius:22px;width:60px;height:60px;margin-right:8px}}.learner-phonics .gh-mascot{aspect-ratio:1;width:min(29cqw,59cqh);height:auto!important}.learner-phonics .gh-conductor-hat{width:45%!important;height:25%!important;top:1%!important;left:24%!important}.learner-phonics .gh-lantern-glyph{width:29%;height:29%;top:55%;left:44%}.learner-phonics .gh-controls .gh-light{color:#173f7c}.learner-phonics .gh-controls .gh-listen:disabled{opacity:.86;background:linear-gradient(#9b83ca,#8265b6)}@media (width>=701px){.learner-phonics .gh-scene-1 .gh-backdrop{object-fit:fill}.learner-phonics .gh-scene-1 .gh-title{top:8%;left:29%;right:26%}.learner-phonics .gh-scene-1 .gh-title h1{font-size:clamp(26px,2.8cqw,39px)}.learner-phonics .gh-discover-groups{gap:3%;inset:29% 15% 24% 35%}.learner-phonics .gh-letter-pair{height:36%}.learner-phonics .gh-word-pair{height:64%}.learner-phonics .gh-letter-pair>span{font-size:clamp(60px,8cqw,115px)}.learner-phonics .gh-wagons{left:46%;right:3%}.learner-phonics .gh-waiting-object{width:17%;height:29%;top:24%;left:28%}.learner-phonics .gh-scene-2 .gh-mascot,.learner-phonics .gh-scene-3 .gh-mascot{width:min(29cqw,56cqh)}}@media (height<=460px) and (width>=701px){.learner-phonics .gh-scene-1 .gh-title{top:8%;left:25%;right:21%}.learner-phonics .gh-scene-1 .gh-title h1{font-size:24px}.learner-phonics .gh-discover-groups{top:27%;bottom:28%}.learner-phonics .gh-letter-pair>span{font-size:52px}.learner-phonics .gh-waiting-object{width:17%;height:28%;top:28%;left:28%}.learner-phonics .gh-mascot,.learner-phonics .gh-scene-2 .gh-mascot,.learner-phonics .gh-scene-3 .gh-mascot{width:min(27cqw,61cqh)}}@media (width<=700px){.learner-phonics .gh-mascot,.learner-phonics .gh-scene-2 .gh-mascot,.learner-phonics .gh-scene-3 .gh-mascot{width:44cqw}.learner-phonics .gh-scene-1 .gh-backdrop{object-fit:cover}.learner-phonics .gh-scene-1 .gh-title{top:13%;left:8%;right:8%}.learner-phonics .gh-scene-1 .gh-title h1{font-size:23px}.learner-phonics .gh-discover-groups{top:26%;bottom:42%}.learner-phonics .gh-word-pair{height:62%}.learner-phonics .gh-letter-pair{height:38%}.learner-phonics .gh-letter-pair>span{font-size:64px}.learner-phonics .gh-scene-3 .gh-backdrop{object-position:38% center}.learner-phonics .gh-waiting-object{width:29%;height:18%;top:24%;left:37%}.learner-phonics .gh-wagons{height:28%;bottom:34%;left:5%;right:2%}.learner-phonics .gh-leaf-board{top:65%}.learner-phonics .gh-mascot{left:0}}.learner-phonics .gh-wagon-glyph{width:26%;height:27%;top:35%;left:38%}.learner-phonics .gh-new-prop{object-fit:contain}.learner-phonics .gh-missing-prop{color:#6b4934;text-align:center;background:#fff7df;border:2px dashed #8a6644;place-items:center;font-size:12px;display:grid}.learner-phonics .gh-day-select{align-items:center;gap:4px;display:flex}.learner-phonics .gh-day-select select{font:inherit;color:inherit;background:#fffdf3;border:1px solid #928763;border-radius:6px;min-height:28px}.learner-phonics .gh-letter-pair>.gh-glyph[data-glyph=I],.learner-phonics .gh-letter-pair>.gh-glyph[data-glyph=J],.learner-phonics .gh-letter-pair>.gh-glyph[data-glyph=K],.learner-phonics .gh-letter-pair>.gh-glyph[data-glyph=L]{width:44%;height:90%}.learner-phonics .gh-familiar-word{color:#173f7c;z-index:6;background:#fff8df;border:3px solid #ffe6ae;border-radius:20px;flex-direction:column;align-items:center;width:12%;min-width:60px;height:28%;min-height:60px;padding:6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:39%;right:2%}.learner-phonics .gh-familiar-word .gh-prop{height:74%}.learner-phonics .gh-familiar-word>svg:last-child{width:18px;height:18px;position:absolute;bottom:5px;right:5px}.learner-phonics .gh-round-rest{z-index:9;color:#173f7c;border:3px solid #fff4d1;border-radius:24px;min-width:60px;min-height:60px;padding:10px 16px;font-weight:700;position:absolute;bottom:22%;right:3%}.learner-phonics .gh-controls .gh-round-rest{flex:0 auto;max-width:none;position:static}.learner-phonics .gh-scene:not([data-day="2"]) .gh-discover-groups{grid-template-rows:minmax(0,1fr)}.learner-phonics .gh-scene:not([data-day="2"]) .gh-group,.learner-phonics .gh-scene:not([data-day="2"]) .gh-word-pair{min-height:0}@media (width<=700px){.learner-phonics .gh-familiar-word{width:30%;height:18%;padding:4px;font-size:10px;top:64%;right:9%}.learner-phonics .gh-familiar-word .gh-prop{height:75%}.learner-phonics .gh-round-rest{max-width:50%;font-size:12px;bottom:25%;right:5%}.learner-phonics .gh-day-select select,.learner-phonics .gh-day-select{font-size:10px}}@media (height<=460px) and (width>=701px){.learner-phonics .gh-familiar-word{height:37%;font-size:9px;top:32%}.learner-phonics .gh-round-rest{font-size:11px;bottom:25%}}@media (width<=700px){.learner-phonics.gh-root .gh-portrait-rock{z-index:2;width:45%;height:13%;display:block;position:absolute;bottom:13%;left:0}.learner-phonics.gh-root .gh-portrait-platform{z-index:2;width:43%;height:6%;display:block;position:absolute;top:41%;left:31%}}.learner-phonics .gh-pause{min-height:60px;padding:0}@media (width<=700px){.learner-phonics.gh-root .gh-scene-2 .gh-mascot,.learner-phonics.gh-root .gh-scene-3 .gh-mascot{left:0}.learner-phonics .gh-chrome{gap:7px}.learner-phonics .gh-guidance{margin-left:auto}.learner-phonics .trial-exit-button{min-width:84px;min-height:52px;padding:5px 8px}.learner-phonics .trial-exit-button svg{width:20px;height:20px}.learner-phonics .trial-exit-button span{font-size:12px}.learner-phonics .trial-exit-menu>div{padding:20px 16px}.learner-phonics .trial-exit-menu .trial-menu-actions button,.learner-phonics .trial-exit-menu .trial-confirm-actions button{min-height:52px;font-size:16px}}.learner-phonics .gh-controls.gh-recording-controls{align-items:flex-end;gap:30px;min-height:102px;bottom:2.5%}.learner-phonics .gh-record-control,.learner-phonics .gh-sample-control{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:6px;width:178px;height:102px;display:flex}.learner-phonics .gh-sample-control{justify-content:flex-end;width:84px}.learner-phonics .gh-record-control small,.learner-phonics .gh-sample-control small{text-align:center;color:#173f7c;text-shadow:0 1px #fff8dc;white-space:normal;max-width:178px;height:24px;font-size:12px;font-weight:800;line-height:1.2;display:block}.learner-phonics .gh-controls.gh-recording-controls .gh-record-word{color:#173f7c;width:72px;min-width:72px;height:72px;min-height:72px;text-shadow:none;border-width:4px;border-radius:50%;flex:none;padding:17px}.learner-phonics .gh-controls.gh-recording-controls .gh-record-word>svg{fill:currentColor;width:100%;height:100%}.learner-phonics .gh-controls.gh-recording-controls .gh-listen{border-radius:50%;flex:none;width:52px;min-width:52px;height:52px;min-height:52px;padding:12px}.learner-phonics .gh-controls.gh-recording-controls .gh-listen>svg{width:25px;height:25px}.learner-phonics .gh-record-word.gh-recording-now{background:linear-gradient(#ff855e,#ed5a45);animation:1.3s ease-in-out infinite gh-record-glow}.learner-phonics .gh-record-word.gh-recording-busy>svg{animation:1s linear infinite gh-record-spin}.learner-phonics .gh-recording-controls .gh-adult-recording-support{background:#fff8dce8;border-radius:12px;width:180px;max-height:98px;padding:4px 7px;font-size:10px;position:absolute;bottom:0;right:0;overflow:auto}.learner-phonics .gh-recording-controls .gh-adult-recording-support p{margin:3px 0;line-height:1.25}.learner-phonics .gh-recording-controls .gh-adult-recording-support button{min-height:34px;padding:4px 8px;font-size:10px}.learner-phonics .gh-scene:has(.gh-recording-controls) .gh-feedback{bottom:calc(2.5% + 108px)}@keyframes gh-record-glow{50%{box-shadow:0 5px #84582866,0 0 0 11px #ff9e2d38,0 10px 18px #173f7c22}}@keyframes gh-record-spin{to{transform:rotate(360deg)}}@media (width<=700px){.learner-phonics .gh-controls.gh-recording-controls{gap:18px;min-height:94px;bottom:1.5%;left:2%;right:2%}.learner-phonics .gh-record-control{width:150px;height:94px}.learner-phonics .gh-sample-control{width:68px;height:94px}.learner-phonics .gh-controls.gh-recording-controls .gh-record-word{width:64px;min-width:64px;height:64px;min-height:64px;padding:15px}.learner-phonics .gh-controls.gh-recording-controls .gh-listen{width:48px;min-width:48px;height:48px;min-height:48px;padding:11px}.learner-phonics .gh-record-control small,.learner-phonics .gh-sample-control small{height:25px;font-size:10px}.learner-phonics .gh-recording-controls .gh-adult-recording-support{width:112px;max-height:88px;font-size:8px;right:0}.learner-phonics .gh-scene:has(.gh-recording-controls) .gh-feedback{bottom:calc(1.5% + 98px)}}@media (height<=460px) and (width>=701px){.learner-phonics .gh-controls.gh-recording-controls{min-height:82px}.learner-phonics .gh-record-control,.learner-phonics .gh-sample-control{height:82px}.learner-phonics .gh-controls.gh-recording-controls .gh-record-word{width:64px;min-width:64px;height:64px;min-height:64px;padding:15px}.learner-phonics .gh-record-control small,.learner-phonics .gh-sample-control small{height:15px;font-size:9px}.learner-phonics .gh-scene:has(.gh-recording-controls) .gh-feedback{bottom:calc(2% + 84px)}}@media (prefers-reduced-motion:reduce){.learner-phonics .gh-record-word{animation:none!important}}.learner-phonics [data-pilot011=true] .gh-picture-choices{z-index:6;align-items:center;gap:8%;display:flex;position:absolute;inset:30% 12% 26% 35%}.learner-phonics [data-pilot011=true] .gh-picture-choice{background:linear-gradient(145deg,#fffae2,#dfcc91);border:4px solid #fff2be;border-radius:28px;width:46%;height:100%;min-height:100px;padding:12px;box-shadow:0 7px #a3966a66}.learner-phonics [data-pilot011=true] .gh-picture-choice .gh-prop{width:100%;height:100%}.learner-phonics [data-pilot011=true] .gh-picture-choice.gh-correct{background:#eafaac;border-color:#b4d757}.learner-phonics [data-pilot011=true] .gh-controls{flex-wrap:wrap;gap:12px}.learner-phonics [data-pilot011=true] .gh-controls button{white-space:normal;min-width:0;min-height:56px;padding:10px 16px;font-size:18px}.learner-phonics [data-pilot011=true] .gh-controls .gh-skip{flex-basis:100%;max-width:230px;min-height:44px;margin-inline:25%;font-size:16px}.learner-phonics [data-pilot011=true] .gh-feedback{bottom:calc(5% + 122px)}.learner-phonics [data-pilot011=true] .gh-finish{text-align:center;max-height:45%;display:block;overflow:auto}.learner-phonics [data-pilot011=true] .gh-finish span{margin:8px;font-size:16px;display:block}.learner-phonics [data-pilot011=true][data-step=finish] .gh-finish{max-height:56%;padding:16px 18px;inset:20% 8% auto 26%}.learner-phonics [data-pilot011=true] .gh-finish>.pilot-stage-progress{width:max-content;max-width:100%;margin:12px auto;position:static;translate:none}.learner-phonics [data-pilot011=true] .gh-finish>.pilot-stage-progress div{opacity:1}.learner-phonics [data-pilot011=true] .gh-finish>.pilot-stage-progress .complete{background:#f5fff1;border-color:#83d08a}.learner-phonics [data-pilot011=true] .gh-title small{background:#fff8dfe8;border-radius:12px;margin-top:4px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-block}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy{z-index:6;text-align:center;background:#fff9e9ee;border:4px solid #f0cb74;border-radius:28px;place-items:center;min-height:24%;padding:24px;display:grid;position:absolute;top:31%;left:31%;right:12%;box-shadow:0 8px 22px #173f7c2b}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy strong{font-size:clamp(24px,3cqw,42px);line-height:1.35}.learner-phonics [data-pilot011=true] .gh-play-more{border-radius:24px;min-height:48px;padding:8px 18px;font-weight:900}.c9-activity[data-pilot011=true] .pilot011-prompt{text-align:center;margin:4px 0;font-size:18px;line-height:1.4}.c9-activity[data-pilot011=true] .pilot011-listen-skip{min-height:44px;margin-top:10px;font-size:16px}.c9-activity[data-pilot011=true] .c9-skip{min-width:100px;min-height:56px;font-size:16px}.c9-activity[data-pilot011=true] .c9-skip span{display:inline}.c9-activity[data-pilot011=true] .pilot011-demo{text-align:center;font-size:16px}.c9-activity[data-pilot011=true] .c9-controls{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1fr);gap:8px;min-height:56px;display:grid}.c9-activity[data-pilot011=true] .c9-controls>[data-testid=prompt-sequence],.c9-activity[data-pilot011=true] .c9-controls>.c9-button,.c9-activity[data-pilot011=true] .c9-controls>.c9-skip{width:100%;min-width:0;min-height:56px}.c9-activity[data-pilot011=true] .c9-controls .audio-player>button:first-of-type,.c9-activity[data-pilot011=true] .c9-controls .c9-speak,.c9-activity[data-pilot011=true] .c9-controls .c9-skip{white-space:normal;padding:6px;font-size:clamp(16px,2cqw,26px);line-height:1.15}.c9-activity[data-pilot011=true] .c9-controls .c9-skip{font-size:16px}.c9-activity[data-pilot011=true] .c9-controls .c9-skip svg{width:25px;height:20px}.c9-activity[data-pilot011=true][data-pilot011-phase=recall] .c9-model-text{font-size:clamp(20px,3cqw,38px);top:62%}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:37%;height:49%;padding:8px;display:flex;top:25%;left:38%}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-question,.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model-text{width:100%;margin:0;font-size:clamp(20px,2.5cqw,32px);line-height:1.15;position:static}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model-text{font-size:clamp(24px,3.2cqw,42px)}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model-sphere{width:clamp(68px,10cqw,136px);height:clamp(68px,10cqw,136px);position:relative;top:auto;left:auto;transform:none}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .pilot011-prompt{order:-1;margin:0;font-size:clamp(16px,1.6cqw,22px);line-height:1.2}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .pilot011-demo{font-size:clamp(16px,1.8cqw,24px);line-height:1.3}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .pilot011-demo p{font-size:inherit;margin:8px 0;line-height:1.3}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model:has(.pilot011-demo)>.c9-question{display:none}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model:has(.pilot011-demo)>.c9-model-sphere{display:none}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model:has(.pilot011-demo)>.c9-model-text{display:none}.c9-activity[data-pilot011=true][data-pilot011-phase=answer]:has(.c9-response-choices) .c9-model-sphere{display:none}.c9-activity[data-pilot011=true][data-pilot011-phase=answer]:has(.c9-response-choices) .c9-model-text{display:none}.c9-activity[data-pilot011=true][data-pilot011-phase=answer]:has(.c9-response-choices) .c9-model{justify-content:flex-start}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-response-choices{gap:8px;width:33%;height:23%;top:46%;left:40%}.c9-activity[data-pilot011=true] .pilot011-listen-skip{width:23%;height:12%;min-height:56px;margin:0;font-size:16px;position:absolute;top:83.5%;left:73%}.c9-activity[data-pilot011=true][data-template=GT3] .pilot011-listen-skip{width:22%;left:3%}.c9-activity[data-pilot011=true][data-template=GT3] .playful-actions{min-height:56px}.c9-activity[data-pilot011=true][data-template=GT3] .playful-actions>button{min-height:56px;font-size:clamp(16px,1.8cqw,26px)}.c9-activity[data-pilot011=true][data-template=GT3] .playful-toolbar .audio-player>button:first-of-type{min-height:56px}@media (orientation:portrait){.c9-activity[data-pilot011=true] .c9-model{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:calc(100% - 56.3vw - 275px);min-height:155px;padding:8px;display:flex}.c9-activity[data-pilot011=true] .c9-model .c9-model-sphere{width:clamp(88px,18svh,150px);height:clamp(88px,18svh,150px);position:relative;top:auto;left:auto;transform:none}.c9-activity[data-pilot011=true] .c9-model .c9-model-text{width:100%;margin:0;font-size:40px;position:static}.c9-activity[data-pilot011=true][data-pilot011-phase=recall] .c9-model .c9-model-text{font-size:24px}.c9-activity[data-pilot011=true] .c9-controls{gap:6px;height:64px}.c9-activity[data-pilot011=true] .c9-controls .c9-speak svg{flex:none;width:20px;height:20px}.c9-activity[data-pilot011=true][data-pilot011-phase=recall] .c9-model-text{padding:0 12px;font-size:24px;top:auto;bottom:6%}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model{gap:4px;width:92%;height:calc(100% - 56.3vw - 270px);min-height:155px;padding:8px;top:calc(113px + 56.3vw);left:4%}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-question{font-size:20px}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model-text{font-size:28px}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model .c9-model-sphere{width:68px;height:68px}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-model .c9-model-text{font-size:28px}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .pilot011-prompt,.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .pilot011-demo{font-size:16px}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .pilot011-demo p{margin:4px 0}.c9-activity[data-pilot011=true][data-pilot011-phase=answer] .c9-response-choices{width:84%;height:64px;top:calc(190px + 56.3vw);left:8%}.c9-activity[data-pilot011=true] .pilot011-listen-skip{width:25%;height:64px;inset:auto 4% 55px auto}.c9-activity[data-pilot011=true] .playful-toolbar>[data-testid=prompt-sequence]{width:63%;left:4%}.c9-activity[data-pilot011=true][data-template=GT3] .playful-listening>.playful-title h1{line-height:1.15;top:calc(113px + 56.3vw);font-size:22px!important}.c9-activity[data-pilot011=true][data-template=GT3] .c9-targets{grid-template-rows:1fr;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:92%;height:56px;display:grid;top:calc(148px + 56.3vw);left:4%}.c9-activity[data-pilot011=true][data-template=GT3] .c9-tile .c9-sphere{width:42px;height:42px}.c9-activity[data-pilot011=true][data-template=GT3] .c9-order{height:42px;bottom:177px}.c9-activity[data-pilot011=true][data-template=GT3] .c9-progress{bottom:222px}.c9-activity[data-pilot011=true][data-template=GT3] .playful-toolbar>[data-testid=prompt-sequence]{width:43%;height:56px;bottom:112px;left:4%}.c9-activity[data-pilot011=true][data-template=GT3] .playful-toolbar .audio-player>button:first-of-type{white-space:normal;font-size:16px}.c9-activity[data-pilot011=true][data-template=GT3] .playful-actions{flex-direction:column;gap:6px;width:45%;height:118px;bottom:50px;left:51%}.c9-activity[data-pilot011=true][data-template=GT3] .playful-actions>button{width:100%;min-height:56px;font-size:18px}.c9-activity[data-pilot011=true][data-template=GT3] .pilot011-listen-skip{width:43%;height:56px;bottom:50px;left:4%;right:auto}}[data-colors-visual="009"] .lesson-panel:has(>.pilot011-finish){width:38%;height:52%;max-height:52%;padding:12px;display:flex;top:24%;left:37%}[data-colors-visual="009"] .pilot011-finish{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}[data-colors-visual="009"] .pilot011-finish h1{margin:0;font-size:clamp(20px,2.3cqw,30px);line-height:1.15}[data-colors-visual="009"] .pilot011-finish .pilot011-finish-copy{overscroll-behavior:contain;flex:1;min-height:0;font-size:16px;line-height:1.3;overflow:auto}[data-colors-visual="009"] .pilot011-finish .pilot011-finish-copy p{margin:8px 0;font-size:16px;line-height:1.3}[data-colors-visual="009"] .pilot011-finish .pilot011-finish-actions{flex:none;gap:8px;display:flex}[data-colors-visual="009"] .pilot011-finish .pilot011-finish-actions button{border-radius:30px;flex:1;min-width:0;min-height:56px;padding:8px;font-size:18px}@media (orientation:portrait){[data-colors-visual="009"] .lesson-panel:has(>.pilot011-finish){width:92%;height:calc(100% - 56.3vw - 155px);max-height:none;top:calc(113px + 56.3vw);left:4%}}@media (width<=700px){.learner-phonics [data-pilot011=true] .gh-picture-choices{gap:6%;inset:28% 6% 44%}.learner-phonics [data-pilot011=true] .gh-controls{gap:8px;bottom:2%;left:3%;right:3%}.learner-phonics [data-pilot011=true] .gh-controls button{flex:28%;padding:8px 10px;font-size:16px}.learner-phonics [data-pilot011=true] .gh-controls .gh-skip{flex:0 0 70%;max-width:none;margin-inline:15%}.learner-phonics [data-pilot011=true] .gh-title p{font-size:16px}.learner-phonics [data-pilot011=true] .gh-finish{max-height:46%;font-size:16px;bottom:24%;left:33%;right:4%}.learner-phonics [data-pilot011=true][data-step=finish] .gh-finish{max-height:52%;padding:12px 10px;inset:23% 4% auto}.learner-phonics [data-pilot011=true] .gh-finish>.pilot-stage-progress{gap:2px;margin:9px auto}.learner-phonics [data-pilot011=true] .gh-finish>.pilot-stage-progress div{min-width:69px;padding:3px 4px}.learner-phonics [data-pilot011=true]:has(.pilot-stage-progress) .gh-title{top:19%}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy{min-height:25%;padding:16px;top:31%;left:6%;right:6%}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy strong{font-size:23px}}@media (height<=460px) and (width>=701px){.learner-phonics [data-pilot011=true] .gh-controls{flex-wrap:nowrap;gap:8px;bottom:2%;left:23%;right:3%}.learner-phonics [data-pilot011=true] .gh-controls button{flex:1 1 0;min-height:56px;padding:8px 10px;font-size:16px}.learner-phonics [data-pilot011=true] .gh-controls .gh-skip{flex:1 1 0;min-height:56px;margin:0}.learner-phonics [data-pilot011=true] .gh-feedback{bottom:calc(2% + 65px)}.learner-phonics [data-pilot011=true] .gh-title p{font-size:16px}}.learner-phonics [data-pilot011=true] .gh-controls .gh-record-word{flex:1.45 1 0;min-width:210px;font-size:clamp(19px,2cqw,26px)}.learner-phonics [data-pilot011=true] .gh-controls .gh-record-word[data-recording-status=LISTENING]{background:linear-gradient(#ef6a62,#d94848);box-shadow:0 0 0 5px #fff5,0 5px #7b333366}.learner-phonics [data-pilot011=true] .gh-recording-feedback{max-width:min(640px,92%);line-height:1.3}.learner-phonics [data-pilot011=true] .gh-adult-recording-support{color:#173f7c;text-align:left;z-index:12;background:#fff9eaf2;border:2px solid #d9bd8a;border-radius:14px;width:min(290px,45vw);padding:7px 10px;font-size:13px;position:absolute;bottom:68px;right:0}.learner-phonics [data-pilot011=true] .gh-adult-recording-support summary{cursor:pointer;align-items:center;min-height:30px;font-weight:800;display:flex}.learner-phonics [data-pilot011=true] .gh-adult-recording-support p{margin:5px 0;font-size:12px;line-height:1.3}.learner-phonics [data-pilot011=true] .gh-adult-recording-support button{width:100%;min-height:44px;padding:6px 10px;font-size:14px}@media (width<=700px){.learner-phonics [data-pilot011=true] .gh-controls .gh-record-word{flex:1.45 52%;min-width:0;font-size:17px}.learner-phonics [data-pilot011=true] .gh-adult-recording-support{width:min(270px,76vw);font-size:12px;bottom:66px}.learner-phonics [data-pilot011=true] .gh-recording-feedback{font-size:13px}}@media (height<=460px) and (width>=701px){.learner-phonics [data-pilot011=true] .gh-controls .gh-record-word{min-width:170px;font-size:17px}.learner-phonics [data-pilot011=true] .gh-adult-recording-support{width:260px;bottom:62px}}.c9-activity[data-pilot011=true] .pilot011-guidance-layer{z-index:30;pointer-events:auto;position:absolute;inset:0}[data-colors-visual="009"] .pilot011-guidance-layer>.pilot011-guidance-panel{background:#fff6dd;border-radius:24px;flex-direction:column;gap:8px;width:39.1%;height:52.3%;max-height:none;padding:10px;display:flex;inset:23.4% auto auto 35.8%;overflow:visible}.pilot011-guidance-panel .pilot011-guidance-title{text-align:center;flex:none;margin:0;padding:0;position:static}.pilot011-guidance-panel .pilot011-guidance-title h2{margin:0;font-size:22px;line-height:1.15}.pilot011-guidance-panel .pilot011-guidance-title p{margin:4px 0 0;font-size:16px;line-height:1.2}.pilot011-guidance-panel .pilot011-guidance-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:4px;font-size:16px;line-height:1.3;overflow:auto}.pilot011-guidance-panel .pilot011-guidance-scroll p{margin:8px 0;font-size:16px;line-height:1.3}.pilot011-guidance-panel .pilot011-guidance-controls{flex-direction:column;gap:8px;display:flex}.pilot011-guidance-panel .pilot011-guidance-controls label{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.pilot011-guidance-panel input[type=range]{width:48%;min-width:80px;min-height:44px}[data-colors-visual="009"] .pilot011-guidance-panel .c9-button{white-space:normal;min-height:56px;padding:8px 12px;font-size:18px}.pilot011-guidance-panel .pilot011-guidance-footer{flex:none;justify-content:center;display:flex}.pilot011-guidance-panel .pilot011-guidance-footer>button{width:100%}.pilot011-guidance-panel .pilot011-demo-scene{min-height:240px;position:relative}[data-colors-visual="009"] .pilot011-guidance-panel .pilot011-demo-scene .c9-targets{pointer-events:none;gap:8px;width:96%;height:170px;top:0;left:2%}[data-colors-visual="009"] .pilot011-guidance-panel .pilot011-demo-scene .c9-sphere{width:56px;height:56px}[data-colors-visual="009"] .pilot011-guidance-panel .pilot011-demo-scene .c9-order{width:92%;height:48px;top:184px;left:4%}[data-colors-visual="009"] .pilot011-guidance-panel .pilot011-demo-scene .c9-order .c9-sphere{width:30px;height:30px}.c9-activity[data-pilot011=true] .playful-hint{text-align:center;width:38%;margin:0;font-size:clamp(16px,2cqw,26px);font-weight:800;line-height:1.2;top:23.2%;bottom:auto;left:37%}.c9-activity[data-pilot011=true] .pilot011-listen-skip{font-weight:600;box-shadow:inset 0 0 0 1px #e7cda6,0 2px 2px #825c3933}.learner-phonics [data-pilot011=true] .gh-leaf-board p{font-size:16px;line-height:1.2;top:8%}.learner-phonics [data-pilot011=true] .gh-leaves{top:53%}.learner-phonics [data-pilot011=true] .pilot011-progress-copy p{margin:6px 0;font-size:16px;line-height:1.3}.m10-adult-dialog>section.pilot011-adult-panel{flex-direction:column;max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:visible}.pilot011-adult-panel .m10-adult-fixed-head{background:#fff8e9;border-bottom:1px solid #eac486;border-radius:28px 28px 0 0;flex:none;padding:16px 20px 12px}.pilot011-adult-panel .m10-adult-fixed-head h2{margin:8px 0 0;font-size:22px;line-height:1.2}.pilot011-adult-panel .m10-adult-fixed-head button{min-height:48px;margin:0}.pilot011-adult-panel .m10-adult-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:12px 20px 20px;overflow:auto}@media (orientation:portrait){[data-colors-visual="009"] .pilot011-guidance-layer>.pilot011-guidance-panel{gap:6px;width:92%;height:calc(100% - 56.3vw - 129px);padding:8px;top:calc(113px + 56.3vw);left:4%}.pilot011-guidance-panel .pilot011-guidance-title h2{font-size:22px}.c9-activity[data-pilot011=true] .playful-hint{width:92%;font-size:22px;line-height:1.2;top:calc(113px + 56.3vw);bottom:auto;left:4%}}@media (orientation:landscape) and (height<=460px){[data-colors-visual="009"] .pilot011-guidance-layer>.pilot011-guidance-panel{gap:4px;padding:6px}.pilot011-guidance-panel .pilot011-guidance-title h2{font-size:18px}.pilot011-guidance-panel .pilot011-guidance-title p{margin:2px 0 0}}@media (orientation:portrait) and (height<=700px){.c9-activity[data-pilot011=true]:is([data-template=GT1],[data-template=GT2]) .playful-listening>.playful-scene .c9-targets{height:calc(100% - 56.3vw - 307px);top:calc(150px + 56.3vw)}.c9-activity[data-pilot011=true]:is([data-template=GT1],[data-template=GT2]) .playful-listening>.playful-scene .c9-sphere{width:clamp(40px,7svh,56px);height:clamp(40px,7svh,56px)}}.learner-phonics [data-pilot011=true] .gh-progress-region{z-index:7;pointer-events:none;height:62px;position:absolute;top:0;left:0;right:0}.learner-phonics [data-pilot011=true] .gh-progress-region>.pilot-stage-progress{pointer-events:auto}.learner-phonics [data-pilot011=true] .gh-title-with-progress{top:68px!important}.learner-phonics [data-pilot011=true] .gh-echo-letter-pair{filter:drop-shadow(0 4px #fff8d7);justify-content:center;align-items:center;width:76%;height:58%;display:flex;position:absolute;bottom:29%;left:12%}.learner-phonics [data-pilot011=true] .gh-echo-letter-pair>.gh-glyph{width:50%;height:100%}.learner-phonics [data-pilot011=true] .gh-stone-letter-pair{justify-content:center;align-items:center;width:84%;height:76%;margin:auto;display:flex}.learner-phonics [data-pilot011=true] .gh-stone-letter-pair>.gh-glyph{width:50%;height:100%;margin:0}.learner-phonics [data-pilot011=true] .gh-leaves{justify-content:center}@media (width>=701px) and (height>=661px){.learner-phonics [data-pilot011=true] .gh-fireflies{top:27%}.learner-phonics [data-pilot011=true] .gh-waiting-object{height:26%;top:27%}.learner-phonics [data-pilot011=true] .gh-wagons{height:auto;top:29%;bottom:20%}.learner-phonics [data-pilot011=true] .gh-echo-stage{height:auto;top:27%;bottom:20%}.learner-phonics [data-pilot011=true] .gh-final{top:27%}}@media (height<=660px) and (width>=701px){.learner-phonics [data-pilot011=true] .gh-title-with-progress{top:64px!important}.learner-phonics [data-pilot011=true] .gh-fireflies{top:27%;bottom:27%}.learner-phonics [data-pilot011=true] .gh-picture-choices{top:28%;bottom:29%}.learner-phonics [data-pilot011=true] .gh-waiting-object{height:24%;top:27%}.learner-phonics [data-pilot011=true] .gh-wagons{height:auto;top:30%;bottom:24%}.learner-phonics [data-pilot011=true] .gh-echo-stage{height:auto;top:27%;bottom:23%}.learner-phonics [data-pilot011=true] .gh-leaf-board{height:34%;top:31%}.learner-phonics [data-pilot011=true] .gh-final{top:28%;bottom:27%}}@media (width<=700px){.learner-phonics [data-pilot011=true] .gh-progress-region{height:116px}.learner-phonics [data-pilot011=true] .gh-progress-region>.pilot-stage-progress{top:max(64px,calc(env(safe-area-inset-top) + 58px))}.learner-phonics [data-pilot011=true] .gh-title-with-progress{top:120px!important}.learner-phonics [data-pilot011=true] .gh-fireflies{top:35%;bottom:41%}.learner-phonics [data-pilot011=true] .gh-picture-choices{top:35%;bottom:42%}.learner-phonics [data-pilot011=true] .gh-waiting-object{top:35%}.learner-phonics [data-pilot011=true] .gh-wagons{height:auto;top:37%;bottom:35%}.learner-phonics [data-pilot011=true] .gh-echo-stage{height:auto;top:35%;bottom:38%}.learner-phonics [data-pilot011=true] .gh-final{top:38%;bottom:31%}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy{top:35%}.learner-phonics [data-pilot011=true] .gh-leaf-board{height:17%;top:60%}.learner-phonics [data-pilot011=true] .gh-leaf-board p{font-size:12px}.learner-phonics [data-pilot011=true] .gh-leaves{height:20%;top:57%}}@media (height<=460px) and (width>=701px){.learner-phonics [data-pilot011=true] .gh-progress-region{height:54px}.learner-phonics [data-pilot011=true] .gh-title-with-progress{top:54px!important}.learner-phonics [data-pilot011=true] .gh-fireflies{top:38%;bottom:31%}.learner-phonics [data-pilot011=true] .gh-picture-choices{top:38%;bottom:34%}.learner-phonics [data-pilot011=true] .gh-waiting-object{height:18%;top:38%}.learner-phonics [data-pilot011=true] .gh-wagons{height:auto;top:38%;bottom:31%}.learner-phonics [data-pilot011=true] .gh-echo-stage{height:auto;top:38%;bottom:32%}.learner-phonics [data-pilot011=true] .gh-leaf-board{height:29%;top:38%}.learner-phonics [data-pilot011=true] .gh-final{top:38%;bottom:33%}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy{min-height:22%;padding:10px;top:34%}.learner-phonics [data-pilot011=true] .gh-stage-intro-copy strong{font-size:22px}.learner-phonics [data-pilot011=true] .gh-leaf-board p{font-size:11px}.learner-phonics [data-pilot011=true] .gh-leaves{height:20%;top:58%}}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-record-control .gh-record-word{border-radius:50%;flex:0 0 72px;width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;padding:17px;font-size:0}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-sample-control .gh-listen{border-radius:50%;flex:0 0 52px;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;padding:12px}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-adult-recording-support{width:180px;max-height:98px;padding:4px 7px;font-size:10px;bottom:0;right:0;overflow:auto}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-adult-recording-support p{margin:3px 0;font-size:10px;line-height:1.25}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-adult-recording-support button{min-height:34px;padding:4px 8px;font-size:10px}@media (width<=700px){.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-record-control .gh-record-word{flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;padding:15px}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-sample-control .gh-listen{flex:0 0 48px;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;padding:11px}.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-adult-recording-support{width:112px;max-height:88px;font-size:8px;bottom:0;right:0}}@media (height<=460px) and (width>=701px){.learner-phonics [data-pilot011=true] .gh-controls.gh-recording-controls .gh-record-control .gh-record-word{flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;padding:15px}}.learner-phonics .p2-scene{isolation:isolate;color:#173f7c;background:#e8f5df;height:100dvh;min-height:360px;position:relative;overflow:hidden;container-type:size}.learner-phonics .p2-backdrop{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.learner-phonics .p2-header{z-index:10;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;inset:12px 18px auto}.learner-phonics .p2-header button{pointer-events:auto}.learner-phonics .p2-chip,.learner-phonics .p2-activity{background:#fff6dcec;border:2px solid #f0d290;border-radius:24px;padding:9px 16px;font-size:16px;font-weight:800;box-shadow:0 3px #96783e48}.learner-phonics .p2-activity{margin-left:auto}.learner-phonics .p2-pause{margin-left:0}.learner-phonics .p2-guidance{color:#fff;background:linear-gradient(#9977e2,#7552bc);border:3px solid #fff5d6;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;min-width:60px;height:60px;min-height:60px;padding:4px;display:flex;box-shadow:0 4px #62428b55}.learner-phonics .p2-guidance svg{width:24px;height:24px}.learner-phonics .p2-guidance span{white-space:nowrap;font-size:9px}.learner-phonics .p2-heading{z-index:5;text-align:center;text-shadow:0 2px #fff9d4;pointer-events:none;position:absolute;top:7%;left:27%;right:16%}.learner-phonics .p2-heading h1{margin:0;font-size:clamp(28px,3cqw,44px);line-height:1.15}.learner-phonics .p2-heading p{margin:6px 0 0;font-size:clamp(14px,1.3cqw,19px);font-weight:700}.learner-phonics .p2-mascot{z-index:3;aspect-ratio:1;pointer-events:none;width:min(25cqw,55cqh);position:absolute;bottom:11%;left:2%}.learner-phonics .p2-mascot img{object-fit:contain;filter:drop-shadow(0 5px 2px #54754935);width:100%;height:100%}.learner-phonics .p2-explore,.learner-phonics .p2-drag,.learner-phonics .p2-choose,.learner-phonics .p2-connect{z-index:4;min-height:0;position:absolute;inset:20% 6% 3% 26%}.learner-phonics .p2-flip-card{perspective:1000px;background:0 0;border:0;height:56%;padding:0;position:absolute;top:5%;left:21%;right:21%}.learner-phonics .p2-card-inner{transform-style:preserve-3d;transition:transform .42s;display:block;position:absolute;inset:0}.learner-phonics .p2-flip-card.flipped .p2-card-inner{transform:rotateY(180deg)}.learner-phonics .p2-card-face{backface-visibility:hidden;background:linear-gradient(145deg,#fffdf0,#ffe9ad);border:5px solid #fff7d6;border-radius:28px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 8px #b9884866,0 13px 20px #304b3938}.learner-phonics .p2-card-picture .gh-prop{width:80%;height:82%}.learner-phonics .p2-card-letter{letter-spacing:-.08em;font-size:clamp(82px,12cqw,170px);font-weight:800;transform:rotateY(180deg)}.learner-phonics .p2-dots,.learner-phonics .p2-round-dots{justify-content:center;gap:10px;height:18px;display:flex}.learner-phonics .p2-dots i,.learner-phonics .p2-round-dots i{background:#fff8df;border:2px solid #72582d;border-radius:50%;width:13px;height:13px}.learner-phonics .p2-dots i.active,.learner-phonics .p2-round-dots i.active{background:#ffad32;transform:scale(1.2)}.learner-phonics .p2-dots i.done,.learner-phonics .p2-round-dots i.done{background:#93c64f}.learner-phonics .p2-speaker{color:#fff;background:linear-gradient(#9977e2,#7552bc);border:3px solid #fff5d6;border-radius:30px;justify-content:center;align-items:center;gap:10px;min-width:154px;min-height:58px;font-weight:800;display:flex;position:absolute;bottom:19%;left:50%;transform:translate(-50%);box-shadow:0 5px #62428b55}.learner-phonics .p2-speaker svg{width:26px;height:26px}.learner-phonics .p2-audio-error{text-align:center;color:#84421f;margin:0;font-size:13px;font-weight:700;position:absolute;bottom:12%;left:10%;right:10%}.learner-phonics .p2-page-actions,.learner-phonics .p2-bottom{justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.learner-phonics .p2-primary,.learner-phonics .p2-secondary,.learner-phonics .p2-skip{border:3px solid #fff9df;border-radius:30px;min-height:56px;padding:9px 22px;font-weight:800;box-shadow:0 4px #84582855}.learner-phonics .p2-primary{color:#fff;background:linear-gradient(#ffb73d,#ff961f)}.learner-phonics .p2-secondary{color:#173f7c;background:#fff8da}.learner-phonics .p2-skip{color:#664e38;background:#fff8dae8;border-width:2px;min-height:48px;font-size:14px;box-shadow:0 3px #84582844}.learner-phonics .p2-letter-bank{flex-direction:column;justify-content:center;gap:16px;width:22%;display:flex;position:absolute;top:3%;bottom:13%;left:0}.learner-phonics .p2-letter-source{z-index:3;color:#173f7c;background:linear-gradient(#fffdf0,#ffe9ad);border:4px solid #fff7d6;border-radius:20px;min-width:74px;min-height:64px;font-size:clamp(28px,3.4cqw,50px);font-weight:800;position:relative;box-shadow:0 6px #b9884866;touch-action:none!important}.learner-phonics .p2-letter-source.selected{outline-offset:3px;background:#f0fbd4;outline:5px solid #4b9ec3}.learner-phonics .p2-target-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid;position:absolute;inset:0 0 13% 27%}.learner-phonics .p2-target-card{background:#fff8dce8;border:3px solid #fff4ca;border-radius:20px;min-height:0;padding:4px 7px 7px;position:relative;box-shadow:0 4px #ae8a5250}.learner-phonics .p2-picture{height:67%;min-height:0}.learner-phonics .p2-picture .gh-prop{width:100%;height:100%}.learner-phonics .p2-drop-zone{color:#75583c;background:#fffdf2;border:2px dashed #8e6a42;border-radius:13px;width:100%;height:31%;min-height:48px;font-size:12px;font-weight:700}.learner-phonics .p2-drop-zone.complete{color:#173f7c;background:#eaf9bd;border-style:solid;border-color:#77a93e;font-size:clamp(21px,2.3cqw,34px)}.learner-phonics .p2-mini-speaker{color:#fff;background:#8265c1;border:2px solid #fff5d6;border-radius:50%;width:48px;height:48px;position:absolute;top:3px;right:3px}.learner-phonics .p2-mini-speaker svg{width:22px;margin:auto}.learner-phonics .p2-feedback{text-align:center;background:#fff8dce8;border-radius:18px;margin:0;padding:4px 10px;font-size:14px;font-weight:800;position:absolute;bottom:7.5%;left:10%;right:10%}.learner-phonics .p2-drag-ghost{z-index:100;pointer-events:none;background:#fff0bd;border:4px solid #fff7d6;border-radius:20px;place-items:center;width:74px;height:64px;font-size:32px;font-weight:800;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 8px 18px #233b4666}.learner-phonics .p2-choose .p2-round-dots{position:absolute;top:0;left:0;right:0}.learner-phonics .p2-choose .p2-speaker{top:5%;bottom:auto}.learner-phonics .p2-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:clamp(124px,23cqh,196px);display:grid;position:absolute;top:27%;left:3%;right:3%}.learner-phonics .p2-choice{background:linear-gradient(#fffdf0,#ffe9ad);border:4px solid #fff7d6;border-radius:24px;min-width:0;min-height:60px;padding:4px;position:relative;overflow:hidden;box-shadow:0 6px #b9884866}.learner-phonics .p2-choice .gh-prop{width:100%;height:100%;transform:scale(1.08)}.learner-phonics .p2-choice.picked{outline-offset:2px;outline:5px solid #d98347}.learner-phonics .p2-choice.correct{background:#eaf9bd;outline-color:#6a9d34}.learner-phonics .p2-choice:disabled{opacity:1}.learner-phonics .p2-connect{padding:0 3% 15%}.learner-phonics .p2-connect-groups{z-index:2;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:absolute;inset:0 3% 16%}.learner-phonics .p2-connect-group{grid-template-columns:minmax(82px,25%) minmax(0,1fr);align-items:center;column-gap:clamp(38px,8cqw,96px);min-height:0;display:grid}.learner-phonics .p2-connect-targets{grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;height:100%;min-height:0;display:grid}.learner-phonics .p2-connect-target{z-index:2;background:#fff8dce8;border:4px solid #fff7d6;border-radius:22px;min-width:0;min-height:52px;padding:3px;position:relative;overflow:visible;box-shadow:0 5px #b9884855}.learner-phonics .p2-connect-target:disabled{opacity:1;filter:none}.learner-phonics .p2-connect-target .gh-prop{width:100%;height:100%}.learner-phonics .p2-connect-target.complete{background:#eef9c8;border-color:#5f9031}.learner-phonics .p2-connect-target>span{color:#fff;background:#679a36;border-radius:50%;width:27px;height:27px;font-weight:800;position:absolute;top:3px;right:4px}.learner-phonics .p2-letter-source>i,.learner-phonics .p2-connect-target>i{z-index:4;background:#4a89ac;border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 0 0 2px #285c78}.learner-phonics .p2-letter-source>i{top:calc(50% - 9px);right:-12px}.learner-phonics .p2-connect-target>i{top:calc(50% - 9px);left:-12px}.learner-phonics .p2-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.learner-phonics .p2-lines path{fill:none;stroke:#315f85;stroke-width:7px;stroke-linecap:round;stroke-dasharray:0}.learner-phonics .p2-lines circle{fill:#fff;stroke:#315f85;stroke-width:3px}.learner-phonics .p2-connect .p2-feedback{bottom:7%}.learner-phonics .p2-connect .p2-bottom{bottom:0}.learner-phonics .p2-pause-overlay{position:absolute}.learner-phonics .p2-paused>:not(.p2-pause-overlay){pointer-events:none}.learner-phonics .p2-scene button:disabled{cursor:default}.learner-phonics .p2-scene button:enabled:active{transform:translateY(2px)}.learner-phonics .p2-flip-card:enabled:active,.learner-phonics .p2-speaker:enabled:active{transform:none}@media (width<=700px){.learner-phonics .p2-header{gap:6px;inset:8px 8px auto}.learner-phonics .p2-chip,.learner-phonics .p2-activity{padding:7px 9px;font-size:11px}.learner-phonics .p2-guidance{width:52px;min-width:52px;height:52px;min-height:52px}.learner-phonics .p2-guidance svg{width:21px;height:21px}.learner-phonics .p2-pause{width:52px;height:52px;min-height:52px}.learner-phonics .p2-heading{top:10%;left:5%;right:5%}.learner-phonics .p2-heading h1{font-size:23px}.learner-phonics .p2-heading p{margin-top:4px;font-size:12px;line-height:1.3}.learner-phonics .p2-mascot{width:31cqw;bottom:9%;left:-4%}.learner-phonics .p2-explore,.learner-phonics .p2-drag,.learner-phonics .p2-choose,.learner-phonics .p2-connect{inset:20% 3% 2%}.learner-phonics .p2-flip-card{height:55%;top:5%;left:16%;right:16%}.learner-phonics .p2-card-letter{font-size:86px}.learner-phonics .p2-speaker{min-height:54px;bottom:18%}.learner-phonics .p2-primary,.learner-phonics .p2-secondary{min-height:54px;padding:7px 16px;font-size:14px}.learner-phonics .p2-page-actions{left:25%}.learner-phonics .p2-letter-bank{flex-direction:row;gap:18px;width:auto;height:64px;inset:0 0 auto}.learner-phonics .p2-letter-source{min-width:92px;min-height:56px;font-size:28px}.learner-phonics .p2-target-grid{gap:8px;top:73px;bottom:16%;left:0}.learner-phonics .p2-target-card{border-width:2px;padding:3px 5px 5px}.learner-phonics .p2-picture{height:63%}.learner-phonics .p2-drop-zone{height:35%;min-height:44px;font-size:10px}.learner-phonics .p2-drop-zone.complete{font-size:22px}.learner-phonics .p2-mini-speaker{width:44px;height:44px}.learner-phonics .p2-feedback{font-size:11px;bottom:7%;left:4%;right:4%}.learner-phonics .p2-bottom{gap:8px;left:25%}.learner-phonics .p2-skip{min-height:44px;padding:6px 10px;font-size:11px}.learner-phonics .p2-choose .p2-speaker{min-height:52px;top:5%}.learner-phonics .p2-choice-grid{gap:7px;top:27%;left:0;right:0}.learner-phonics .p2-choice{border-width:3px;border-radius:17px;padding:2px}.learner-phonics .p2-choose .p2-bottom{left:0}.learner-phonics .p2-choose .p2-feedback{bottom:9%}.learner-phonics .p2-connect{padding:0 1% 17%}.learner-phonics .p2-connect-groups{gap:8px;inset:0 1% 20%}.learner-phonics .p2-connect-group{grid-template-columns:minmax(72px,27%) minmax(0,1fr);column-gap:34px}.learner-phonics .p2-connect-targets{gap:6px}.learner-phonics .p2-connect-target{border-width:3px;border-radius:16px;min-height:50px;padding:2px}.learner-phonics .p2-connect-group .p2-letter-source{width:100%;min-width:72px}.learner-phonics .p2-connect .p2-feedback{bottom:13%}.learner-phonics .p2-connect .p2-bottom{left:20%}.learner-phonics .p2-lines path{stroke-width:5px}.learner-phonics .p2-scene:has(.pilot-stage-progress) .p2-heading{top:17%}:is(.learner-phonics .p2-scene:has(.pilot-stage-progress) .p2-explore,.learner-phonics .p2-scene:has(.pilot-stage-progress) .p2-drag,.learner-phonics .p2-scene:has(.pilot-stage-progress) .p2-choose,.learner-phonics .p2-scene:has(.pilot-stage-progress) .p2-connect){top:27%}}@media (height<=680px) and (width<=700px){.learner-phonics .p2-heading{top:9%}.learner-phonics .p2-heading p{font-size:11px}.learner-phonics .p2-explore,.learner-phonics .p2-drag,.learner-phonics .p2-choose,.learner-phonics .p2-connect{top:20%}.learner-phonics .p2-flip-card{height:51%}.learner-phonics .p2-speaker{bottom:20%}.learner-phonics .p2-target-grid{top:66px}.learner-phonics .p2-letter-bank{height:57px}.learner-phonics .p2-letter-source{min-height:50px}.learner-phonics .p2-choice-grid{top:27%}}@media (height<=460px) and (width>=701px){.learner-phonics .p2-header{inset:6px 10px auto}.learner-phonics .p2-chip,.learner-phonics .p2-activity{padding:6px 10px;font-size:12px}.learner-phonics .p2-guidance{width:50px;min-width:50px;height:50px;min-height:50px}.learner-phonics .p2-pause{width:50px;height:50px;min-height:50px}.learner-phonics .p2-heading{top:2%;left:28%;right:28%}.learner-phonics .p2-heading h1{font-size:24px}.learner-phonics .p2-heading p{margin-top:1px;font-size:11px}.learner-phonics .p2-mascot{width:22cqw;bottom:8%}.learner-phonics .p2-explore,.learner-phonics .p2-drag,.learner-phonics .p2-choose,.learner-phonics .p2-connect{inset:16% 3% 2% 24%}.learner-phonics .p2-flip-card{height:57%;top:4%;left:27%;right:27%}.learner-phonics .p2-speaker{min-height:50px;bottom:17%}.learner-phonics .p2-primary,.learner-phonics .p2-secondary{min-height:48px;padding:5px 16px;font-size:13px}.learner-phonics .p2-target-card{padding:2px 5px 5px}.learner-phonics .p2-letter-source{min-height:49px}.learner-phonics .p2-drop-zone{min-height:40px}.learner-phonics .p2-feedback{font-size:11px;bottom:8%}.learner-phonics .p2-bottom{gap:8px}.learner-phonics .p2-skip{min-height:42px;padding:5px 10px;font-size:11px}.learner-phonics .p2-choice-grid{top:27%}.learner-phonics .p2-choose .p2-speaker{min-height:48px;top:3%}.learner-phonics .p2-connect{padding-bottom:14%}.learner-phonics .p2-connect-groups{bottom:16%}.learner-phonics .p2-connect-target{min-height:50px}}.learner-phonics .p2-page-actions,.learner-phonics .p2-bottom{z-index:7}.learner-phonics .p2-feedback{z-index:6}.learner-phonics .p2-paged .p2-drag-progress{z-index:5;color:#173f7c;justify-content:center;align-items:center;gap:12px;font-weight:800;display:flex;position:absolute;top:0;left:27%;right:0}.learner-phonics .p2-paged .p2-drag-progress strong{background:#fff8dc;border:2px solid #fff4ca;border-radius:16px;padding:5px 12px;font-size:18px;box-shadow:0 3px #ae8a5240}.learner-phonics .p2-paged .p2-drag-progress span{font-size:15px}.learner-phonics .p2-paged .p2-paged-card{border-width:4px;padding:8px 14px 10px;position:absolute;inset:10% 4% 14% 27%}.learner-phonics .p2-paged .p2-paged-card .p2-picture{height:74%}.learner-phonics .p2-paged .p2-paged-card .p2-picture .gh-prop{transform:scale(1.08)}.learner-phonics .p2-paged .p2-paged-card .p2-drop-zone{height:25%;min-height:58px;font-size:16px}.learner-phonics .p2-paged .p2-paged-card .p2-drop-zone.complete{font-size:clamp(30px,4cqw,56px)}@media (width<=700px){.learner-phonics .p2-paged .p2-drag-progress{top:68px;left:0}.learner-phonics .p2-paged .p2-paged-card{padding:5px 9px 8px;inset:102px 9% 16%}.learner-phonics .p2-paged .p2-paged-card .p2-picture{height:73%}.learner-phonics .p2-paged .p2-paged-card .p2-drop-zone{height:26%;min-height:50px;font-size:13px}.learner-phonics .p2-paged .p2-drag .p2-bottom{left:0}.learner-phonics .p2-paged .p2-drag .p2-feedback{bottom:8%}}@media (height<=680px) and (width<=700px){.learner-phonics .p2-paged .p2-drag-progress{top:60px}.learner-phonics .p2-paged .p2-paged-card{top:88px;bottom:17%}.learner-phonics .p2-paged .p2-paged-card .p2-picture{height:70%}.learner-phonics .p2-paged .p2-paged-card .p2-drop-zone{height:29%}}@media (height<=460px) and (width>=701px){.learner-phonics .p2-paged .p2-paged-card{top:11%;bottom:15%}.learner-phonics .p2-paged .p2-paged-card .p2-picture{height:70%}.learner-phonics .p2-paged .p2-paged-card .p2-drop-zone{height:29%}.learner-phonics .p2-paged .p2-drag-progress strong{padding:3px 10px;font-size:14px}.learner-phonics .p2-drop-zone,.learner-phonics .p2-skip{min-height:44px}.learner-phonics .p2-connect-target{min-height:0}.learner-phonics .p2-connect .p2-feedback{bottom:15%}}@media (prefers-reduced-motion:reduce){.learner-phonics .p2-card-inner{transition:none}.learner-phonics .p2-scene *{animation:none!important}}.learner-phonics .p2-card-letter{font-size:inherit;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(68px,.55fr);gap:0 8px;padding:7%}.learner-phonics .p2-card-letter>b{letter-spacing:-.08em;font-size:clamp(70px,10cqw,145px)}.learner-phonics .p2-card-link-picture{width:100%;height:72%}.learner-phonics .p2-card-letter>small{letter-spacing:0;grid-column:1/-1;font-size:clamp(11px,1.2cqw,16px)}.learner-phonics .p2-progress-region{z-index:7;pointer-events:none;height:62px;position:absolute;top:0;left:0;right:0}.learner-phonics .p2-progress-region>.pilot-stage-progress{pointer-events:auto}.learner-phonics .p2-heading-with-progress{top:68px!important}:is(.learner-phonics .p2-scene:has(.p2-progress-region) .p2-explore,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-drag,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-choose,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-connect){top:max(22%,158px)}@media (width<=700px){.learner-phonics .p2-progress-region{height:116px}.learner-phonics .p2-progress-region>.pilot-stage-progress{top:max(64px,calc(env(safe-area-inset-top) + 58px))}.learner-phonics .p2-heading-with-progress{top:120px!important}:is(.learner-phonics .p2-scene:has(.p2-progress-region) .p2-explore,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-drag,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-choose,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-connect){top:max(31%,198px)}}@media (height<=460px) and (width>=701px){.learner-phonics .p2-progress-region{height:54px}.learner-phonics .p2-heading-with-progress{left:25%;right:25%;top:54px!important}:is(.learner-phonics .p2-scene:has(.p2-progress-region) .p2-explore,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-drag,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-choose,.learner-phonics .p2-scene:has(.p2-progress-region) .p2-connect){top:31%}}