.diagram-controls{position:absolute;inset:0;z-index:5;pointer-events:none}.diagram-controls>:is(button,select){position:absolute;top:max(var(--diagram-control-y),calc(var(--question-band-height,var(--cell)) + 6px));min-height:44px;min-width:44px;max-width:calc(100% - 8px);padding:6px;pointer-events:auto} :root{--exchange-ink:var(--tone-456f9c);font-family:"Trebuchet MS","Segoe UI",sans-serif;font-synthesis:none;color:var(--tone-263f63);background:var(--tone-f4f8ff);--ink:var(--tone-263f63);--primary:var(--tone-35689f);--muted:var(--tone-65758e);--edge:var(--tone-dbe5f2);--paper:var(--tone-dce9ef);--cell:60px;--qcell:30px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand,var(--tone-376b9e));outline-offset:3px}html[data-focus-input=pointer] select:focus-visible{outline:none}[hidden]{display:none!important}html,body{height:100%;overflow:hidden}#app{width:100%;max-width:1480px;height:100dvh;margin:auto;display:flex;flex-direction:column}header{flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}#mode-label{font-size:14px;font-weight:700;color:var(--primary);letter-spacing:.02em}header button{background:white;border:1px solid var(--edge);border-radius:12px;padding:5px 12px;font-size:14px}main{flex:1;min-height:0;padding:8px 24px 20px}h1,h2,p{margin:0}h1{line-height:1.2;font-weight:700}h2{font-size:25px;line-height:1.3}p{font-size:19px;line-height:1.5}button{min-height:44px;border:0;padding:9px 16px;font-size:16px;line-height:1.25;color:var(--ink)}.quiet{color:var(--primary);background:transparent}.primary{font-weight:700}.primary:active{transform:translateY(1px)}label{display:flex;align-items:center;gap:10px;line-height:1.35}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}select{max-width:100%;padding:7px;border:1px solid var(--edge);border-radius:8px;background:white;color:var(--ink)}#home-screen{display:flex;flex-direction:column;justify-content:center;width:100%;margin:auto;gap:18px}#home-screen h1{margin-bottom:8px}.home-choices{display:grid;gap:16px}.home-card,.practice-card{border:1.5px solid var(--tone-d1e1f2);background:var(--tone-e7f2ff)}.home-card{display:flex;align-items:center;text-align:left;min-width:0;font-weight:700;min-height:138px}.card-arrow{margin-left:auto;font-size:24px;font-weight:400;opacity:.6}.card-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;background:#ffffffad;border-radius:17px}.card-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.practice-card{display:flex;flex-direction:column;min-width:0}.practice-card>.home-card{border:0;background:transparent;padding-bottom:8px}.assess-card{background:var(--tone-e9f0fd);border-color:var(--tone-d4e0f3)}.printouts-card{background:#f9eae5;border-color:#efd9cf}.home-card:hover,.practice-card:hover{filter:brightness(.985)}#resume{align-self:flex-start;font-size:16px;padding-left:0}.layout-switch{display:flex;gap:10px;position:relative;color:var(--ink);font-size:15px;cursor:pointer}.layout-switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{border-radius:20px;background:var(--tone-9eafc5);position:relative;flex:0 0 40px;box-shadow:inset 0 0 0 1px #0000000a}.switch-track:after{content:"";position:absolute;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .15s}.layout-switch input:checked+.switch-track{background:var(--primary)}.layout-switch input:focus-visible+.switch-track{outline:3px solid var(--brand,var(--tone-376b9e));outline-offset:3px}.home-layout{margin:0 22px 14px;padding-top:9px;border-top:1px solid #e8d6b8;justify-content:space-between}#skill-screen{display:flex;flex-direction:column;width:100%;max-width:1040px;margin:auto;gap:10px}#skill-prompt{font-size:19px}#skill-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;flex:1;min-height:0;padding:6px 0}#skill-choices button{background:var(--tone-e5f1ff);border:1.5px solid var(--tone-b4cce9);color:var(--tone-315d94);font-weight:700}#skill-choices button:disabled{opacity:1;background:var(--tone-f9fbff);border-color:var(--tone-dfe6f0);color:var(--tone-718197);font-weight:400}.skill-note{font-size:14px;color:var(--muted)}#lesson-screen{display:flex;flex-direction:column;padding-top:0;gap:8px}.lesson-toolbar{flex:0 0 38px;display:flex;align-items:center}#activity-navigation{display:flex;justify-content:space-between;width:100%;gap:12px}#activity-navigation button{padding:5px 12px;background:white;border:1px solid var(--edge)}#practice-layout-control{margin-left:auto;border-radius:12px;font-size:14px}.lesson-layout{flex:1;min-height:0;display:grid}.method-board{display:flex;flex-direction:column;min-width:0;min-height:0}#paper-scroll{flex:1;min-width:0;min-height:0;display:grid}#paper{position:relative;flex:none;background:white;background-image:linear-gradient(var(--paper) 1px,transparent 1px),linear-gradient(90deg,var(--paper) 1px,transparent 1px);background-size:var(--cell) var(--cell);border-radius:7px;overflow:hidden}#paper>svg{position:absolute;inset:0;width:100%;height:100%}#model{pointer-events:none}.math-stroke{fill:none;stroke:var(--tone-29446c);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.exchange .math-stroke{stroke:var(--tone-6687bc)}.ghost{opacity:.22}.focus-column{fill:var(--tone-5689cc15);stroke:var(--tone-5689cc40);stroke-width:1}.answer-space-focus{fill:#e5b63f13;stroke:#c6a14d80;stroke-width:1;stroke-dasharray:4 4}.review-ring{fill:none;stroke:var(--exchange-ink,var(--tone-456f9c));stroke-width:2.5;vector-effect:non-scaling-stroke}#ink{touch-action:none;user-select:none;z-index:3}#ink path{fill:none;stroke:var(--tone-29446c);stroke-linecap:round;stroke-linejoin:round}#cell-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,1fr);z-index:4}#cell-grid button{background:transparent;border:0;border-radius:0;min-height:0;min-width:0;padding:0}#cell-grid button:disabled{pointer-events:none}#selection{position:absolute;z-index:4;border:2px solid var(--tone-668dbf);border-radius:5px;background:#6baf9410;pointer-events:none}.question{position:absolute;height:calc(var(--cell) - 8px);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.question-content{display:grid;grid-auto-rows:var(--qcell);height:var(--qcell);line-height:1;align-items:stretch}#question-text{display:contents}.question-token{display:flex;align-items:center;justify-content:center;min-width:0;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:calc(var(--qcell)*.72);font-weight:600;font-variant-numeric:tabular-nums;position:relative}.question-token.digit{border-right:0}.question-token.word{font-size:calc(var(--qcell)*.4);white-space:nowrap;font-weight:500}.question-token.fraction{flex-direction:column;font-size:calc(var(--qcell)*.37);gap:1px}.question-token.fraction span:first-child{border-bottom:1.3px solid currentColor;padding:0 2px 1px}.question-token.operation{padding:0;min-height:0;border:0;border-radius:0;background:transparent;pointer-events:auto}.question-token.operation:disabled{opacity:1}.question-operator-glyph,.operation-mark{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.question-operator-glyph .math-stroke{vector-effect:non-scaling-stroke;stroke-width:1.8}.operation-mark .math-stroke{stroke-width:1.5;vector-effect:non-scaling-stroke}.operation-mark{overflow:visible}.question-token.power-number{display:inline-flex;justify-content:center;align-items:center;gap:.03em}.question .power-exponent.operation{position:relative;align-self:center;transform:translateY(-.24em);min-width:1.35em;height:1.35em;min-height:0;margin:0;padding:0;border:0;background:transparent;border-radius:50%;font-size:.72em;line-height:1}.print-power-exponent{display:inline-block}#answer-slot{position:relative;min-width:0;border:1.5px solid var(--tone-9fb9db);background:white;border-radius:0;pointer-events:auto}#answer-slot:focus-within{outline:2px solid var(--tone-668dbf);outline-offset:-2px}#answer-box{position:absolute;inset:0;width:100%;height:100%;min-height:0;min-width:0;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:var(--tone-35689f);font-size:calc(var(--qcell)*.72);border-radius:0}#answer-display{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;font-size:calc(var(--qcell)*.72);font-variant-numeric:tabular-nums}#answer-display>span{text-align:center}.answer-placeholder{grid-column:1 / -1;color:var(--tone-7c8da5);font-size:calc(var(--qcell)*.55)}#answer-display.fraction{display:flex;flex-direction:column;justify-content:center;font-size:calc(var(--qcell)*.37);gap:1px}#answer-display.fraction>span:first-child:not(:last-child){border-bottom:1.3px solid currentColor;padding:0 2px 1px}#model-answer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#lesson-screen[data-input-mode=Type] .question{z-index:5}#lesson-screen[data-input-mode=Type] #ink{pointer-events:none}#lesson-screen[data-input-mode=Write] .question *{pointer-events:none}.lesson-guide{background:#fff;border:1px solid var(--tone-dce6f2);display:flex;flex-direction:column;min-height:0;min-width:0}.step-explanation{display:flex;flex-direction:column}#caption{white-space:pre-line;overflow-wrap:break-word}#caption:empty,.step-explanation:has(#caption:empty):has(#remember[hidden]){display:none}#remember{background:#fff3d3;border:1px solid #efdfb7;border-radius:13px;padding:12px;color:#6a5124}.remember-label{display:block;font-size:14px;font-weight:700;margin-bottom:4px}#partition{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--tone-c9dbef);border-radius:12px;overflow:hidden;width:100%;max-width:230px;align-self:center;text-align:center;color:var(--tone-3b6399)}#partition>div{display:flex;flex-direction:column;padding:8px;gap:3px;background:var(--tone-eef5ff)}#partition>div+div{border-left:1px solid var(--tone-c9dbef)}#partition span{font-size:13px;line-height:1.2}#partition strong{font-size:28px;font-weight:600;line-height:1.1}.actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.lesson-guide .actions{flex-wrap:nowrap;gap:8px}.lesson-guide .actions button{min-width:0;flex:1;padding:9px 6px}#teaching-navigation{display:flex;gap:8px}#teaching-navigation button{flex:1;min-width:0;padding:5px 2px;white-space:nowrap}#assessment-actions{flex-wrap:wrap!important}#question-count{font-size:13px;color:var(--muted)}#digit-keys,#heading-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}#digit-keys button,#heading-keys button{background:var(--tone-edf4fd);color:var(--tone-345d97);min-width:0;padding:4px;font-size:21px;border-radius:10px}#heading-keys{grid-template-columns:repeat(5,minmax(0,1fr))}.extra-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:4px 0}.extra-keys button{min-width:0;padding:5px 0;font-size:12px}#pre-test,#check-screen,#result-screen,#print-screen{width:100%;max-width:760px;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:16px}#pre-test-prompts p{padding:7px 0}#check-screen,#result-screen{text-align:center}#question-overview{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;width:100%;max-width:600px;align-self:center}#question-overview button{border:1px solid var(--edge);background:white;padding:8px;position:relative}#question-overview button.answered:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;bottom:4px;left:calc(50% - 2.5px);background:var(--primary)}#check-prompt{font-size:23px}#check-label{justify-content:center;font-size:16px}#submit-test{align-self:center}#result-detail .review-question{font-size:19px;line-height:1.5}#result-detail .review-controls{display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;margin-top:8px}.report-note{font-size:14px;line-height:1.4;color:var(--muted);margin:8px 0}#print-screen p{font-size:18px}.print-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.print-choices button{background:white;border:1px solid var(--edge);min-height:76px;font-size:22px;text-align:left;padding:18px}.print-choices button:nth-child(1){background:var(--tone-e7f2ff)}.print-choices button:nth-child(2){background:var(--tone-e9f0fd)}.print-choices button:nth-child(3){background:#fff0d6}.print-choices button:nth-child(4){background:#f9eae5}dialog{border:1.5px solid var(--tone-d2e2f3);max-width:560px;width:calc(100% - 28px);padding:24px;color:var(--ink);max-height:92dvh;overflow:auto;background:#fffefb;box-shadow:0 15px 60px #16352c20}dialog::backdrop{background:var(--tone-253e4859)}dialog .close{float:right;padding:4px 8px}dialog h2{margin:10px 0 16px}dialog label{font-size:16px;margin:8px 0}dialog fieldset{border:1px solid var(--edge);border-radius:13px;margin:18px 0;padding:8px 15px;display:flex;gap:20px;flex-wrap:wrap}dialog legend{font-size:15px;padding:0 5px}dialog p,.small{font-size:14px;line-height:1.5;color:var(--muted)}dialog select{max-width:230px}dialog .actions{margin-top:18px}#activity-dialog p{font-size:22px;line-height:1.5;color:var(--ink)}#activity-dialog h2{color:var(--primary);font-size:28px}#teaching-tools{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--edge);margin-top:12px;padding-top:10px}details{margin-top:18px;border-top:1px solid var(--edge);padding-top:14px}summary{cursor:pointer;min-height:40px}details button{display:block;text-align:left}#confirm-answer-label{flex-direction:column;align-items:flex-start}#confirm-answer{font-size:24px;border:1px solid var(--tone-9fb9db);border-radius:9px;width:160px;padding:8px}#comparison-paper{width:min(100%,calc(102.857dvh - 188.57px));aspect-ratio:8/7;margin:auto;background:white;background-image:linear-gradient(var(--paper) 1px,transparent 1px),linear-gradient(90deg,var(--paper) 1px,transparent 1px);background-size:12.5% calc(100% / 7)}#comparison-paper svg{display:block;width:100%;height:100%}#history{font-size:13px;line-height:1.5}#save-message{flex:none;margin:0;padding:4px 20px;text-align:center;font-size:13px;color:#8c543d}#save-message:empty{display:none}#print-area{display:none}@media(max-width:1000px){header{padding:0 16px}main{padding:5px 16px 16px}}@media(max-height:650px){main{padding-bottom:12px}#remember{padding:8px}.remember-label{font-size:12px;margin-bottom:3px}#partition>div{padding:4px}#partition span{font-size:11px}#partition strong{font-size:23px}#digit-keys button,#heading-keys button{font-size:19px}#pre-test,#check-screen,#result-screen{gap:8px}#pre-test-prompts p{font-size:16px;padding:4px 0}#check-prompt{font-size:18px}#question-overview button{min-height:36px;padding:4px}#result-screen:not(.assessment-card) #result-message{font-size:17px}#home-screen{gap:10px}}@media(max-width:650px) and (orientation:portrait){header{padding:0 14px}.lesson-layout{flex-direction:column}.method-board{flex:1}#remember{padding:8px}#partition{max-width:200px}#partition>div{padding:4px}#digit-keys button,#heading-keys button{font-size:19px}#activity-navigation button{padding:4px 9px}#practice-layout-control{font-size:13px;min-height:32px}.card-icon{border-radius:12px}.practice-card>.home-card{padding-bottom:5px}.home-layout{gap:6px;line-height:1.2}#resume{font-size:14px}#skill-screen{gap:6px}#skill-screen h1{font-size:25px}#skill-prompt{font-size:16px}#skill-choices{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:6px}.skill-note{font-size:12px}#question-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}#check-prompt{font-size:19px}.print-choices button{font-size:19px;padding:14px;min-height:72px}#activity-dialog{padding:18px}#activity-dialog h2{font-size:25px}#activity-dialog p{font-size:19px;line-height:1.4}#activity-dialog .actions{gap:4px}#activity-dialog button{font-size:14px;padding:7px 10px}dialog select{max-width:170px}}@media(orientation:landscape) and (max-height:500px){main{padding:0 12px 9px}#lesson-screen{gap:5px}#remember{padding:5px 7px}.remember-label{font-size:11px;margin-bottom:2px}.lesson-guide .actions button{padding:5px}#digit-keys button,#heading-keys button{font-size:17px;border-radius:7px}#digit-keys,#heading-keys{gap:3px}.extra-keys{margin:2px 0}.extra-keys button{font-size:10px}#partition span{font-size:10px}#partition strong{font-size:20px}#partition>div{padding:3px}#home-screen h1{margin:0}.card-icon{border-radius:10px}.practice-card>.home-card{padding-bottom:4px}.home-layout{line-height:1.1;gap:5px}#resume{font-size:13px;padding:3px 0}#skill-screen{gap:3px}#skill-screen h1{font-size:22px}#skill-prompt{font-size:14px}#skill-choices{gap:5px;padding:2px 0}.skill-note{font-size:11px}#pre-test{max-width:1000px;display:grid;grid-template-columns:1fr 200px;align-content:center;gap:8px 20px}#pre-test h1{grid-column:1;grid-row:1;font-size:24px}#pre-test-prompts{grid-column:1;grid-row:2}#pre-test-prompts p{font-size:14px;padding:3px 0}#pre-test .actions{grid-column:2;grid-row:1 / span 2;flex-direction:column;gap:8px}#check-screen{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:7px 20px}#check-screen h1{grid-column:1 / -1;grid-row:1;font-size:23px}#question-overview{grid-column:1;grid-row:2 / span 3;grid-template-columns:repeat(4,1fr);gap:4px}#question-overview button{min-height:30px;padding:3px}#check-prompt{grid-column:2;grid-row:2;font-size:16px;line-height:1.25}#check-label{grid-column:2;grid-row:3;font-size:13px;min-height:30px}#check-screen .actions{grid-column:2;grid-row:4;gap:4px}#check-screen button{padding:4px}#submit-test{grid-column:1 / -1;grid-row:5;justify-self:center}#result-screen{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:8px 20px}#result-title{grid-column:1;grid-row:1;font-size:24px}#result-screen:not(.assessment-card) #result-message{grid-column:1;grid-row:2}#result-detail{grid-column:2;grid-row:1 / span 3}#result-screen .actions{grid-column:1;grid-row:3;gap:4px}#result-screen button{min-height:30px;padding:5px 8px;font-size:14px}#result-detail .review-question{font-size:15px}#result-detail .report-note{font-size:11px}#compare{grid-column:1;grid-row:4}#print-screen{display:grid;grid-template-columns:1fr 1.2fr;align-content:center;gap:8px 16px}#print-screen h1{grid-column:1;grid-row:1;font-size:24px}#print-screen p{grid-column:1;grid-row:2;font-size:14px}#print-screen label{grid-column:1;grid-row:3;flex-wrap:wrap;gap:4px;font-size:13px;min-height:32px}#print-screen select{font-size:13px}#print-screen .print-choices{grid-column:2;grid-row:1 / span 3;gap:8px}#print-screen .print-choices button{font-size:15px;min-height:50px;padding:8px}#activity-dialog{padding:14px;max-width:600px}#activity-dialog h2{font-size:24px;margin:0 0 8px}#activity-dialog p{font-size:17px;line-height:1.35}#activity-dialog .actions{margin-top:10px}#activity-dialog button{padding:5px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{@page{size:A4 portrait;margin:14mm}#app>*:not(#print-area){display:none!important}#print-area{color:black;font-size:13px}#print-area h2{font-size:17px;margin:12px 0}#print-area p{font-size:13px}#print-area .print-question{break-inside:avoid;margin:0}#print-area .print-question p{margin:0 0 4px}#print-area .print-paper{display:block}#print-area .print-page{break-after:page;page-break-after:always}#print-area .print-page:last-child{break-after:auto;page-break-after:auto}}.operation-symbol{font-family:Arial,sans-serif;font-weight:400;line-height:1;transform:translateY(-.035em);pointer-events:none}header{height:54px;flex-basis:54px}header button,#activity-navigation button,#teaching-navigation button,.lesson-guide .actions button,.extra-keys button,#digit-keys button,#heading-keys button,#skill-choices button,#activity-dialog button,#keypad-dialog button{min-height:44px}.lesson-toolbar{min-height:44px;flex-basis:44px}.layout-switch{min-height:44px}.switch-track{width:44px;height:28px;flex-basis:44px}.switch-track:after{width:22px;height:22px}.layout-switch input:checked+.switch-track:after{transform:translateX(16px)}#open-keypad{background:var(--tone-edf4fd);border:1px solid var(--tone-d7e5f4);min-height:44px;font-size:15px}#keypad-dialog{max-width:600px;padding:14px}#close-keypad{display:block;margin:0 0 10px auto;min-width:100px}#keypad-dialog #keypad{margin:0}#keypad-dialog .extra-keys{gap:5px}#keypad-dialog #heading-keys{margin-top:6px}.question .operation:enabled:before{content:"";position:absolute;width:44px;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent}#home-screen{max-width:1040px}.home-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.checking-card{background:#f0eafa;border-color:#ded2ec}.home-card{font-size:22px;padding:20px 16px;gap:12px}.card-arrow{display:none}.card-icon{width:44px;height:44px;flex-basis:44px}.home-layout{font-size:14px;margin-bottom:10px}@media(max-width:650px) and (orientation:portrait){header{height:44px;flex-basis:44px}.home-choices{grid-template-columns:1fr 1fr;gap:10px}.home-card{min-height:90px;font-size:18px;padding:12px;flex-direction:row;align-items:center}.card-icon{width:30px;height:30px;flex-basis:30px}.card-icon svg{width:23px;height:23px}.home-layout{margin:0 12px 8px;font-size:13px;padding-top:6px}.home-layout .switch-track{width:36px;flex-basis:36px;height:24px}.home-layout .switch-track:after{width:18px;height:18px}.home-layout input:checked+.switch-track:after{transform:translateX(12px)}#home-screen{gap:10px}#home-screen h1{font-size:26px;margin-bottom:0}#keypad-dialog #digit-keys{grid-template-columns:repeat(5,minmax(0,1fr))}.lesson-toolbar{min-height:44px;flex-basis:44px}#check-screen button{min-height:44px}}@media(max-width:400px){.home-card .card-icon{display:none}.home-card{min-height:76px;padding:12px;font-size:18px}.home-layout{font-size:12px}#home-screen{gap:10px}}@media(orientation:landscape) and (max-height:500px){header{height:44px;flex-basis:44px}.lesson-toolbar{min-height:44px;flex-basis:44px}.home-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-card{min-height:70px;padding:8px;font-size:16px;flex-direction:row;align-items:center;gap:8px}.card-icon{width:28px;height:28px;flex-basis:28px}.card-icon svg{width:21px;height:21px}.home-layout{min-height:44px;margin:0 8px 4px;font-size:11px;padding-top:4px}.home-layout .switch-track{width:30px;height:20px;flex-basis:30px}.home-layout .switch-track:after{width:14px;height:14px}.home-layout input:checked+.switch-track:after{transform:translateX(10px)}#home-screen{gap:6px}#home-screen h1{font-size:22px}#resume{min-height:44px}#activity-dialog button{min-height:44px}#activity-navigation button,#teaching-navigation button{padding:5px}#keypad-dialog #digit-keys{grid-template-columns:repeat(6,minmax(0,1fr))}#keypad-dialog{padding:10px}#close-keypad{margin-bottom:6px}#keypad-dialog #heading-keys{margin-top:4px}#check-screen button{min-height:44px}}.primary{background:var(--tone-dbeaff);color:var(--tone-244b7c);box-shadow:0 3px 0 var(--tone-b4cdeb)}.primary:active{box-shadow:0 2px 0 var(--tone-b4cdeb)}.lesson-guide .actions button{font-size:18px}#teaching-navigation button{font-size:15px}#activity-navigation button{font-size:16px}dialog .close{min-height:44px}label{min-height:44px}@media(orientation:landscape) and (max-height:500px){.lesson-guide .actions button{font-size:15px}#teaching-navigation button,#activity-navigation button{font-size:12px}}@media(max-width:400px){#teaching-navigation button,#activity-navigation button{font-size:13px}}.question-token.digit,.question-token.number{border:0}.question-token.number{font-variant-numeric:tabular-nums;white-space:nowrap}.column-check-ring{stroke:var(--exchange-ink,var(--tone-456f9c))}#paper-scroll{place-items:stretch}#paper{align-self:center;justify-self:center}#ink-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px;flex:none}#ink-tools button{min-height:44px;padding:6px;font-size:16px;background:white;border:1px solid var(--tone-d0dff0);border-radius:11px}#ink-tools button[aria-pressed=true]{background:var(--tone-dbeaff);border-color:var(--tone-7b9fc8);box-shadow:inset 0 0 0 1px var(--tone-7b9fc8)}#ink[data-tool=eraser]{cursor:cell}.writing-target{fill:var(--tone-b8dcff50);stroke:var(--tone-6f9ed0);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.line-target{fill:none;stroke:var(--tone-86b0dc);stroke-width:9;stroke-linecap:round;opacity:.5;vector-effect:non-scaling-stroke}.question-target{fill:var(--tone-b8dcff40);stroke:var(--tone-6f9ed0);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}#context-hint{min-height:44px;background:var(--tone-edf5ff);border:1px solid var(--tone-d2e4f6);flex:none}.question .target-operation{background:var(--tone-d9ecff);border-radius:8px}#answer-slot.target-answer{background:var(--tone-e2f0ff);outline:2px solid var(--tone-6f9ed0)}.lesson-guide>#activity-navigation{flex:none;width:100%;gap:6px;margin-bottom:4px;display:grid;grid-template-columns:1fr 1fr}.lesson-guide>#activity-navigation button{min-width:0;min-height:44px;padding:5px;font-size:14px;background:var(--tone-f4f8ff);border:1px solid var(--tone-d8e5f5);border-radius:11px}@media(orientation:landscape) and (max-height:500px){.lesson-guide>#activity-navigation button{font-size:12px}.lesson-guide>#activity-navigation{margin-bottom:0}} :root{--radius:16px;--panel-radius:22px;--gap:14px}button,.home-card,.practice-card,.layout-switch,dialog{border-radius:var(--radius)}.lesson-guide{border-radius:var(--panel-radius)}.lesson-layout{gap:20px}.lesson-guide{padding:18px;gap:12px}header #mode-label{font-size:20px;font-weight:700;letter-spacing:0}h1{font-size:32px;letter-spacing:-.4px}.page-title{display:flex;flex-direction:column;gap:8px}.page-title p{font-size:18px}.home-choices .home-card,.practice-card{background:var(--tone-edf5ff);border-color:var(--tone-d6e5f5)}.practice-card{justify-content:center}.practice-card>.home-card{padding:20px 16px;min-height:100%}#practice-layout-control{width:100%;padding:10px 12px;justify-content:space-between;border:1px solid var(--tone-d4e3f4);background:var(--tone-f4f8ff);flex:none}.workspace-title{font-size:20px;line-height:1.2;margin-bottom:6px;font-weight:700;color:var(--tone-365b84)}#question-heading{font-size:23px;margin:0 0 4px;line-height:1.2}#skill-choices button{font-size:17px;line-height:1.2;padding:8px;border-radius:16px}#test-overview,#progress-screen{display:flex;flex-direction:column;gap:14px;max-width:1100px;width:100%;margin:auto;min-height:0}#score-chart{flex:1;min-height:120px;background:white;border:1px solid var(--tone-d6e4f4);border-radius:22px;padding:14px;display:grid;place-items:center}#score-chart svg{width:100%;height:100%;max-height:330px}#start-test{align-self:center;min-width:220px}#test-history-summary{font-size:18px;text-align:center}.progress-key{display:flex;gap:10px;flex-wrap:wrap;font-size:14px}.progress-key span{padding:5px 10px;border-radius:10px}.status-not-started{background:var(--tone-f3f5f8);border-color:var(--tone-dce2eb)}.status-practising{background:#fff4d9;border-color:#e8ce8c}.status-secure{background:#e5f4e9;border-color:#a9cfb3}.progress-key .status-secure{color:#316143}#progress-skills{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.skill-progress-card{padding:16px;border:1px solid;border-radius:18px;display:flex;flex-direction:column;gap:8px;min-height:0}.skill-progress-card h2{font-size:20px;line-height:1.25}.streak-line{font-size:16px;line-height:1.2}.skill-progress-card button{margin-top:auto;align-self:flex-start;background:#ffffffa0;padding:6px 12px;min-height:44px}.progress-pages{display:flex;align-items:center;justify-content:center;gap:12px;flex:none}.progress-pages span{font-size:14px}#test-check-method{font-size:15px;line-height:1.25;min-height:38px;margin-bottom:6px}#check-ink-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px}#check-ink-tools button{min-height:44px;padding:6px;font-size:16px;background:white;border:1px solid var(--tone-d0dff0);border-radius:16px}#check-paper-scroll{flex:1;min-height:0;display:grid;place-items:center}#check-paper{position:relative;background-color:white;background-image:linear-gradient(var(--paper) 1px,transparent 1px),linear-gradient(90deg,var(--paper) 1px,transparent 1px);background-size:var(--check-cell) var(--check-cell);border-radius:7px;overflow:hidden}#check-ink{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2}#check-ink path{fill:none;stroke:var(--tone-29446c);stroke-linecap:round;stroke-linejoin:round}#check-cell-grid{position:absolute;inset:0;display:grid;z-index:3}#check-cell-grid button{min-width:0;min-height:0;border:0;background:transparent;border-radius:0;padding:0}#check-cell-grid .selected{background:var(--tone-dcecff70);box-shadow:inset 0 0 0 2px var(--tone-6f9ed0)}.check-result-label{display:flex;justify-content:space-between;gap:8px;font-size:15px;flex:none;margin-top:8px}.check-result-label input{width:120px;min-width:0;font-size:20px;border:1px solid var(--tone-b0c8e4);border-radius:10px;padding:6px;background:white;color:var(--ink)}#lesson-screen[data-with-check=true] .lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px 18px}#lesson-screen[data-with-check=true] .lesson-guide{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px;flex-wrap:wrap;border-radius:16px}#lesson-screen[data-with-check=true] .step-explanation,#lesson-screen[data-with-check=true] #teaching-navigation{display:none}#lesson-screen[data-with-check=true] #open-keypad{max-width:170px;font-size:14px}#lesson-screen[data-with-check=true] #assessment-actions{margin:0;flex:1;justify-content:flex-end}#lesson-screen[data-with-check=true] #assessment-actions button{min-width:75px}#lesson-screen[data-with-check=true] #context-hint{max-width:100px}#lesson-screen[data-with-check=true] #lesson-actions{margin:0 0 0 auto}#lesson-screen[data-with-check=true] #practice-layout-control{width:auto;min-width:240px}@media(max-width:1000px){.lesson-layout{gap:14px}.lesson-guide{padding:14px}#skill-choices button{font-size:15px}}@media(max-width:650px) and (orientation:portrait){header #mode-label{font-size:18px}.lesson-guide{padding:10px;gap:8px}#skill-choices button{font-size:12px;padding:5px}.page-title h1{font-size:26px}.page-title p{font-size:15px}#test-overview,#progress-screen{gap:10px}#progress-skills{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}.skill-progress-card{padding:12px;gap:6px}.skill-progress-card h2{font-size:18px}.streak-line{font-size:14px}.progress-pages{gap:4px}.progress-pages button{font-size:13px;padding:7px}#question-heading{font-size:18px}#lesson-screen[data-with-check=true] .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}#lesson-screen[data-with-check=true] .lesson-guide{grid-column:1}#lesson-screen[data-with-check=true] #open-keypad{max-width:100px;font-size:12px}#test-check-method{font-size:12px;min-height:0;margin:0 0 3px}.workspace-title{font-size:16px;margin-bottom:3px}#check-ink-tools{margin:0 0 4px;gap:4px}#check-ink-tools button,#ink-tools button{font-size:14px}.check-result-label{font-size:13px;margin-top:3px;min-height:32px}.check-result-label input{padding:3px;font-size:16px;width:100px}.progress-key{gap:5px;font-size:12px}#score-chart{padding:6px}}@media(max-height:650px){.lesson-guide{gap:8px;padding:10px}#progress-screen .page-title p{font-size:14px}.skill-progress-card h2{font-size:17px}.skill-progress-card{padding:10px;gap:5px}.streak-line{font-size:14px}#test-history-summary{font-size:15px}}@media(orientation:landscape) and (max-height:500px){header #mode-label{font-size:17px}#skill-choices button{font-size:10.5px;padding:4px}#test-overview,#progress-screen{gap:6px}.page-title{gap:3px}.page-title h1{font-size:23px}.page-title p{font-size:13px}#score-chart{min-height:70px;padding:3px}.skill-progress-card{padding:7px;gap:3px}.skill-progress-card button{font-size:12px;padding:3px 7px}.progress-key{font-size:11px;gap:5px}.progress-key span{padding:3px 7px}.progress-pages button{font-size:12px}.progress-pages{gap:6px}#question-heading{font-size:17px}.workspace-title{font-size:15px;margin:0}#test-check-method{font-size:11px;min-height:0;margin-bottom:3px}#check-ink-tools button,#ink-tools button{font-size:12px}.check-result-label{font-size:12px;min-height:30px;margin:2px 0 0}.check-result-label input{font-size:15px;padding:2px;width:80px}#lesson-screen[data-with-check=true] .lesson-guide{padding:3px 6px}#lesson-screen[data-with-check=true] #assessment-actions button{min-width:60px}#lesson-screen[data-with-check=true] #open-keypad{max-width:120px;font-size:12px}}@media print{.print-question{display:flex;flex-direction:column;gap:5px}.print-question h2{font-size:13px;margin:0;line-height:1.2}.print-equation{font-family:Arial,sans-serif;font-size:14px!important;line-height:1.3!important;margin:0 0 3px!important;white-space:nowrap}.print-equation .print-operation{font-size:14px}.print-row{grid-template-columns:1fr 1fr;align-items:start}.print-paper{width:100%;max-height:none!important;aspect-ratio:8/7}.print-test-page{break-after:page}.print-test-question{break-inside:avoid;margin:0 0 24px}.print-test-question>h2{font-size:14px;margin:0 0 6px}.print-test-spaces{display:grid;grid-template-columns:1fr 1fr;gap:18px}.print-test-spaces h3{font-size:12px;margin:0 0 4px}.print-test-spaces .print-paper{width:100%;height:auto}.print-test-question .print-equation{font-size:15px!important}.print-test-page:last-child{break-after:auto}}.check-question{position:absolute;height:calc(var(--check-cell) - 8px);background:white;z-index:5;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.check-question #test-check-method{font-family:inherit;min-height:0;margin:0;font-size:clamp(11px,1.3vw,16px);line-height:1.15;flex:1}.check-question .check-result-label{font-size:12px;min-height:0;margin:0;gap:5px;flex:none}.check-question input{width:80px;font-size:20px;padding:3px;min-height:0;max-height:calc(var(--check-cell) - 16px)}#check-cell-grid button:disabled{pointer-events:none}.skill-progress-card.status-not-started{border-color:var(--tone-d5dfec);background:white}.skill-progress-card.status-practising{border-color:#e1c988}.skill-progress-card.status-secure{border-color:#a7ccb3}#progress-skills[data-wide=true]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr}@media(max-width:650px) and (orientation:portrait){.check-question{padding:1px 4px;gap:4px}.check-question #test-check-method{font-size:10px;line-height:1.05}.check-question .check-result-label{font-size:10px;gap:3px}.check-question input{width:45px;font-size:14px;padding:1px}}@media(orientation:landscape) and (max-height:500px){.check-question{padding:1px 3px;gap:3px}.check-question #test-check-method{font-size:9px}.check-question .check-result-label{font-size:9px}.check-question input{width:45px;padding:1px;font-size:13px}}@media print{.print-equation{display:flex;align-items:center;gap:7px;min-height:24px}.print-fraction{display:inline-flex;flex-direction:column;align-items:center}.print-fraction>span:first-child{min-width:12px;text-align:center}.print-answer{display:inline-block;border-bottom:1px solid var(--tone-29446c);width:60px;height:20px}.print-operation{font-size:14px!important}}@media(max-width:350px) and (orientation:portrait){#skill-choices button{font-size:11.5px}}@media print{html,body,#app,#print-area{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:white!important}#app{display:block!important;width:auto!important;max-width:none!important}#print-area{display:block!important}#print-area h1{font-size:22px!important;margin:0 0 6mm!important}#print-area .print-row{display:grid;grid-template-columns:87mm 87mm;gap:8mm}#print-area .print-question h2,#print-area .print-test-question>h2{font-size:14px;margin:0 0 3mm;line-height:1.25}#print-area .print-equation{font-size:14px!important;margin:0 0 3mm!important;min-height:7mm;line-height:1.2!important}#print-area .print-paper{width:87mm!important;height:76.125mm!important;max-height:none!important;overflow:visible;aspect-ratio:8/7}#print-area .print-test-page{display:block;break-after:page;page-break-after:always}#print-area .print-test-page:last-child{break-after:auto;page-break-after:auto}#print-area .print-test-question{margin:0 0 8mm;break-inside:avoid;page-break-inside:avoid}#print-area .print-test-spaces{display:grid;grid-template-columns:87mm 87mm;gap:8mm}#print-area .print-test-spaces h3{font-size:12px;margin:0 0 2mm}}#year-screen,#year-unavailable,#method-screen,#mental-screen{display:flex;flex-direction:column;justify-content:center;gap:18px;width:100%;max-width:850px;margin:auto;min-height:0}#year-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#year-choices button{min-height:90px;font-size:25px;font-weight:700;border:1px solid var(--tone-c3d8f1);background:var(--tone-e4f0ff);border-radius:20px}.current-method{padding:22px;border:1px solid var(--tone-c3d8f1);border-radius:22px;background:white;display:flex;flex-direction:column;gap:12px}.current-method p,#method-screen .small{font-size:18px}.method-badge{font-size:14px;font-weight:700;color:var(--tone-35689f)}.preference-toggle{padding:16px;border:1px solid var(--tone-c3d8f1);border-radius:16px;justify-content:space-between;font-size:22px;background:white}.preference-toggle input{appearance:none;width:60px;height:36px;border-radius:24px;background:var(--tone-9caec5);position:relative}.preference-toggle input:before{content:'';position:absolute;width:28px;height:28px;top:4px;left:4px;border-radius:50%;background:white;transition:transform .15s}.preference-toggle input:checked{background:var(--tone-35689f)}.preference-toggle input:checked:before{transform:translateX(24px)}#mental-screen{justify-content:flex-start}#mental-paper{flex:1;min-height:0;background:white;border:1px solid var(--tone-d5e2f0);border-radius:14px;display:grid;place-items:center;background-image:linear-gradient(var(--tone-e5edf7) 1px,transparent 1px),linear-gradient(90deg,var(--tone-e5edf7) 1px,transparent 1px);background-size:50px 50px}#mental-model{width:100%;height:100%;max-height:480px}#mental-caption{font-size:24px;font-weight:700;text-align:center}#mental-screen .actions{flex:none;justify-content:space-between}.cancellation{stroke:var(--exchange-ink,var(--tone-456f9c));stroke-width:2}.subtraction-exchange .math-stroke{stroke:var(--exchange-ink,var(--tone-456f9c))}.sats-check-question{font-size:8.5px;font-weight:400;white-space:nowrap}.handwritten-expression .math-stroke{stroke-width:2.2}#tools-dialog{max-width:650px;background:white}#tools-dialog label{min-height:52px;font-size:19px;gap:14px}#tools-dialog input[type=checkbox]{width:29px;height:29px}#tools-dialog fieldset label{border:2px solid var(--tone-d8e5f6);border-radius:14px;padding:12px 20px;flex:1;min-width:130px}#tools-dialog fieldset label:has(input:checked){border-color:var(--tone-5684bd);background:var(--tone-e7f1ff);font-weight:700}#tools-dialog fieldset{display:flex;border:0;padding:0;gap:12px}#tools-dialog input[type=radio]{width:26px;height:26px}.speed-control{display:grid;grid-template-columns:140px 1fr 50px}.speed-control input{width:100%;min-height:44px;accent-color:var(--tone-35689f)}#settings-year{margin-left:auto;min-height:44px}#stage-threshold{width:65px;min-height:44px}.captions-off{display:none!important}.high-contrast{--ink:var(--tone-10213d);--paper:var(--tone-9aafc9);--edge:var(--tone-91a9c9);color:var(--ink)}.high-contrast .math-stroke{stroke:var(--tone-10213d)}.high-contrast button:disabled{opacity:.65}.left-handed #ink-tools,.left-handed #check-ink-tools{direction:rtl}#lesson-screen>#activity-navigation{flex:none;min-height:44px;gap:8px}#lesson-screen>#activity-navigation button{min-height:44px}@media(max-width:650px) and (orientation:portrait){#year-screen,#method-screen,#mental-screen{gap:12px}#year-choices{grid-template-columns:1fr 1fr;gap:12px}#year-choices button{min-height:80px;font-size:23px}.preference-toggle{font-size:18px;padding:12px}.current-method{padding:16px;gap:8px}.current-method p,#method-screen .small{font-size:16px}#mental-title{font-size:19px}#mental-caption{font-size:22px}#tools-dialog label{font-size:17px}.speed-control{grid-template-columns:105px 1fr 40px}#lesson-screen>#activity-navigation button{font-size:13px}}@media(orientation:landscape) and (max-height:500px){#year-screen,#method-screen,#mental-screen{gap:8px}#year-screen h1{font-size:23px}#year-screen p{font-size:15px}#year-choices{gap:8px}#year-choices button{min-height:56px;font-size:20px}.current-method{padding:10px;gap:4px}.current-method h2{font-size:21px}.current-method p,#method-screen .small{font-size:14px}.preference-toggle{padding:6px 10px;font-size:16px;min-height:44px}.preference-toggle input{height:30px;width:50px}.preference-toggle input:before{height:22px;width:22px}.preference-toggle input:checked:before{transform:translateX(20px)}#method-screen .page-title h1,#mental-screen h1{font-size:23px}#method-screen .page-title p{font-size:14px}#mental-title{font-size:15px}#mental-caption{font-size:18px}#lesson-screen>#activity-navigation button{font-size:13px}}@media print{#app>#year-screen,#app>#year-unavailable,#app>#method-screen,#app>#mental-screen{display:none!important}}#recognition-ink{display:block;width:130px;height:130px;margin:12px auto;border:1px solid var(--tone-cfdef0);border-radius:10px;background:white}#recognition-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}#recognition-keys button{background:var(--tone-e7f0fd);min-height:44px;font-size:20px}#formation-screen{display:flex;flex-direction:column;gap:12px;max-width:1000px;width:100%;margin:auto;min-height:0}#formation-screen p{font-size:19px}#formation-model{height:110px;width:110px;align-self:center}#formation-attempts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;flex:1;min-height:0;align-items:center}.formation-attempt{display:flex;flex-direction:column;min-width:0}.formation-attempt svg{width:100%;aspect-ratio:1;background:white;border:2px solid var(--tone-bdcfe8);border-radius:12px;touch-action:none}.pupil-formation{fill:none;stroke:var(--tone-29446c);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#formation-screen .actions{display:flex;align-items:center;justify-content:space-between}.step-explanation.captions-off{display:flex!important}.step-explanation.captions-off #caption{display:none}@media(max-width:650px) and (orientation:portrait){#formation-attempts{grid-template-columns:repeat(3,1fr);gap:8px}#formation-model{width:85px;height:85px}#formation-screen p{font-size:16px}}@media(orientation:landscape) and (max-height:500px){#formation-screen{gap:5px}#formation-screen h1{font-size:22px}#formation-screen p{font-size:14px}#formation-model{position:absolute;right:25px;top:50px;width:65px;height:65px}#formation-attempts{gap:8px}.formation-attempt svg{max-height:110px}#formation-count{font-size:14px}}@media print{#app>#formation-screen{display:none!important}}@media(orientation:landscape) and (max-height:500px){#progress-skills{grid-template-rows:1fr}.skill-progress-card button,.progress-pages button{min-height:44px}.skill-progress-card h2{font-size:15px}.streak-line{font-size:13px}}.print-score-chart{display:block;width:100%;max-height:85mm;margin:10mm 0}@media(orientation:landscape) and (max-height:350px){.current-method{padding:8px}.current-method p{font-size:13px}}.question .operation:enabled:before{height:min(44px,var(--qcell))}.active-phrase{font-weight:inherit;background:var(--tone-dcecff);border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.completed-phrase{color:inherit}#method-screen .page-title h1{margin:0}#method-screen .small{margin:0}.home-choices{grid-auto-rows:minmax(58px,1fr)}@media(max-height:650px){.home-card{min-height:58px;padding:10px}.home-choices{gap:8px}#home-screen h1{margin:8px 0}}#paper-scroll,#check-paper-scroll{position:relative;overflow:hidden;touch-action:none}#paper,#check-paper{touch-action:none}.reset-view{position:absolute;right:5px;bottom:5px;min-height:44px;z-index:7;background:#fff;border:1px solid var(--tone-d6e4f5);font-size:13px;padding:4px 8px;opacity:.9}#paper-scroll:not(:has([data-zoom]))>.reset-view,#check-paper-scroll:not(:has([data-zoom]))>.reset-view{display:none}.completed-paper{flex:1;min-height:0;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--tone-cfdfef);border-radius:7px}.completed-paper svg{height:100%;max-width:100%;aspect-ratio:8/7;background-image:linear-gradient(var(--tone-d9e8f1) 1px,transparent 1px),linear-gradient(90deg,var(--tone-d9e8f1) 1px,transparent 1px);background-size:12.5% 14.2857%}#completed-equation{margin:4px 0 8px;font-size:clamp(16px,2.2vw,28px);font-weight:600}#lesson-screen[data-check-lesson=true] .lesson-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto}#lesson-screen[data-check-lesson=true] .lesson-guide{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;align-items:center}#lesson-screen[data-check-lesson=true] .step-explanation{display:flex;flex:1;padding:0}#lesson-screen[data-check-lesson=true] #teaching-navigation{display:flex}#lesson-screen[data-check-lesson=true][data-with-check=true] .method-board:has(#paper-scroll){display:none}#see-addition{display:none}@media(max-width:650px){#lesson-screen[data-check-lesson=true][data-with-check=false] .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}#lesson-screen[data-check-lesson=true][data-with-check=false] #completed-board{display:none}#lesson-screen[data-check-lesson=true][data-with-check=false][data-show-completed=true] #completed-board{display:flex}#lesson-screen[data-check-lesson=true][data-with-check=false][data-show-completed=true] .method-board:has(#paper-scroll){display:none}#lesson-screen[data-check-lesson=true] #see-addition:not([hidden]){display:block}#lesson-screen[data-check-lesson=true] .lesson-guide{gap:5px}}@media(orientation:landscape) and (max-height:500px){#method-screen .page-title{grid-column:1;grid-row:1}#method-screen .page-title p{display:none}#method-screen .small{grid-column:1;grid-row:5;font-size:12px}#alignment-practice{grid-column:2;grid-row:5;font-size:14px}#method-screen .actions{grid-column:1/-1;grid-row:6;margin:0}#method-screen .actions button{min-height:44px}}@media(max-height:650px) and (orientation:portrait){#method-screen .current-method p,#method-screen .page-title p{display:none}#method-screen .actions{margin:0}}#mental-screen .actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#mental-screen .actions button{min-width:0;padding:6px;font-size:15px;min-height:44px}.lesson-layout{grid-template-columns:minmax(0,1fr) minmax(350px,43%)}.step-explanation{overflow:visible;justify-content:center;flex:1;min-height:0;gap:10px}#caption{font-size:30px;line-height:1.35;flex-shrink:0}#remember-text{font-size:23px;line-height:1.3}#remember{flex-shrink:0}#lesson-screen[data-check-lesson=true] .step-explanation{min-width:55%;max-height:none}#lesson-screen[data-check-lesson=true] #caption{font-size:26px}@media(max-width:1000px){.lesson-layout{grid-template-columns:minmax(0,1fr) minmax(300px,44%)}#caption{font-size:27px}#remember-text{font-size:21px}}@media(max-width:650px) and (orientation:portrait){.lesson-layout{display:flex}.lesson-guide{max-height:none;flex:none}.step-explanation{flex:none;max-height:none}#caption{font-size:22px;line-height:1.3}#remember-text{font-size:20px}#lesson-screen[data-check-lesson=true] #caption{font-size:22px}#lesson-screen[data-check-lesson=true] .lesson-guide{max-height:none}#lesson-screen[data-check-lesson=true] .step-explanation{min-width:100%;flex-basis:100%}#lesson-screen[data-check-lesson=true] .lesson-guide>#see-addition,#lesson-screen[data-check-lesson=true] .lesson-guide>#lesson-actions,#lesson-screen[data-check-lesson=true] .lesson-guide>#teaching-navigation{flex:none;width:100%}}@media(orientation:landscape) and (max-height:500px){.lesson-layout{grid-template-columns:minmax(0,1fr) 60%;gap:10px}.lesson-guide{padding:8px;gap:5px}#caption{font-size:22px;line-height:1.23}#remember-text{font-size:20px;line-height:1.2}#lesson-screen[data-check-lesson=true] #caption{font-size:22px}#lesson-screen[data-check-lesson=true] .step-explanation{max-height:none}} :is(#paper,#check-paper,#comparison-paper)[data-show-squares=false]{background-image:none}#paper::before{content:"";position:absolute;inset:0 0 auto;height:var(--question-band-height,var(--cell));background:#fff;border-bottom:1px solid var(--paper);pointer-events:none}.question{top:0;left:0;right:0;border:0;border-radius:0;box-shadow:none;background:#fff}#check-paper::before{content:"";position:absolute;inset:0 0 auto;height:var(--check-cell);background:white;pointer-events:none}.check-question{top:0;left:0;right:0;border:0;border-radius:0}.print-options{display:flex;flex-direction:column;gap:4px}.print-options label{font-size:17px}.print-options input{width:24px;height:24px}@media(orientation:landscape) and (max-height:500px){#print-screen .print-options{grid-column:1;grid-row:3;gap:0}.print-options label{font-size:13px;min-height:36px}}@media print{@page{size:A4 portrait;margin:10mm 8.5mm 8mm}#print-area .printed-lesson-guide{position:relative;width:191mm;break-before:page;page-break-before:always;break-inside:avoid;page-break-inside:avoid;color:var(--tone-263f63)}#print-area .printed-lesson-guide:first-child{break-before:auto;page-break-before:auto}#print-area .printed-lesson-guide>h1{font:700 17px/1.2 Arial,sans-serif!important;margin:0 0 3mm!important}#print-area .print-page-details{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:2mm;white-space:nowrap;font:700 10pt/1.2 Arial,sans-serif;color:#176a5c}#print-area .print-page-details img{display:block;width:6mm;height:6mm}#print-area .print-page-number{margin-left:auto;color:#405c7f;font-weight:400}#print-area .guide-step{box-sizing:border-box;border:.25mm solid var(--tone-cfdae9);border-radius:2mm;padding:3mm;margin-bottom:3mm;break-inside:avoid;page-break-inside:avoid}#print-area .guide-step>h2{font:700 13px/1.2 Arial,sans-serif!important;margin:0 0 2mm!important}#print-area .guide-step-body{display:grid;grid-template-columns:70mm minmax(0,1fr);gap:5mm;align-items:start}#print-area .guide-workbook .print-equation{font:700 15px/1.2 Arial,sans-serif!important;min-height:9mm;margin:0 0 2mm!important;gap:1.5mm;justify-content:center;white-space:nowrap}#print-area .guide-workbook .print-equation:has(.print-word:nth-child(2)){font-size:12px!important;gap:1mm}#print-area .guide-workbook .print-equation:has(.print-word:nth-child(2)) .print-answer{width:14mm;min-width:14mm}#print-area .guide-workbook .print-operation{font-size:15px!important}#print-area .guide-workbook .print-answer{display:inline-flex;align-items:center;justify-content:center;width:18mm;height:7mm;min-width:18mm;border:.25mm solid var(--tone-aac3df);font:700 15px Arial,sans-serif}#print-area .guide-workbook .print-answer:has(.inline-fraction){height:12mm}#print-area .guide-workbook .guide-underlined{border-bottom:.3mm solid var(--exchange-ink)}#print-area .guide-balanced-side{display:inline-flex;gap:inherit;align-items:center}#print-area .guide-quantity-review{outline:.3mm solid #cb7b1b;background:rgba(232,146,43,.2)}#print-area .guide-workbook-paper{display:block;width:55mm;height:auto;margin:auto;max-height:55mm}#print-area .guide-workbook-paper[data-triple=true]{width:70mm}#print-area .guide-grid-line{fill:none;stroke:var(--tone-d6e0e9);stroke-width:.35}#print-area .guide-workbook-paper .math-stroke{stroke-width:2.2}#print-area .guide-workbook-paper :is(.missing-model>.math-stroke,[data-round-mark]>.math-stroke,.completed-three-link){stroke-width:.65}#print-area .guide-explanation p{font:14px/1.4 Arial,sans-serif!important;margin:0 0 2mm!important;text-align:left}#print-area .guide-review{fill:rgba(232,146,43,.2);stroke:#cb7b1b;stroke-width:.4;stroke-linejoin:miter}#print-area .guide-explanation .guide-reminder{padding:2mm;border:.2mm solid #ecd4a0;border-radius:1mm;background:#fff8e6;color:#654c22}#print-area .guide-partition{width:43mm;margin:1mm auto 0}#print-area .guide-partition svg{display:block;width:100%;height:auto;max-height:30mm}#print-area{width:193mm!important;font-family:Arial,sans-serif!important}.sats-page{width:191mm;height:276mm;display:flex;flex-direction:column;align-items:center;gap:4mm;break-after:page;page-break-after:always}.sats-page:last-child{break-after:auto;page-break-after:auto}#print-area .sats-page>h1{font-size:17px!important;line-height:1.15!important;align-self:flex-start;flex:none}#print-area .sats-question{display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;break-inside:avoid;page-break-inside:avoid;border:.3mm solid #333;flex:none;box-sizing:content-box;margin:0!important}.sats-number{display:table-cell;width:10mm;vertical-align:top;border-right:.3mm solid #333;text-align:center;padding:0;font-size:20px;line-height:18pt;font-weight:700;color:var(--tone-0067a9)}.sats-number>span{display:flex;height:18mm;align-items:center;justify-content:center}.sats-method-prompt{display:grid;place-items:center;box-sizing:border-box;padding:0 .5mm;border-top:.3mm solid #333;color:#111;font-size:7pt;line-height:1.25}.sats-body{display:table-cell;vertical-align:top;min-width:0}.sats-header{background:white;display:flex;flex-direction:column;justify-content:center;padding:0 2mm;box-sizing:border-box;flex:none;position:relative}#print-area .sats-header>h2{font-size:9px!important;line-height:1;margin:0!important;font-weight:400;color:#555;position:absolute;top:4.5mm;right:2mm;text-align:right;transform:translateY(-100%)}#print-area .sats-header .print-equation{font-family:Arial,sans-serif;font-size:20px!important;min-height:9mm;line-height:1.1!important;margin:0!important;gap:2mm;justify-content:flex-start;text-align:left}.sats-header .print-operation{font-size:20px!important}#print-area .sats-header .print-fraction{font-size:20px!important}.sats-inline-answer{display:inline-block;width:28mm;height:9mm;border:.4mm solid var(--tone-0067a9);background:white}.sats-spaces{display:flex;align-items:flex-end;justify-content:center;gap:0!important;width:100%}.sats-spaces>div{display:flex;flex-direction:column;flex:none;min-width:0}.sats-split{justify-content:space-between}.sats-stacked{flex-direction:column;align-items:center}#print-area .sats-stacked>div+div h3{margin-top:0}#print-area .sats-spaces h3{height:3mm;margin:-3mm 0 0;font-size:9px;font-weight:400;position:relative;background:white;text-align:left;padding-left:.25em}.sats-grid{display:block;max-height:none!important;max-width:none!important;flex:none;overflow:visible}.sats-marks{display:table-cell;width:12mm;vertical-align:bottom;border-left:.3mm solid #333;background:var(--tone-cbd4e9);padding-bottom:3mm;text-align:center}.sats-mark-box{width:6mm;height:6mm;border:.3mm solid #333;background:white;margin:0 auto 2mm}.sats-marks span{display:block;font-size:8px;font-weight:700;white-space:nowrap}.print-name-date{display:grid;grid-template-columns:calc(50% - 1mm) repeat(2,minmax(0,1fr));height:5mm;margin:0 0 1mm;font-size:12px;line-height:1.2}.print-name-date>span{display:flex;align-items:baseline;padding-right:2mm}.print-identification-label{flex:0 0 12mm}.print-identification-line{flex:1;border-bottom:.25mm solid #555}.print-fraction{font-size:12px!important;line-height:1!important}.print-fraction>span:first-child{border-bottom:1px solid black}#print-area .sats-question{outline:.3mm solid #333;outline-offset:-.3mm}}@media screen{ :root{background:var(--tone-f2f6fc);--ink:var(--tone-263f63);--primary:var(--tone-366ca6);--muted:var(--tone-5c6f86);--edge:var(--tone-d5e0ee);--paper:var(--tone-d9e6ee);--radius:18px;--panel-radius:18px}#app>header{justify-content:space-between}#app-name{font-size:19px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}#app>header button{min-height:44px;padding:8px 12px;background:transparent;border:0;border-radius:18px;font-size:15px}#mode-label{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0}#lesson-heading{display:flex;align-items:center;gap:8px 20px;flex:none;min-width:0}#lesson-journey{flex:none}#lesson-journey ol{display:flex;align-items:center;list-style:none;padding:0;margin:0}#lesson-journey li{display:flex;align-items:center;line-height:1.2;white-space:nowrap}#activity-navigation{width:auto;justify-content:flex-end;gap:8px}#activity-navigation button{background:transparent;border:0;min-height:44px;font-size:13px;padding:8px}#activity-navigation button:disabled{display:none}.lesson-guide{border:1px solid var(--edge);border-radius:18px;background:#fff}#caption{font-size:30px}#paper,#check-paper,.completed-paper{border-radius:18px}.primary{border:0;border-radius:18px}.primary:active{box-shadow:none;transform:none;filter:brightness(.96)}.secondary{border-radius:18px}#lesson-actions{gap:10px;flex-wrap:nowrap}#lesson-actions button{min-height:50px;padding:10px 12px;flex:1;font-size:16px}#teaching-navigation button{padding:8px 2px;font-size:14px}#remember{background:#fff8e5;border:1px solid #efdfb7;border-radius:16px;padding:12px}.home-choices .home-card,.home-choices .practice-card{border-color:var(--edge)}.home-card{font-weight:600}.high-contrast{--ink:var(--tone-10213d);--paper:var(--tone-9aafc9)}@media(max-width:1000px){#activity-navigation button{font-size:12px;padding:8px 5px}}@media(max-height:650px){#app>header{padding-top:2px;padding-bottom:2px}#lesson-actions button{min-height:44px}}@media(max-width:650px) and (orientation:portrait){#app-name{font-size:15px;letter-spacing:-.2px}.header-actions{gap:2px}#app>header button{padding:8px 7px;font-size:14px}#mode-label{display:none}#lesson-heading{flex-wrap:wrap;gap:0}#lesson-journey{width:100%}#lesson-journey ol{justify-content:space-between}#activity-navigation{margin-left:auto}#activity-navigation:has(button:not(:disabled)){margin-top:2px}.lesson-guide{border-radius:18px}#lesson-actions button{font-size:15px;padding:9px 8px}#teaching-navigation button{font-size:13px}}@media(orientation:landscape) and (max-height:500px){#app-name{font-size:16px}#app>header button{font-size:13px;padding:7px 10px}#mode-label{font-size:13px}#lesson-heading{gap:0 8px;flex-wrap:wrap}#activity-navigation{margin-left:auto}#activity-navigation button{font-size:11px;min-height:44px;padding:7px 4px}#remember{padding:8px}#remember-text{line-height:1.2}}#paper-scroll{place-items:start center}}@media screen{main{padding:6px 22px 16px}.lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:18px;align-items:start}.method-board{height:100%}.lesson-guide{align-self:start;height:auto;max-height:100%;padding:20px;gap:12px}.step-explanation{flex:none;justify-content:flex-start;gap:12px;max-height:none}#caption{line-height:1.32}#teaching-navigation{border-top:1px solid var(--tone-edf1f7)}#partition{display:block;border:0;background:none;border-radius:0;overflow:visible;align-self:center;width:190px;max-width:100%;color:var(--ink)}#partition svg{display:block;width:100%;height:auto}#home-screen h1{margin-bottom:2px}.home-card{min-height:98px;padding:20px;font-size:23px}.practice-card>.home-card{padding:20px}#print-screen{gap:14px}#lesson-screen[data-check-lesson=true] .lesson-guide{height:auto;align-self:start;gap:10px}#lesson-screen[data-with-check=true] .lesson-guide{height:auto}@media(max-width:1000px){.lesson-layout{grid-template-columns:minmax(0,1.05fr) minmax(300px,1fr);gap:14px}.lesson-guide{padding:16px;gap:10px}#caption{font-size:27px}}@media(max-height:650px){main{padding-bottom:10px}.lesson-guide{padding:12px;gap:8px}#caption{font-size:22px;line-height:1.28}#partition{width:148px}}@media(max-width:650px) and (orientation:portrait){main{padding:4px 12px 12px}.lesson-layout{display:flex;align-items:stretch;gap:10px}.method-board{height:auto;flex:1}.lesson-guide{width:100%;padding:12px;gap:8px;flex:none}#caption{font-size:22px;line-height:1.27}#partition{width:148px}#remember{padding:8px 10px}.home-card,.practice-card>.home-card{padding:12px;font-size:18px;min-height:78px}}@media(orientation:landscape) and (max-height:500px){main{padding:0 12px 8px}.lesson-layout{grid-template-columns:minmax(0,1fr) 65%;gap:10px}.lesson-guide{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:6px}.step-explanation{grid-column:1/-1;gap:6px}#caption{font-size:20px;line-height:1.23}#lesson-actions{gap:4px}#lesson-actions button{font-size:12px;padding:4px;min-height:44px}#teaching-navigation{padding:0}#teaching-navigation button{font-size:11px;white-space:normal;padding:4px}#partition{width:100px}.step-explanation:has(#partition:not([hidden])){display:grid;grid-template-columns:1fr 100px;align-items:center}#remember{grid-column:1/-1}#remember-text{font-size:17px}.remember-label{font-size:12px}#lesson-screen[data-check-lesson=true] .lesson-guide{display:flex}}}@media screen and (orientation:landscape) and (max-height:500px){.home-card,.practice-card>.home-card{min-height:90px;padding:12px;font-size:16px}.home-card{gap:8px}.card-icon{width:30px;height:30px;flex-basis:30px}.card-icon svg{width:22px;height:22px}}@media screen{#paper{align-self:start}}@media screen and (max-width:650px) and (orientation:portrait){#lesson-screen[data-stage=Watch] .method-board:has(#paper-scroll){max-height:calc((100vw - 26px)*var(--teaching-rows,6)/8)}}@media screen{#app>header{flex-basis:64px}#app>header #home{justify-self:start;grid-column:1}#header-context{grid-column:2;grid-row:1;min-width:0;display:flex;justify-content:center;align-items:center}#lesson-journey{min-width:0}#lesson-journey ol{gap:4px}#lesson-journey li{font-size:16px;font-weight:500;border-radius:14px;color:var(--tone-5c6f86)}#lesson-journey [aria-current=step]{color:white;background:var(--tone-366ca6);font-weight:700}#lesson-heading{justify-content:flex-end}#activity-navigation{margin:0}#lesson-screen{gap:8px;padding-top:4px}@media(max-width:750px){#app>header{flex-basis:56px}#lesson-journey{width:100%}#lesson-journey ol{justify-content:center;gap:2px}#lesson-journey li{font-size:13px;white-space:normal;text-align:center;justify-content:center;line-height:1.18}#app>header button{font-size:14px;padding:6px 4px}}@media(max-width:450px){#app>header{flex-basis:56px}#app>header button{font-size:12px;padding:6px 2px}#lesson-journey ol{gap:2px}#lesson-journey li{flex:1;min-width:0;font-size:11px;border-radius:10px}#lesson-screen{padding-top:2px}}@media(orientation:landscape) and (max-height:500px){#app>header{flex-basis:48px;padding-top:2px;padding-bottom:2px}#lesson-screen{padding-top:0;gap:4px}}main{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.lesson-layout,#lesson-screen[data-with-check=true] .lesson-layout,#lesson-screen[data-check-lesson=true] .lesson-layout{column-gap:var(--page-gutter)}#paper{justify-self:stretch}#app:has(#lesson-screen:not([hidden])){max-width:none}}@media screen{#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-layout{align-items:stretch;grid-template-rows:minmax(0,1fr)}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide{height:100%;max-height:100%;align-self:stretch;display:flex;flex-direction:column}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .step-explanation{flex:1;min-height:0;justify-content:flex-start}#lesson-actions{margin-top:auto;flex:none}#teaching-navigation{flex:none;border:0;padding-top:0;gap:10px}#lesson-actions button,#teaching-navigation button{border-radius:14px}#teaching-navigation button{background:transparent;min-height:44px}#again{color:var(--ink);background:var(--tone-e3efff)}#paper{border-radius:18px}.question{height:var(--question-band-height,var(--cell));padding:0 12px;box-shadow:none}.question-content.simple-question{display:flex;gap:calc(var(--qcell)*.4);align-items:center;justify-content:center;max-width:100%;height:var(--qcell)}.simple-question .question-token{flex:none;height:var(--qcell)}.simple-question .question-token.operation{width:var(--qcell)}.simple-question #answer-slot{flex:none;width:calc(var(--qcell)*3.8);height:calc(var(--qcell)*.9);align-self:center}#lesson-journey li{padding:0;min-height:44px;background:none}#app>header #lesson-journey button{border-radius:14px;font-size:16px;font-weight:500;color:var(--muted);background:none}#app>header #lesson-journey button[aria-current=step]{color:white;font-weight:700}@media(max-width:750px){#app>header #lesson-journey button{font-size:13px}}@media(max-width:450px){#app>header #lesson-journey button{font-size:11px;min-width:0;width:100%;border-radius:10px}}@media(max-width:650px) and (orientation:portrait){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(50px,1fr) clamp(360px,63dvh,440px);row-gap:10px}#lesson-screen[data-stage=Watch] .method-board:has(#paper-scroll){max-height:none}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide{min-height:0;padding:12px;gap:8px}#remember-text{font-size:17px;line-height:1.25}.remember-label{font-size:13px}#lesson-actions button{min-height:44px}#teaching-navigation{gap:8px}}@media(orientation:landscape) and (max-height:500px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:6px}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .step-explanation{grid-column:1/-1}#lesson-actions,#teaching-navigation{margin:0;align-self:end}}#cell-grid{overflow:clip}}@media screen{ :root{--surface:#fff;--surface-soft:var(--tone-eef4fd);--surface-selected:var(--tone-e3efff);--line:var(--tone-d5e0ee);--text:var(--tone-263f63);--text-soft:var(--tone-5c6f86);--brand:var(--tone-366ca6);--control-radius:14px;--space-small:8px;--space:12px;--space-large:20px;--secure-fill:#eaf6ee;--secure-line:#b6d7c1;--secure-text:#2d6542;--practice-fill:#fff7e5;--practice-line:#e6d4a9}body{color:var(--text)}button,select,input{font-family:inherit}button{border-radius:var(--control-radius);font-weight:500;min-height:44px}.primary{background:var(--brand);color:white;box-shadow:none;font-weight:700}.secondary{background:var(--surface-selected);color:var(--text);border:1px solid transparent;box-shadow:none}.quiet{background:transparent;color:var(--brand)}button:enabled:hover{filter:brightness(.975)}button:enabled:active{transform:none;filter:brightness(.95)}.primary:disabled{opacity:1;background:var(--tone-e5edf8);color:var(--tone-8da2bc)}.secondary:disabled,.quiet:disabled{opacity:1;color:var(--tone-9aacc3)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand,var(--tone-376b9e));outline-offset:3px}select{border:1px solid var(--line);border-radius:var(--control-radius);min-height:44px;padding:8px 12px;background:white;color:var(--text)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--brand)}main h1{font-size:32px;line-height:1.2;letter-spacing:-.4px;color:var(--text)}.page-title{gap:6px}.page-title p{font-size:19px;line-height:1.4;color:var(--text-soft)}#app>.panel-screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:calc(100% - 2*var(--page-gutter));margin:4px auto 16px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);gap:14px;min-height:0;text-align:left}#app>.panel-screen>h1,#app>.panel-screen>.page-title{flex:none}#app>.panel-screen>p{font-size:20px;line-height:1.4;color:var(--text-soft)}#app>.panel-screen>.actions{flex:none;justify-content:flex-end;gap:12px}#app>.panel-screen>.actions button{min-width:150px}#home-screen{max-width:920px;justify-content:center;gap:16px}#home-screen h1{margin:0}.home-choices{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(90px,1fr);gap:12px}.home-choices>.progress-card{grid-column:1/-1}.home-choices .home-card,.home-choices .practice-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);color:var(--text)}.home-choices .home-card{padding:18px 20px;min-height:90px;font-size:22px;font-weight:600;gap:16px;flex-direction:row;align-items:center}.home-choices .learn-card{background:var(--tone-e8f1fd);border-color:var(--tone-cbdcf1)}.home-choices .practice-card{display:flex;padding:0;justify-content:stretch}.home-choices .practice-card>.home-card{border:0;background:transparent;flex:1;min-height:90px;padding:18px 20px}.home-choices .card-icon{display:flex;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--tone-eaf2fe);color:var(--brand)}.home-choices .card-icon svg{width:29px;height:29px;stroke-width:1.8}.home-choices .card-arrow{display:block;color:var(--tone-7792b4);font-size:22px}#resume{font-size:16px;min-height:44px;margin:0;padding:6px 0}#year-choices{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px;margin-top:8px}#year-choices button{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--card-radius);font-size:26px;font-weight:600}#choose-another-year{align-self:flex-end;min-width:220px}#skill-screen{max-width:1100px;gap:12px}#skill-choices{gap:12px;padding:0}#skill-choices button{border-radius:var(--card-radius);background:var(--surface-selected);border:1px solid var(--tone-bdd2eb);font-size:18px;color:var(--text);font-weight:600;padding:14px}#skill-choices button:disabled{opacity:1;background:var(--tone-f8fafd);border-color:var(--tone-e0e7f0);color:var(--tone-7a879a);font-weight:400}.current-method h2{font-size:23px;line-height:1.25}.current-method p{font-size:17px;line-height:1.3;color:var(--text-soft)}.method-badge{font-size:13px;color:var(--brand)}.preference-toggle input{width:52px;height:30px;flex:0 0 52px;background:var(--tone-a3b2c6);border-radius:18px}.preference-toggle input:before{width:24px;height:24px;left:3px;top:3px;box-shadow:0 1px 2px var(--tone-17334e1a)}.preference-toggle input:checked{background:var(--brand)}.preference-toggle input:checked:before{transform:translateX(22px)}#method-screen .option-hint{font-size:16px;color:var(--text-soft);line-height:1.3;margin-top:-5px;flex:none}.setup-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.setup-footer .actions{margin:0;justify-content:flex-end;gap:12px}.setup-footer button{font-size:16px;min-height:44px}#ink-tools,#check-ink-tools{gap:8px}#ink-tools button,#check-ink-tools button{border:1px solid var(--line);border-radius:var(--control-radius);background:white;color:var(--brand);font-size:16px}#ink-tools button[aria-pressed=true]{background:var(--surface-selected);border-color:var(--tone-afc8e8);color:var(--text)}#ink-tools button:disabled,#check-ink-tools button:disabled{opacity:1;color:var(--tone-a2b1c4);background:var(--tone-f8fafd)}#open-keypad,#context-hint{border-radius:var(--control-radius);background:var(--surface-soft);border:1px solid var(--line);color:var(--brand)}#digit-keys button,#heading-keys button{border-radius:var(--control-radius);background:var(--surface-soft);border:1px solid transparent;color:var(--text)}.extra-keys button{color:var(--brand)}#completed-model,.completed-paper{border-radius:var(--card-radius)}#print-screen .print-choices{gap:12px;flex:none;margin-top:2px}#print-screen .print-choices button{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--card-radius);font-size:21px;min-height:82px;padding:16px 18px;font-weight:600}#print-screen .print-options{gap:0;margin-top:4px;flex:none}#print-screen .print-options label{padding:10px 0;border-bottom:1px solid var(--tone-e7edf5);min-height:58px;font-size:18px;justify-content:space-between;gap:18px}#print-screen .print-options label:has(input[type=checkbox]){justify-content:flex-start}#print-screen .print-options input[type=checkbox]{width:24px;height:24px}#pre-test-prompts{display:grid;gap:12px;flex:none;counter-reset:ready}#pre-test-prompts p{padding:14px 18px;border-radius:var(--control-radius);font-size:21px;line-height:1.45;background:var(--surface-soft);color:var(--text)}#question-overview{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;max-width:720px;align-self:flex-start;margin-top:6px}#question-overview button{min-height:52px;font-size:20px;border-radius:var(--control-radius);background:var(--surface-soft);border:1px solid var(--line);color:var(--text)}#question-overview button.answered{background:var(--surface-selected);border-color:var(--tone-acc7e8)}#question-overview button.answered:after{background:var(--brand);width:5px;height:5px}#check-prompt{font-size:24px!important;line-height:1.4!important;color:var(--text)!important;max-width:860px;margin-top:8px}#check-label{justify-content:flex-start;font-size:19px;min-height:48px;gap:12px}#check-label input{width:25px;height:25px}#app>#check-screen>.actions{margin-top:0;justify-content:flex-start}#submit-test{align-self:flex-end;min-width:190px}#result-title{color:var(--text)}#result-screen:not(.assessment-card) #result-message{color:var(--text)!important;font-size:22px!important}#result-detail{min-height:0}#result-detail:empty{display:none}#result-detail .report-note{font-size:17px;line-height:1.45;background:var(--surface-soft);border-radius:var(--control-radius);padding:12px 16px;color:var(--text-soft)}#result-detail .review-question{font-size:21px;line-height:1.5}#result-detail .review-controls{justify-content:flex-start;gap:12px;font-size:15px}#app>#result-screen>.actions{flex-wrap:wrap}#test-overview,#progress-screen{max-width:1100px;gap:14px;margin:0 auto}#score-chart{border-radius:var(--card-radius);border:1px solid var(--line);padding:20px;background:white;min-height:120px}#test-history-summary{font-size:18px;color:var(--text-soft)}#start-test{min-width:200px}.progress-key{gap:8px}.progress-key span{border:1px solid transparent;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:500}.status-not-started{background:var(--tone-f8fafd);border-color:var(--line);color:var(--text)}.status-practising{background:var(--practice-fill);border-color:var(--practice-line);color:var(--text)}.status-secure{background:var(--secure-fill);border-color:var(--secure-line);color:var(--secure-text)}.skill-progress-card{border-radius:var(--card-radius);padding:16px;gap:8px}.skill-progress-card h2{font-size:18px;line-height:1.3;letter-spacing:0}.streak-line{font-size:16px;line-height:1.3}.skill-progress-card button{font-size:15px;border-radius:var(--control-radius);background:#ffffffcf;border:1px solid var(--tone-d5e0ee);min-height:44px;padding:8px 12px}.progress-pages{gap:12px}.progress-pages button{background:var(--surface-selected);min-height:44px;color:var(--text);font-size:15px}#mental-screen,#formation-screen{max-width:1100px;width:100%;margin:0 auto;gap:12px}#mental-paper{border-radius:var(--card-radius);border-color:var(--line);background-color:white}#mental-title{font-size:20px;line-height:1.35;color:var(--text-soft)}#mental-caption{font-size:26px;line-height:1.35;font-weight:500;color:var(--text)}.mental-controls{display:flex;flex-direction:column;gap:8px;flex:none}#mental-screen .mental-controls .actions{gap:12px;margin:0}.mental-controls .actions button,.mental-navigation button{flex:1;min-height:44px;font-size:16px}.mental-navigation{display:flex;gap:12px}#formation-caption{font-size:22px;line-height:1.4;color:var(--text)}#formation-model{border:1px solid var(--line);border-radius:var(--card-radius);background:white;padding:10px}#formation-attempts{gap:12px}.formation-attempt svg{border-radius:var(--control-radius);border-color:var(--line)}.formation-attempt button{color:var(--brand);font-size:15px;min-height:44px}#formation-count{font-size:16px;color:var(--text-soft)}dialog{border-radius:20px;color:var(--text)}dialog::backdrop{background:var(--tone-263f634d)}dialog h2{letter-spacing:-.3px}dialog .small,dialog #voice-status{font-size:14px;line-height:1.4;color:var(--text-soft)}dialog .actions{flex-wrap:nowrap}dialog .actions button{font-size:16px}dialog .close{float:none;min-width:72px;min-height:44px;padding:8px 12px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.dialog-heading h2{margin:0}.dialog-heading form{margin:0;flex:none}#activity-dialog{max-width:620px}#activity-dialog h2{font-size:30px;color:var(--brand)}#activity-dialog p{font-size:22px;line-height:1.45}#tools-dialog{width:min(680px,calc(100% - 32px));max-width:680px;padding:22px;overflow:hidden}#tools-dialog[open]{display:flex;flex-direction:column;gap:16px}.settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:none}.settings-tabs button{min-width:0;min-height:44px;font-size:15px}.settings-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px}.settings-panel{display:flex;flex-direction:column;gap:8px}#tools-dialog .setting-row,#tools-dialog .speed-control{font-size:18px;min-height:58px;padding:10px 0;margin:0;border-bottom:1px solid var(--tone-e7edf5);line-height:1.35;gap:16px;justify-content:space-between}#tools-dialog .setting-row input[type=range]{max-width:52%;min-width:100px;min-height:44px}#tools-dialog .setting-row select{max-width:65%;font-size:16px;min-width:0}#tools-dialog input[type=checkbox],#tools-dialog input[type=radio]{width:24px;height:24px;flex:0 0 24px}#tools-dialog .speed-control{display:grid;grid-template-columns:160px minmax(0,1fr) 48px}#tools-dialog .speed-control output{font-size:16px;color:var(--brand);text-align:right;font-weight:600}#tools-dialog input[type=range]{accent-color:var(--brand);min-height:44px;width:100%}#tools-dialog fieldset{display:flex;gap:12px;margin:0 0 8px;padding:0;border:0;flex-wrap:wrap}#tools-dialog legend{font-size:18px;margin-bottom:12px;padding:0;line-height:1.4}#tools-dialog fieldset label{border:1px solid var(--line);padding:12px 16px;border-radius:var(--control-radius);font-size:19px;min-width:0;min-height:52px;margin:0;flex:1;gap:12px;background:white}#tools-dialog fieldset label:has(input:checked){background:var(--surface-selected);border-color:var(--tone-8eb1da);font-weight:600}#tools-dialog #grown-up-tools{margin:0;border:0;padding:0}#tools-dialog #grown-up-tools>summary{font-size:18px;min-height:44px;font-weight:600}#stage-threshold{width:70px;border:1px solid var(--line);border-radius:var(--control-radius);padding:8px;font-size:18px;flex:none}#teaching-tools,.grown-up-print-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin:12px 0;padding:0}#teaching-tools button,.grown-up-print-actions button{font-size:15px;text-align:center;min-width:0;min-height:44px}#history p{font-size:15px;color:var(--text-soft)}#history button{font-size:15px;min-height:44px;text-align:left}.destructive{color:#934737;background:#fff4f0;border:1px solid #e8c8be;min-height:44px}#clear-data{margin-top:16px;width:100%;text-align:center}#confirm-answer{border-radius:var(--control-radius);border-color:var(--line)}#recognition-dialog{max-width:560px}#recognition-ink{background:var(--surface-soft);border-radius:var(--card-radius)}#recognition-keys button{border-radius:var(--control-radius);background:var(--surface-selected);color:var(--text);min-height:44px}#keypad-dialog{border-radius:20px}#keypad-dialog .extra-keys button{min-height:44px;font-size:14px}#comparison-paper{border-radius:var(--card-radius);border:1px solid var(--line);overflow:hidden}@media(max-height:650px){#app>.panel-screen{gap:8px;margin-bottom:10px}main h1{font-size:28px}.page-title p{font-size:17px}.current-method h2{font-size:21px}.method-badge{display:none}#method-screen .option-hint{font-size:14px}.setup-footer{gap:8px}.setup-footer button{font-size:14px;padding:8px 10px}#print-screen .print-choices button{min-height:66px;font-size:18px;padding:12px}#print-screen .print-options label{font-size:16px;min-height:48px;padding:4px 0}#pre-test-prompts{gap:8px}#pre-test-prompts p{font-size:18px;padding:10px 14px}#question-overview button{min-height:44px}#check-prompt{font-size:21px!important}#check-label{font-size:17px}#mental-caption{font-size:22px}.mental-controls{gap:4px}#formation-caption{font-size:19px}}@media(max-width:650px) and (orientation:portrait){#app>.panel-screen{margin:4px auto 12px;gap:10px}main h1{font-size:28px}.page-title p{font-size:17px}#home-screen{gap:12px}.home-choices{gap:10px;grid-auto-rows:minmax(80px,1fr)}.home-choices .home-card,.home-choices .practice-card>.home-card{min-height:80px;padding:12px;font-size:18px;gap:10px}.home-choices .card-icon{width:34px;height:34px;flex-basis:34px;border-radius:11px}.home-choices .card-icon svg{width:23px;height:23px}.home-choices .card-arrow{display:none}#resume{font-size:15px}#year-choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:0}#year-choices button{font-size:23px}#skill-screen{gap:8px}#skill-choices{gap:7px}#skill-choices button{padding:7px;font-size:13px;border-radius:14px}.current-method h2{font-size:21px}#method-screen .option-hint{font-size:14px;margin-top:-4px}.setup-footer{display:flex;flex-direction:column;gap:6px;align-items:stretch}.setup-footer .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-footer button{font-size:15px}#alignment-practice{align-self:flex-start;padding-left:0}#app>.panel-screen>.actions{gap:8px;flex-wrap:wrap;justify-content:stretch}#app>.panel-screen>.actions button{min-width:0;flex:1;font-size:15px;padding:8px 10px}#print-screen .print-choices button{font-size:18px;min-height:76px;padding:12px}#print-screen .print-options label{font-size:16px;gap:10px;flex-wrap:wrap;padding:8px 0}#print-screen .print-options select{font-size:14px;max-width:100%}#question-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#question-overview button{min-height:44px;font-size:19px}#check-prompt{font-size:21px!important;margin-top:4px}#check-label{font-size:17px}#submit-test{align-self:stretch;min-width:0}#result-screen:not(.assessment-card) #result-message{font-size:20px!important}#result-detail .report-note{font-size:16px;padding:10px 12px}.progress-key{gap:5px}.progress-key span{font-size:12px;padding:5px 7px}.skill-progress-card{padding:14px}.skill-progress-card h2{font-size:18px}.streak-line{font-size:16px}.progress-pages{gap:6px}.progress-pages button{font-size:13px;padding:7px}#score-chart{padding:12px}#test-history-summary{font-size:16px}#mental-title{font-size:18px}#mental-caption{font-size:22px}.mental-controls .actions button,.mental-navigation button{font-size:15px}#formation-caption{font-size:20px}#formation-model{width:96px;height:96px}#formation-attempts{gap:8px}.formation-attempt button{font-size:13px}dialog{border-radius:20px}dialog .actions button{font-size:15px;padding:8px 10px}#activity-dialog h2{font-size:27px}#activity-dialog p{font-size:20px}#tools-dialog{width:calc(100% - 24px);padding:16px}#tools-dialog[open]{gap:12px}.settings-tabs button{font-size:12px}#tools-dialog .setting-row,#tools-dialog .speed-control{font-size:16px;min-height:54px;gap:10px;padding:8px 0}#tools-dialog .speed-control{grid-template-columns:112px minmax(0,1fr) 36px}#tools-dialog .setting-row select{max-width:60%;font-size:14px;padding:7px}#tools-dialog fieldset label{font-size:18px;padding:10px;min-height:48px}#tools-dialog legend{font-size:17px}.grown-up-print-actions,#teaching-tools{grid-template-columns:1fr}}@media(max-width:360px) and (orientation:portrait){#app>.panel-screen{gap:6px}.home-choices .home-card,.home-choices .practice-card>.home-card{font-size:17px;padding:10px;gap:8px;min-height:78px}.home-choices .card-icon{width:30px;height:30px;flex-basis:30px}.home-choices .card-icon svg{width:21px;height:21px}.current-method h2{font-size:20px}#print-screen .print-choices button{font-size:17px;min-height:70px}#print-screen .print-options label{font-size:15px;min-height:44px;padding:4px 0}}@media(orientation:landscape) and (max-height:500px){#app>.panel-screen{margin-top:0;margin-bottom:8px;gap:6px}main h1{font-size:24px}.page-title p{font-size:15px}#home-screen{gap:8px}.home-choices{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:8px}.home-choices .home-card,.home-choices .practice-card>.home-card{min-height:76px;font-size:15px;padding:10px;gap:8px;flex-direction:column;align-items:flex-start}.home-choices .card-icon{width:28px;height:28px;flex-basis:28px}.home-choices .card-icon svg{width:20px;height:20px}.home-choices .card-arrow{display:none}#resume{font-size:13px}#year-choices{gap:8px;margin:0}#year-choices button{font-size:22px}#skill-choices{gap:6px}#skill-choices button{font-size:13px;padding:6px;border-radius:14px}#method-screen .page-title{grid-column:1;grid-row:1}.page-title p{line-height:1.25}#method-screen .page-title p{display:none}#method-screen .preference-toggle:has(#method-headings){grid-row:1}#method-screen .preference-toggle:has(#method-circle){grid-row:2}#method-screen .preference-toggle:has(#method-layout){grid-row:3}#method-screen .option-hint{display:none}.setup-footer{grid-column:1/-1;grid-row:4;display:flex;flex-direction:row;gap:8px;align-items:center}.setup-footer .actions{display:flex;gap:8px}.setup-footer button{font-size:13px;padding:6px 8px}#app>#print-screen{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto minmax(0,1fr);align-content:start}#print-screen>h1{grid-column:1;grid-row:1}#print-screen>p{grid-column:1;grid-row:2;font-size:15px}#print-screen .print-choices{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;margin:0}#print-screen .print-choices button{min-height:60px;font-size:16px;padding:10px}#print-screen .print-options{grid-column:1;grid-row:3;margin:0}#print-screen .print-options label{font-size:13px;min-height:44px;padding:0;gap:6px;flex-wrap:nowrap}#print-screen .print-options select{font-size:12px;padding:5px;min-width:0;max-width:62%}#app>#pre-test{display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto 1fr;gap:8px 16px}#pre-test>h1{grid-column:1;grid-row:1}#pre-test-prompts{grid-column:1;grid-row:2;gap:6px}#pre-test-prompts p{font-size:15px;padding:7px 10px;line-height:1.3}#app>#pre-test>.actions{grid-column:2;grid-row:1/3;flex-direction:column;justify-content:center;margin:0}#app>#pre-test>.actions button{min-width:0;width:100%;font-size:14px}#question-overview{gap:4px;margin:0}#question-overview button{min-height:44px;font-size:17px;padding:4px}#check-prompt{grid-column:2;grid-row:2;margin:0}#check-label{grid-column:2;grid-row:3}#app>#check-screen>.actions{grid-column:2;grid-row:4;gap:4px;margin:0}#app>#check-screen>.actions button{font-size:13px;min-width:0;padding:6px;flex:1}#submit-test{font-size:14px}#result-screen:not(.assessment-card) #result-message{font-size:18px!important}#result-detail .report-note{font-size:14px;padding:7px 10px}#result-detail .review-question{font-size:17px}#app>#result-screen>.actions button{font-size:14px;padding:6px 10px}#mental-title{font-size:16px}#mental-caption{font-size:20px}.mental-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}#mental-screen .mental-controls .actions,.mental-navigation{gap:6px}.mental-controls .actions button,.mental-navigation button{font-size:13px;padding:6px}#formation-caption{font-size:16px}#formation-model{width:66px;height:66px;padding:6px}.skill-progress-card{padding:10px;gap:5px}.skill-progress-card h2{font-size:16px}.streak-line{font-size:14px}.skill-progress-card button{font-size:14px;min-height:44px}.progress-pages button{font-size:13px}#activity-dialog h2{font-size:25px}#activity-dialog p{font-size:18px}#tools-dialog{padding:12px 16px}#tools-dialog[open]{gap:8px}.dialog-heading h2{font-size:24px}.settings-tabs button{font-size:13px;min-height:44px}} :root{--content-width:1100px;--form-width:920px}#app>.panel-screen{flex:0 1 auto;max-width:var(--form-width);padding:20px}#app>.panel-screen>.actions{margin-top:20px}.setup-footer{margin-top:16px}#submit-test{margin-top:16px}#choose-another-year{margin-top:16px}#year-choices{flex:none;grid-template-rows:repeat(2,minmax(90px,1fr))}#year-choices button{min-height:90px}#mental-screen .mental-controls .actions{display:flex}@media(max-height:650px){#app>.panel-screen{padding:16px}.setup-footer{margin-top:8px}#app>.panel-screen>.actions{margin-top:12px}}@media(max-width:650px) and (orientation:portrait){#app>.panel-screen{padding:16px}#year-choices{grid-template-rows:repeat(3,minmax(68px,1fr))}#year-choices button{min-height:68px}}@media(max-width:360px) and (orientation:portrait){#app>.panel-screen{padding:12px}}@media(orientation:landscape) and (max-height:500px){#app>.panel-screen{padding:12px;flex:0 1 auto}.home-choices>.progress-card{grid-column:span 2}#year-choices{grid-template-rows:repeat(2,minmax(52px,1fr))}#year-choices button{min-height:52px}.setup-footer{margin:0}#app>#pre-test>.actions,#app>#check-screen>.actions,#app>#result-screen>.actions{margin-top:0}#check-screen>h1{grid-column:2;grid-row:1;font-size:22px}#question-overview{grid-column:1;grid-row:1/6;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch}#check-prompt{font-size:16px!important;line-height:1.3!important}#check-label{font-size:15px;min-height:44px}#submit-test{grid-column:2;grid-row:5;min-width:0;justify-self:stretch;margin-top:0}}#app>header #home,#app>header #tools{min-width:44px}.formation-attempt button{width:100%;padding:6px 4px}.high-contrast{--text:var(--tone-10213d);--text-soft:var(--tone-324b6c);--line:var(--tone-91a9c9);--surface-soft:var(--tone-eaf0f8);--brand:var(--tone-244f84);--primary:var(--tone-244f84);--muted:var(--tone-324b6c);--edge:var(--tone-91a9c9)}.high-contrast #app>header #lesson-journey button[aria-current=step]{background:var(--brand)}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{transition:none!important;scroll-behavior:auto!important}#compare-dialog .dialog-heading{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){button,input,.switch-track,.switch-track:after{transition:none!important}}@media screen{#app>#result-screen button{min-height:44px}}@media screen and (orientation:landscape) and (max-height:360px){#skill-choices button{font-size:12px;line-height:1.1;padding:2px 4px}.lesson-layout{grid-template-columns:minmax(190px,1fr) minmax(0,1.8fr)}#ink-tools,#check-ink-tools{gap:4px}#ink-tools button,#check-ink-tools button{font-size:12px;min-width:44px;padding:4px}}@media screen and (orientation:landscape) and (max-height:500px){#test-overview,#progress-screen{gap:8px}#score-chart{min-height:70px;padding:8px}#test-history-summary{font-size:15px}}@media screen and (max-width:360px) and (orientation:portrait){#skill-choices button{font-size:12px;line-height:1.1;padding:4px}#question-overview{gap:4px}#check-prompt{font-size:19px!important;line-height:1.3!important}#app>#check-screen>.actions,#submit-test{margin-top:4px}}@media screen and (max-width:650px) and (orientation:portrait) and (max-height:740px){.lesson-guide .step-explanation{gap:6px}}@media screen and (orientation:landscape) and (max-height:360px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-layout{grid-template-columns:minmax(108px,1fr) minmax(0,3fr)}#ink-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.lesson-guide .step-explanation:has(#partition:not([hidden])){display:flex;align-items:stretch;gap:5px}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) #partition{align-self:center}#remember{padding:6px 8px}}@media screen and (max-width:650px){#lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-rows:minmax(60px,1fr) minmax(0,auto)}#lesson-screen[data-check-lesson=true] .lesson-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:minmax(0,1fr) 44px;gap:6px;padding:8px;max-height:100%;min-height:0}#lesson-screen[data-check-lesson=true] .step-explanation{grid-column:1/-1;grid-row:1;min-width:0;min-height:0;max-height:100%;width:100%}#lesson-screen[data-check-lesson=true] #see-addition{grid-column:1;grid-row:2;width:100%;font-size:11px;padding:3px;min-height:44px}#lesson-screen[data-check-lesson=true] #lesson-actions{grid-column:2;grid-row:2;width:100%;min-width:0;gap:4px}#lesson-screen[data-check-lesson=true] #teaching-navigation{grid-column:3;grid-row:2;width:100%;gap:2px}#lesson-screen[data-check-lesson=true] #lesson-actions button,#lesson-screen[data-check-lesson=true] #teaching-navigation button{min-width:0;min-height:44px;font-size:10px;padding:3px}#lesson-screen[data-check-lesson=true] #lesson-actions button{flex:1}}@media screen and (max-width:360px) and (orientation:portrait){#lesson-screen[data-check-lesson=true] .lesson-guide{padding:6px;gap:4px;grid-template-columns:minmax(44px,1fr) minmax(92px,1fr) minmax(90px,1.25fr)}#lesson-screen[data-check-lesson=true] #lesson-actions button,#lesson-screen[data-check-lesson=true] #teaching-navigation button{min-width:44px}}@media screen{#support-tools{display:flex;gap:8px;flex:none;min-width:0}#support-tools:has(#open-keypad[hidden]):has(#context-hint[hidden]){display:none}#support-tools>button{flex:1;min-width:0;margin:0}#support-tools #open-keypad{white-space:normal}@media(max-width:360px){#support-tools>button{font-size:14px;padding:5px}}}@media screen and (orientation:landscape) and (max-height:360px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide:has(#support-tools>button:not([hidden])){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr) 44px}.lesson-guide:has(#support-tools>button:not([hidden])) #support-tools{grid-column:1;grid-row:2;gap:4px}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide:has(#support-tools>button:not([hidden])) #lesson-actions{grid-column:2;grid-row:2}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide:has(#support-tools>button:not([hidden])) #teaching-navigation{grid-column:3;grid-row:2}#support-tools #open-keypad{font-size:10px;line-height:1.1;padding:3px;min-width:44px;min-height:44px}#support-tools #context-hint{font-size:12px;min-width:44px;padding:3px}}#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:300px;max-width:100%}@media(max-width:1000px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:230px}}@media(max-width:650px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:180px}}@media(max-height:740px) and (max-width:650px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:140px}}@media(max-height:360px){#lesson-screen:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:120px}}@media screen{#app{max-width:none;height:var(--app-height,100dvh);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#app>header{padding-left:max(var(--page-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter),env(safe-area-inset-right,0px))}#app>header #home,#app>header #tools{font-size:16px;line-height:1.2;min-height:44px;padding:8px 10px}#app>main{padding-left:max(var(--page-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter),env(safe-area-inset-right,0px))}#app #lesson-screen{position:relative;flex:1;padding-bottom:var(--page-gutter)}#app #lesson-screen .lesson-layout{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch}#app #lesson-screen .method-board{min-width:0;display:flex;flex-direction:column;gap:6px}#app #lesson-screen #paper-scroll{flex:1}#app #lesson-screen #ink-tools,#app #lesson-screen #check-ink-tools{margin:0;gap:6px;flex:none;grid-template-columns:repeat(4,minmax(0,1fr))}#app #lesson-screen #ink-tools button,#app #lesson-screen #check-ink-tools button{min-height:44px;max-height:44px;padding:6px;font-size:16px;border-radius:12px}#app #lesson-screen .lesson-guide{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;align-self:stretch;align-items:stretch;justify-content:flex-start;height:100%;min-height:0;max-height:100%;min-width:0;padding:18px;gap:10px;border-radius:18px}#app #lesson-screen .step-explanation{display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;min-width:0;width:100%;max-height:100%;padding:0}#app #lesson-screen #caption{max-width:32em;margin:0;overflow:visible}#app #lesson-screen #remember{padding:10px 12px;border-radius:12px;margin:0}#app #lesson-screen #remember-text{font-size:23px;line-height:1.28}#app #lesson-screen .remember-label{font-size:16px}#app #lesson-screen #partition{width:280px;max-width:100%;flex:none;align-self:center;justify-self:center;margin:0 auto}#app #lesson-screen #support-tools{display:flex;flex:none;gap:8px;margin:0}#app #lesson-screen #support-tools:has(#open-keypad[hidden]):has(#context-hint[hidden]){display:none}#app #lesson-screen #lesson-actions{display:flex;flex-wrap:nowrap;gap:8px;flex:none;grid-column:auto;grid-row:auto;width:100%;margin:0}#app #lesson-screen #lesson-actions button{flex:1;min-height:48px;font-size:16px;padding:8px 12px;border-radius:14px;min-width:0}#app #lesson-screen #teaching-navigation{display:flex;gap:8px;flex:none;grid-column:auto;grid-row:auto;width:100%;padding:0;margin:0;border:0}#app #lesson-screen #teaching-navigation button{flex:1;min-height:44px;font-size:15px;padding:6px 8px}#app #lesson-screen #support-tools button{min-height:44px;font-size:15px;padding:6px 8px}#app #lesson-screen #read-step{flex:none;width:100%;min-height:44px;max-height:44px;font-size:17px;padding:7px 12px;margin:0;text-align:center}#app #lesson-screen .lesson-guide[data-folded=true][data-expanded=false] .step-explanation{display:none!important}#app #lesson-screen .lesson-layout[data-guide-open=true]>.lesson-guide{z-index:20;height:auto;max-height:none}#app #lesson-screen .lesson-guide[data-expanded=true] .step-explanation{display:flex!important;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-right:4px;scrollbar-gutter:stable}#app #lesson-screen[data-workspace=practice] .lesson-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}#app #lesson-screen[data-workspace=practice] .lesson-guide{height:auto;max-height:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(160px,230px);align-items:center;padding:10px 14px;gap:12px}#app #lesson-screen[data-workspace=practice] .step-explanation{display:block;flex:none}#app #lesson-screen[data-workspace=practice] #caption{font-size:20px;line-height:1.3}#app #lesson-screen[data-workspace=practice] #support-tools{min-width:90px}#app #lesson-screen[data-workspace=practice] #support-tools button{min-width:80px}#app #lesson-screen[data-with-check=true] .lesson-layout,#app #lesson-screen[data-stage=Check] .lesson-layout{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto}#app #lesson-screen[data-with-check=true] .lesson-guide,#app #lesson-screen[data-stage=Check] .lesson-guide{grid-column:1/-1;height:auto;max-height:330px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px;gap:10px}#app #lesson-screen[data-stage=Check] .step-explanation{min-width:45%;flex:1}#app #lesson-screen[data-stage=Check] #caption{font-size:24px}#app #lesson-screen[data-stage=Check] #lesson-actions,#app #lesson-screen[data-stage=Check] #teaching-navigation{width:220px}#app #lesson-screen[data-stage=Check] #read-step{width:180px}#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true]{flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-height:none}#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true] .step-explanation{min-width:0;width:100%}#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true] #lesson-actions,#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true] #teaching-navigation{width:100%}#app #home-screen{margin-top:clamp(28px,7vh,84px);margin-bottom:auto}#app>.panel-screen h1,#app .page-title h1{font-size:32px;line-height:1.2}#tools-dialog{height:min(620px,calc(var(--app-height,100dvh) - 24px))}#app #lesson-screen #see-addition{flex:none;min-height:44px;font-size:15px;padding:6px 8px}}@media screen and (max-width:1000px){#app #lesson-screen .lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}#app #lesson-screen .lesson-guide{padding:14px;gap:8px}#app #lesson-screen #partition{width:230px}}@media screen and (min-width:651px) and (orientation:portrait){#app #lesson-screen[data-workspace=learn]:not([data-stage=Check]) .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(170px,24%)}#app #lesson-screen .step-explanation:has(#partition:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:10px}#app #lesson-screen .step-explanation:has(#partition:not([hidden])) #remember{grid-column:1/-1}#app #lesson-screen .step-explanation:has(#partition:not([hidden])) #caption{grid-column:1}#app #lesson-screen .step-explanation:has(#partition:not([hidden])) #partition{grid-column:2;width:180px}}@media screen and (max-width:650px){#app>header{flex-basis:56px;padding-top:4px;padding-bottom:4px}#app>header #home,#app>header #tools{font-size:15px;padding:8px 4px}#header-context{width:100%}#app>header #stage-toggle{display:flex;align-items:center;justify-content:center;gap:8px;max-width:200px;min-width:0;font-size:16px;white-space:nowrap}#app>header #lesson-journey{display:none;position:absolute;z-index:40;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:min(300px,calc(100vw - 24px));background:white;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 12px 32px var(--tone-263f6326)}#app>header #lesson-journey[data-menu-open=true]{display:block}#app>header #lesson-journey ol{display:grid;grid-template-columns:1fr;gap:4px}#app>header #lesson-journey button{width:100%;font-size:17px}#app #lesson-screen .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) clamp(176px,32dvh,260px)}#app #lesson-screen .lesson-guide{padding:10px 12px;gap:6px}#app #lesson-screen #remember-text{font-size:19px}#app #lesson-screen #remember{padding:7px 10px}#app #lesson-screen .remember-label{font-size:15px;margin-bottom:3px}#app #lesson-screen #partition{width:200px}#app #lesson-screen #lesson-actions button{min-height:44px;max-height:44px;padding:7px;font-size:16px}#app #lesson-screen #teaching-navigation button{min-height:44px;max-height:44px;font-size:14px;padding:5px}#app #lesson-screen #support-tools button{font-size:14px;padding:5px;min-height:44px}#app #lesson-screen[data-workspace=practice] .lesson-layout{grid-template-rows:minmax(0,1fr) auto}#app #lesson-screen[data-workspace=practice] .lesson-guide{grid-template-columns:minmax(0,1fr) minmax(120px,1fr);gap:6px 10px;padding:10px 12px}#app #lesson-screen[data-workspace=practice] .step-explanation{grid-column:1/-1}#app #lesson-screen[data-workspace=practice] #caption{font-size:18px}#app #lesson-screen[data-workspace=practice] #support-tools{grid-column:1;grid-row:2}#app #lesson-screen[data-workspace=practice] #lesson-actions{grid-column:2;grid-row:2}#app #lesson-screen[data-with-check=true] .lesson-layout{gap:8px}#app #lesson-screen[data-with-check=true] .lesson-guide{padding:8px;gap:6px;flex-direction:row;max-height:none}#app #lesson-screen[data-with-check=true] #lesson-actions{width:auto}#app #lesson-screen[data-stage=Check] .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 176px}#app #lesson-screen[data-stage=Check] .lesson-guide{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 44px;max-height:none;height:100%;gap:6px}#app #lesson-screen[data-stage=Check] .step-explanation{grid-column:1/-1;grid-row:1;min-width:0;max-height:100%}#app #lesson-screen[data-stage=Check] #read-step{grid-column:1/-1;grid-row:1;width:100%}#app #lesson-screen[data-stage=Check] #lesson-actions{grid-column:1;grid-row:2;width:100%}#app #lesson-screen[data-stage=Check] #teaching-navigation{grid-column:2;grid-row:2;width:100%;gap:2px}#app #lesson-screen[data-stage=Check] #lesson-actions button,#app #lesson-screen[data-stage=Check] #teaching-navigation button{font-size:12px;padding:4px}#app #lesson-screen[data-stage=Check] #see-addition{position:absolute;right:8px;top:-50px;background:white;border:1px solid var(--line);border-radius:12px;z-index:3}#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true]{display:flex;flex-direction:column;height:auto}#app #home-screen{margin-top:28px}#app #home-screen h1,#app>.panel-screen h1,#app .page-title h1{font-size:28px}}@media screen and (orientation:landscape) and (max-height:500px){#app>header{flex-basis:48px}#app #lesson-screen{padding-bottom:8px}#app #lesson-screen .lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);grid-template-rows:minmax(0,1fr)}#app #lesson-screen .lesson-guide{padding:8px;gap:5px}#app #lesson-screen #remember-text{font-size:18px}#app #lesson-screen #lesson-actions button,#app #lesson-screen #teaching-navigation button{min-height:44px;max-height:44px;font-size:14px;padding:5px}#app #lesson-screen #support-tools button{font-size:13px;padding:5px}#app #lesson-screen[data-workspace=practice] .lesson-guide{grid-template-columns:minmax(0,1fr) auto 180px}#app #lesson-screen[data-workspace=practice] .step-explanation{grid-column:auto;grid-row:auto}#app #lesson-screen[data-workspace=practice] #support-tools,#app #lesson-screen[data-workspace=practice] #lesson-actions{grid-column:auto;grid-row:auto}#app #lesson-screen[data-workspace=practice] #caption{font-size:17px}#app #lesson-screen[data-stage=Check] .lesson-guide{grid-template-columns:minmax(0,1fr) 180px 190px;grid-template-rows:minmax(0,1fr);padding:6px}#app #lesson-screen[data-stage=Check] #read-step,#app #lesson-screen[data-stage=Check] .step-explanation{grid-column:1;grid-row:1}#app #lesson-screen[data-stage=Check] #lesson-actions{grid-column:2;grid-row:1}#app #lesson-screen[data-stage=Check] #teaching-navigation{grid-column:3;grid-row:1}#app #lesson-screen[data-stage=Check] #see-addition{font-size:13px}#app #home-screen{margin-top:12px}#app #home-screen h1,#app>.panel-screen h1,#app .page-title h1{font-size:26px}}@media screen{html[data-keyboard-open=true] #app #lesson-screen .lesson-guide{height:auto;max-height:160px;padding:6px;gap:4px}html[data-keyboard-open=true] #app #lesson-screen .lesson-layout{grid-template-rows:minmax(0,1fr) auto}html[data-keyboard-open=true] #app #lesson-screen .lesson-guide:not([data-expanded=true]) .step-explanation{display:none!important}html[data-keyboard-open=true] #app #lesson-screen .lesson-guide[data-expanded=true]{height:auto;max-height:none}}@media screen and (max-width:650px) and (orientation:portrait){#app #lesson-screen[data-workspace=learn]:not([data-stage=Check]) .lesson-layout{grid-template-rows:minmax(0,1fr) 220px}}@media screen and (max-width:650px) and (orientation:portrait) and (max-height:740px){#app #lesson-screen[data-workspace=learn]:not([data-stage=Check]) .lesson-layout{grid-template-rows:minmax(0,1fr) 176px}#app #lesson-screen[data-workspace=learn]:not([data-stage=Check]) .lesson-layout:has(#support-tools>button:not([hidden])){grid-template-rows:minmax(0,1fr) 220px}}@media screen and (max-width:650px){#app #lesson-screen[data-with-check=true] .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}#app #lesson-screen[data-with-check=true][data-active-paper=answer] #test-check-board{display:none}#app #lesson-screen[data-with-check=true][data-active-paper=check] .method-board:has(#paper-scroll),#app #lesson-screen[data-with-check=true][data-active-paper=check] #completed-board{display:none}#app #lesson-screen[data-with-check=true][data-active-paper=check] #test-check-board{display:flex}#app #lesson-screen[data-with-check=true][data-active-paper=answer] #completed-board:not([hidden]){display:flex}#app #lesson-screen[data-with-check=true] #see-addition{display:block;position:static;max-width:130px;min-height:44px}#app #lesson-screen[data-with-check=true] #question-heading{font-size:18px;margin:0 0 6px}#app #lesson-screen[data-with-check=true] #support-tools{max-width:200px}#app #lesson-screen[data-with-check=true] .lesson-guide{flex-wrap:wrap}#app #lesson-screen[data-with-check=true] #assessment-actions{min-width:150px;flex:1;gap:4px}#app #lesson-screen[data-with-check=true] #assessment-actions button{min-width:44px;padding:6px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-workspace=practice] .lesson-layout{grid-template-columns:minmax(200px,1fr) minmax(230px,1fr);grid-template-rows:minmax(0,1fr) 48px;gap:6px 10px}#app #lesson-screen[data-workspace=practice] .method-board:has(#paper-scroll){display:contents}#app #lesson-screen[data-workspace=practice] #paper-scroll{grid-column:1/-1;grid-row:1}#app #lesson-screen[data-workspace=practice] #ink-tools{grid-column:1;grid-row:2;max-width:250px;align-self:center}#app #lesson-screen[data-workspace=practice] .lesson-guide{grid-column:2;grid-row:2;display:flex;flex-direction:row;align-items:center;padding:2px 6px;gap:6px;height:48px}#app #lesson-screen[data-workspace=practice] .step-explanation{display:none}#app #lesson-screen[data-workspace=practice] #support-tools{flex:1;min-width:64px}#app #lesson-screen[data-workspace=practice] #lesson-actions{width:140px;flex:none}#app #lesson-screen[data-workspace=practice] .lesson-layout:has(#ink-tools[hidden]) .lesson-guide{grid-column:1/-1;justify-content:flex-end}#app #lesson-screen[data-workspace=practice] .lesson-layout:has(#ink-tools[hidden]) #support-tools{max-width:330px}}@media screen and (max-width:650px){#app>header .stage-chevron{display:block;width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}#app #lesson-screen[data-with-check=true] #lesson-actions{min-width:140px;flex:1 0 140px}}@media screen and (orientation:landscape) and (max-height:500px){#app>#check-screen>h1{font-size:22px}}@media screen{#app #lesson-screen[data-with-check=true] .step-explanation{display:none!important}#app #lesson-screen .lesson-guide[data-expanded=true] #support-tools,#app #lesson-screen .lesson-guide[data-expanded=true] #lesson-actions,#app #lesson-screen .lesson-guide[data-expanded=true] #teaching-navigation,#app #lesson-screen .lesson-guide[data-expanded=true] #see-addition{display:none!important}#app #lesson-screen[data-workspace=learn]:not([data-stage=Check]) #lesson-actions{margin-top:auto}#app #method-screen .page-title{gap:6px}#app #method-screen .preference-toggle:last-child{border-bottom:0}#app #method-screen .setup-extras{display:grid;grid-template-columns:1fr 1fr}#app #method-screen #method-continue{width:100%}}@media screen and (max-width:650px){#app #method-screen .page-title p{font-size:18px;line-height:1.3}}@media screen and (max-width:650px) and (max-height:650px){#app #method-screen .setup-extras button{font-size:14px}}@media screen and (orientation:landscape) and (max-height:500px){#app #method-screen .page-title p{font-size:15px}}@media screen and (min-width:651px) and (min-height:501px){#app #lesson-screen[data-stage=Check] .lesson-layout{grid-template-rows:minmax(0,1fr) 180px}#app #lesson-screen[data-stage=Check] .lesson-guide{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(180px,1fr) minmax(200px,1fr);grid-template-rows:minmax(0,1fr) 48px;height:100%;max-height:100%;align-items:stretch}#app #lesson-screen[data-stage=Check] .step-explanation,#app #lesson-screen[data-stage=Check] #read-step{grid-column:1/-1;grid-row:1;min-width:0;width:100%}#app #lesson-screen[data-stage=Check] #read-step{align-self:start}#app #lesson-screen[data-stage=Check] #see-addition{grid-column:1;grid-row:2;width:100%}#app #lesson-screen[data-stage=Check] #lesson-actions{grid-column:2;grid-row:2;width:100%}#app #lesson-screen[data-stage=Check] #teaching-navigation{grid-column:3;grid-row:2;width:100%}#app #lesson-screen[data-stage=Check] #teaching-navigation button{font-size:14px}#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true]{display:flex}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-stage=Check] .lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);grid-template-rows:minmax(0,1fr)}#app #lesson-screen[data-stage=Check] #completed-board,#app #lesson-screen[data-stage=Check] .method-board:has(#paper-scroll){grid-column:1;grid-row:1}#app #lesson-screen[data-stage=Check][data-show-completed=true] .method-board:has(#paper-scroll){display:none}#app #lesson-screen[data-stage=Check][data-show-completed=false] #completed-board{display:none}#app #lesson-screen[data-stage=Check] .lesson-guide{grid-column:2;grid-row:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;height:100%;max-height:100%}#app #lesson-screen[data-stage=Check] .step-explanation{width:100%;min-width:0;flex:1}#app #lesson-screen[data-stage=Check] #read-step{width:100%}#app #lesson-screen[data-stage=Check] #see-addition{position:static;margin-top:auto;width:100%;max-width:none}#app #lesson-screen[data-stage=Check] #lesson-actions,#app #lesson-screen[data-stage=Check] #teaching-navigation{width:100%;margin:0}#app #lesson-screen[data-stage=Check] #teaching-navigation button{font-size:13px}#app #lesson-screen[data-stage=Check] .lesson-guide[data-expanded=true]{height:auto}}#keypad-dialog .dialog-heading{margin-bottom:8px}#keypad-dialog #close-keypad{margin:0}@media screen{.settings-panel .setting-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-panel .setting-description{font-size:14px;line-height:1.35;color:var(--text-soft)}#settings-writing[data-input-mode=Type] [data-writing-only]{display:none}#settings-grown-ups #grown-up-tools{display:flex;flex-direction:column;gap:14px}#settings-grown-ups #history{display:flex;flex-direction:column;gap:6px}#settings-grown-ups .small{line-height:1.4;margin:0}#settings-grown-ups #clear-data{align-self:stretch}#app #home-screen{padding-top:0;padding-bottom:0}#app #home-screen .home-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;margin-bottom:4px}#app #home-screen .home-logo{display:block;width:310px;height:auto;aspect-ratio:1791/523;flex:none;max-width:52%;overflow:visible}#app #home-screen .home-intro{display:flex;flex-direction:column;gap:7px;align-items:flex-end;min-width:0}#app #home-screen .home-year{font-size:16px;line-height:1.2;color:var(--text-soft)}#app #home-screen h1{font-size:24px;line-height:1.25;margin:0}#app #home-screen .home-choices{display:grid;grid-auto-rows:auto}#app #home-screen .home-card{max-height:none;font-size:21px;line-height:1.25;background:white;border:1px solid var(--line);border-radius:18px;min-width:0}#app #home-screen .home-card:hover{border-color:var(--brand);background:var(--surface-soft)}#app #home-screen .card-icon{display:flex;width:40px;height:40px;border-radius:12px}#app #home-screen .card-icon svg{width:26px;height:26px}#app #home-screen .card-arrow{margin-left:auto;font-size:20px}#app #home-screen .home-footer{display:flex;align-items:stretch;gap:12px}#app #home-screen .home-footer>button{flex:1;min-width:0;padding:8px 14px;font-size:16px;line-height:1.25;border-radius:14px}#app #home-screen .home-footer .card-icon{width:30px;height:30px;flex-basis:30px;background:none}#app #home-screen .home-footer .card-icon svg{width:25px;height:25px}#app #home-screen .home-footer .progress-card{grid-column:auto}#app #home-screen #resume{border:1px solid var(--line);white-space:normal}#app #skill-screen{flex:1;display:grid;width:100%;max-width:1120px;min-height:0;margin:8px auto 16px;gap:10px;padding-top:0;padding-bottom:0}#app #skill-screen h1{font-size:30px;line-height:1.2;margin:0}#app #skill-screen #skill-prompt{font-size:21px;line-height:1.3;margin:0 0 4px}#app #skill-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-height:0;padding:0}#app #skill-choices button{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:17px;line-height:1.25;padding:10px;border-radius:16px;overflow-wrap:normal;text-wrap:balance}#app #method-screen .page-title{grid-column:1;grid-row:1;margin:0}#app #method-screen .setup-extras{gap:8px}}@media screen and (max-width:750px){#app #home-screen .home-heading{gap:12px}#app #home-screen .home-logo{width:260px;max-width:58%}#app #home-screen h1{font-size:20px}#app #home-screen .home-intro{gap:5px}#app #home-screen .home-year{font-size:15px}#app #home-screen .home-card{font-size:17px}#app #home-screen .card-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}#app #home-screen .card-icon svg{width:22px;height:22px}#app #home-screen .home-footer{gap:10px}#app #home-screen .home-footer>button{font-size:15px;padding:8px 10px}#app #skill-choices{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:8px}#app #skill-choices button{font-size:14px;padding:6px}#app #skill-screen h1{font-size:27px}#app #skill-screen #skill-prompt{font-size:19px}}@media screen and (max-width:650px) and (orientation:portrait){#app #home-screen .home-heading{align-items:center;gap:10px}#app #home-screen .home-logo{width:210px;max-width:64%}#app #home-screen .home-intro{align-items:flex-end;text-align:right}#app #home-screen h1{font-size:16px;max-width:8em}#app #home-screen .home-year{font-size:14px}#app #home-screen .card-icon{width:28px;height:28px;flex-basis:28px}#app #home-screen .card-icon svg{width:20px;height:20px}#app #skill-screen{gap:7px;margin-bottom:12px}#app #skill-screen h1{font-size:25px}#app #skill-screen #skill-prompt{font-size:17px;margin:0}#app #skill-choices{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:6px}#app #skill-choices button{font-size:13px;line-height:1.15;padding:5px;border-radius:12px}}@media screen and (max-height:740px){#app #method-screen .page-title h1{font-size:28px}}@media screen and (orientation:landscape) and (max-height:500px){#app #home-screen .home-heading{margin:0}#app #home-screen .home-logo{width:200px;max-width:45%}#app #home-screen .home-intro{flex-direction:row;align-items:center;gap:14px}#app #home-screen h1{font-size:18px;max-width:none}#app #home-screen .home-year{font-size:14px}#app #home-screen .card-icon{display:none}#app #skill-screen{gap:5px;margin-bottom:8px}#app #skill-screen h1{font-size:24px}#app #skill-screen #skill-prompt{font-size:16px;margin:0}#app #skill-choices{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}#app #skill-choices button{font-size:12px;line-height:1.1;padding:4px;min-height:40px}#app #method-screen .page-title{grid-column:1;grid-row:1}#app #method-screen .page-title h1{font-size:24px}}@media screen{#home-year-switch{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:44px;padding:4px 0;font-weight:400}#home-year-switch span{font-size:13px;color:var(--brand);text-decoration:underline;text-underline-offset:3px}#mental-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.mental-choice{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:70px;text-align:left;padding:12px 16px;font-size:18px;line-height:1.2;background:var(--surface-soft);border:1px solid var(--line)}.mental-choice small{font-size:16px;color:var(--text-soft);font-weight:400}.mental-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.mental-heading h1{margin:0}#mental-choose{min-height:44px;font-size:15px;padding:8px 12px}#app #print-screen .print-options{flex-direction:column}#app #print-screen .print-size{display:block;margin:0;padding:0;border:0;min-width:0}#app #print-screen .print-size legend{font-size:18px;margin-bottom:8px}.size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#app #print-screen .size-options label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;min-height:48px;font-size:17px;background:white}#app #print-screen .size-options label:has(input:checked){background:var(--surface-selected);border-color:var(--brand)}.size-options input{width:20px;height:20px;min-height:0;margin:0;flex:none;accent-color:var(--brand)}.size-options span{display:flex;flex-direction:column;gap:2px}.size-options small{font-size:13px;color:var(--text-soft)}#app #print-screen .print-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;min-height:52px}.print-switch small{display:block;font-size:14px;color:var(--text-soft);margin-top:4px}.completed-diagram{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}#completed-board .completed-paper{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line)}#completed-equation{flex:none;display:flex;align-items:center;justify-content:center;margin:0;padding:12px;font-size:clamp(18px,1.8vw,26px);line-height:1.3;min-height:58px;border-bottom:1px solid var(--line);font-weight:600}#completed-model{display:block;width:100%;height:100%;max-width:none;background:none;aspect-ratio:auto;border-radius:0}#app #lesson-screen[data-stage=Check] .workspace-title{font-size:17px;line-height:1.3;min-height:23px;margin:0}}@media screen and (min-width:751px) and (min-height:501px){#app #lesson-screen[data-stage=Check] .lesson-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr)}#app #lesson-screen[data-stage=Check] #paper-scroll{width:100%;place-items:start stretch}}@media screen and (max-width:650px){.mental-choice{font-size:15px;padding:10px;min-height:68px;gap:4px}.mental-choice small{font-size:14px}#app #print-screen .size-options label{font-size:15px;padding:8px;gap:5px}.size-options input{width:17px;height:17px}.size-options small{font-size:11px}#app #print-screen .print-switch{font-size:16px;padding:8px 0}.print-switch small{font-size:13px}#home-year-switch{flex-direction:column;gap:2px;align-items:flex-end}}@media screen and (max-width:360px) and (orientation:portrait) and (max-height:650px){#app #method-screen .page-title h1{font-size:26px}}@media screen and (orientation:landscape) and (max-height:500px){#home-year-switch{flex-direction:row;align-items:center}#mental-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mental-choice{font-size:13px;min-height:54px;padding:8px;gap:3px}.mental-choice small{font-size:12px}#app #print-screen .print-size legend{font-size:15px;margin-bottom:4px}.print-switch small{font-size:12px}}#app #print-screen .print-switch{flex:none;line-height:1.25}#app #print-screen .print-switch input{width:52px;height:30px;flex:0 0 52px;margin:0}@media screen and (orientation:landscape) and (max-height:500px){#app>#print-screen{grid-template-columns:minmax(0,1fr);align-content:start}#app #print-screen>h1{grid-column:1;grid-row:1;font-size:24px;line-height:1.2;margin:0}#app #print-screen>p{grid-column:1;font-size:14px;line-height:1.2;margin:0}#app #print-screen .print-choices{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto}#app #print-screen .print-choices button{min-height:44px}#app #print-screen .print-options{grid-column:1;grid-template-rows:auto auto;margin:0}#app #print-screen .print-size{grid-column:1;grid-row:1/span 2;align-self:center}#app #print-screen .print-switch{grid-column:2;min-height:44px;padding:3px 0;font-size:14px;line-height:1.15;gap:8px}#app #print-screen .print-switch small{font-size:11px;line-height:1.15;margin-top:2px}#app #print-screen .size-options{gap:5px}#app #print-screen .size-options label{padding:4px;gap:3px;justify-content:center;min-height:44px;font-size:14px}#app #print-screen .size-options small{font-size:10px;line-height:1.1}#app #print-screen .size-options input{width:16px;height:16px}}@media screen and (max-width:650px) and (orientation:portrait) and (max-height:740px){#app #print-screen>p{font-size:16px;line-height:1.3;margin:0}#app #print-screen .print-choices button{min-height:56px}}#app #print-screen .print-switch{flex-wrap:nowrap}#app #print-screen .print-switch>span{flex:1;min-width:0}@media screen{#app #lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-template-rows:52px minmax(0,1fr);row-gap:8px}#app #lesson-screen #checking-view{grid-column:1;grid-row:1;display:flex;min-width:0;align-self:stretch}#app #lesson-screen #checking-view button{font-size:16px}#app #lesson-screen[data-check-lesson=true] #completed-board:not([hidden]),#app #lesson-screen[data-stage=Check] .method-board:has(#paper-scroll){display:flex;grid-column:1;grid-row:2;visibility:hidden;pointer-events:none}#app #lesson-screen[data-check-lesson=true] #test-check-board:not([hidden]){grid-column:1;grid-row:2;visibility:hidden;pointer-events:none}#app #lesson-screen[data-stage=Check][data-show-completed=true] #completed-board:not([hidden]),#app #lesson-screen[data-stage=Check][data-show-completed=false] .method-board:has(#paper-scroll),#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check])[data-active-paper=answer] #completed-board:not([hidden]),#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check])[data-active-paper=check] #test-check-board:not([hidden]){visibility:visible;pointer-events:auto}#app #lesson-screen[data-check-lesson=true] .workspace-title{display:none}#app #lesson-screen[data-check-lesson=true] .lesson-guide{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;height:100%;max-height:100%;padding:18px;gap:10px}#app #lesson-screen[data-check-lesson=true] .step-explanation{display:flex;flex:1;flex-direction:column;min-width:0;width:100%;padding:0;grid-column:auto;grid-row:auto}#app #lesson-screen[data-check-lesson=true] #caption{font-size:clamp(26px,2vw,34px);line-height:1.3;max-width:32em}#app #lesson-screen[data-check-lesson=true] #read-step{width:100%;grid-column:auto;grid-row:auto;align-self:stretch}#app #lesson-screen[data-check-lesson=true] #lesson-actions,#app #lesson-screen[data-check-lesson=true] #teaching-navigation{display:flex;grid-column:auto;grid-row:auto;width:100%;gap:8px;margin:0}#app #lesson-screen[data-check-lesson=true] #teaching-navigation button{font-size:15px}#app #lesson-screen[data-check-lesson=true] .completed-paper{display:flex;flex-direction:column;border-radius:18px;align-items:stretch;background:white}#app #lesson-screen[data-check-lesson=true] #completed-equation{display:flex;align-items:center;justify-content:center;margin:0;padding:0 12px;border-bottom:1px solid var(--line)}#app #lesson-screen[data-check-lesson=true] .completed-diagram{display:block;flex:1;min-height:0;width:100%;padding:0}#app #lesson-screen[data-check-lesson=true] .completed-paper svg{width:100%;height:100%;max-width:none;aspect-ratio:auto;background:none;border:0;border-radius:0}}@media screen and (max-width:1000px){#app #lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}#app #lesson-screen[data-check-lesson=true] .lesson-guide{padding:14px;gap:8px}#app #lesson-screen[data-check-lesson=true] #caption{font-size:26px}}@media screen and (min-width:651px) and (orientation:portrait){#app #lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-columns:1fr;grid-template-rows:52px minmax(0,1fr) minmax(170px,24%)}#app #lesson-screen[data-check-lesson=true] .lesson-guide{grid-column:1;grid-row:3}}@media screen and (max-width:650px){#app #lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-columns:1fr;grid-template-rows:52px minmax(0,1fr) 220px;gap:8px}#app #lesson-screen[data-check-lesson=true] .lesson-guide{grid-column:1;grid-row:3;padding:10px 12px;gap:6px}#app #lesson-screen[data-check-lesson=true] #caption{font-size:22px;line-height:1.28}#app #lesson-screen #checking-view button{font-size:14px}#app #lesson-screen[data-check-lesson=true] #teaching-navigation button{font-size:14px}}@media screen and (max-width:650px) and (max-height:740px){#app #lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-rows:52px minmax(0,1fr) 176px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-check-lesson=true] .lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);grid-template-rows:52px minmax(0,1fr);gap:8px 10px}#app #lesson-screen[data-check-lesson=true] .lesson-guide{grid-column:2;grid-row:1/span 2;padding:8px;gap:5px}#app #lesson-screen[data-check-lesson=true] #caption{font-size:21px}#app #lesson-screen[data-check-lesson=true] #teaching-navigation button{font-size:14px}}@media screen{#app #home-screen .home-card{column-gap:14px;row-gap:4px}#app #home-screen .card-copy{display:flex;flex-direction:column;min-width:0;gap:5px;text-align:left}#app #home-screen .card-copy strong{font-size:inherit;font-weight:600;line-height:1.2}#app #home-screen .card-copy small{display:block;font-size:15px;font-weight:400;line-height:1.3;color:var(--text-soft)}#app #home-screen .card-arrow{margin:0;justify-self:end}#app #home-screen .home-footer>button{min-height:66px}#app #home-screen #resume .card-copy{align-items:center;text-align:center}#app #home-screen .home-footer .home-card{grid-template-columns:30px minmax(0,1fr) 20px}#header-context[data-page-heading=true] #mode-label{display:block;max-width:min(700px,65vw);font-size:22px;line-height:1.2;font-weight:600;color:var(--ink);text-align:center;white-space:normal;text-wrap:balance}#app #skill-screen{grid-template-rows:minmax(0,1fr);margin-top:4px;max-height:none}#skill-screen #skill-prompt,#app #method-screen>.page-title,#app #mental-choices-screen>h1,#app #print-screen>h1,#app #test-overview>.page-title h1,#app #progress-screen>.page-title h1,#app #pre-test>h1,#app #check-screen>h1,#app #year-screen>h1{display:none}#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check]) .lesson-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch}#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check]) .step-explanation{grid-column:1/-1;grid-row:1}#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check]) #support-tools{grid-column:1;grid-row:2;align-self:end}#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check]) #lesson-actions{grid-column:2;grid-row:2;align-self:end}}@media screen and (max-width:1000px){#app #home-screen .home-card{column-gap:10px}#app #home-screen .card-copy small{font-size:14px}}@media screen and (max-width:650px){#app #home-screen .home-card{column-gap:7px;row-gap:5px}#app #home-screen .card-copy{display:contents}#app #home-screen .card-copy strong{grid-column:2;grid-row:1}#app #home-screen .card-copy small{grid-column:1/-1;grid-row:2}#app #home-screen .card-icon{grid-column:1;grid-row:1}#app #home-screen .card-arrow{grid-column:3;grid-row:1;font-size:16px}#app #home-screen #resume .card-copy{display:flex;gap:3px}#app #home-screen .home-footer>button{font-size:13px;padding:7px}#app #home-screen .home-footer .home-card{grid-template-columns:23px minmax(0,1fr) 12px;column-gap:5px}#header-context[data-page-heading=true] #mode-label{font-size:15px;max-width:100%;line-height:1.2}}@media screen and (max-width:650px) and (max-height:600px) and (orientation:portrait){#app #home-screen .home-heading{gap:6px}#app #home-screen .home-logo{width:180px}#app #home-screen .home-card{row-gap:3px}#app #home-screen .home-footer>button{padding:6px}}@media screen and (orientation:landscape) and (max-height:500px){#app #home-screen .home-card{row-gap:3px;column-gap:3px}#app #home-screen .card-copy{display:contents}#app #home-screen .card-copy strong{grid-column:1;grid-row:1}#app #home-screen .card-copy small{grid-column:1/-1;grid-row:2;line-height:1.2}#app #home-screen .card-arrow{grid-column:2;grid-row:1}#app #home-screen .home-footer>button{padding:5px;font-size:12px}#app #home-screen .home-footer .home-card{grid-template-columns:minmax(0,1fr) 12px}#app #home-screen .home-footer .card-icon{display:none}#app>#print-screen{grid-template-rows:auto auto auto}#app #print-screen>p{grid-row:1}#app #print-screen .print-choices{grid-row:2}#app #print-screen .print-options{grid-row:3}}@media screen{#app #lesson-screen[data-stage=Assessment] #question-heading{display:none}#app #lesson-screen[data-stage=Assessment][data-with-check=false] .lesson-layout{grid-template-columns:minmax(0,1fr)}#app #lesson-screen[data-stage=Assessment] .method-board{gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}#app #lesson-screen[data-stage=Assessment] .workspace-title{display:block;margin:0;color:var(--brand)}#app #lesson-screen[data-stage=Assessment] #paper,#app #lesson-screen[data-stage=Assessment] #check-paper{border:0;border-radius:0}#app #lesson-screen[data-stage=Assessment] #paper-scroll,#app #lesson-screen[data-stage=Assessment] #check-paper-scroll{width:100%;flex:1;min-height:0}#app #lesson-screen #assessment-toolbar{display:grid;align-items:center;gap:12px;flex:none;padding:4px 0 8px;min-width:0}#app #lesson-screen #assessment-toolbar #ink-tools{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));width:min(100%,300px);gap:6px}#app #lesson-screen #assessment-actions{display:flex;flex-wrap:nowrap!important;gap:8px;margin:0;width:auto}#app #lesson-screen #assessment-actions button{flex:none;min-width:60px;min-height:44px;padding:7px 14px;font-size:16px;border-radius:12px}#app #lesson-screen #question-count{white-space:nowrap;font-size:14px}#app #lesson-screen #assessment-paper-toggle{display:flex;gap:4px;padding:2px;border:1px solid var(--line);border-radius:12px;background:white}#app #lesson-screen #assessment-paper-toggle button{min-height:44px;padding:6px 12px;border-radius:9px;font-size:15px;background:transparent}#app #lesson-screen #assessment-paper-toggle button[aria-pressed=true]{background:var(--surface-soft);color:var(--brand);font-weight:600}#app #lesson-screen[data-stage=Assessment] .check-question{justify-content:flex-start}#app #lesson-screen[data-stage=Assessment] .check-result-label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}#app #lesson-screen[data-stage=Assessment] #check-answer{min-height:30px;height:30px;width:110px}#app #lesson-screen[data-stage=Assessment] #mode-label{font-size:20px;line-height:1.15;white-space:normal;text-wrap:balance}.test-space-option{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:18px;line-height:1.3}.test-space-option small{display:block;font-size:15px;color:var(--text-soft);margin-top:4px}.test-space-option input{flex:0 0 52px;width:52px;height:30px;margin:0}}@media screen and (max-width:650px){#app #lesson-screen #assessment-toolbar{gap:6px;padding:2px 0 8px}#app #lesson-screen #assessment-paper-toggle{grid-column:1;grid-row:1;justify-self:start}#app #lesson-screen #assessment-paper-toggle button{font-size:13px;padding:4px 8px}#app #lesson-screen #assessment-actions{gap:4px}#app #lesson-screen #assessment-actions button{font-size:14px;min-width:44px;padding:5px 8px}#app #lesson-screen #question-count{font-size:12px}#app #lesson-screen #assessment-toolbar #ink-tools{width:100%;max-width:360px}#app #lesson-screen[data-stage=Assessment] #mode-label{font-size:15px}.test-space-option{font-size:16px;padding:8px 0;gap:12px}.test-space-option small{font-size:14px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen #assessment-toolbar{padding:0 0 6px}#app #lesson-screen #assessment-toolbar #ink-tools{width:100%;gap:3px}#app #lesson-screen #assessment-toolbar #ink-tools button{font-size:12px;padding:4px}#app #lesson-screen #assessment-paper-toggle{grid-column:1;grid-row:1}}@media screen{#app #lesson-screen[data-stage=Assessment] .workspace-title{font-size:14px;padding:3px 10px;line-height:1.1}#app #lesson-screen #assessment-toolbar{padding-top:0;padding-bottom:4px}#app #lesson-screen #assessment-toolbar>#open-keypad{min-height:44px;padding:7px 12px;font-size:15px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen #assessment-toolbar>#open-keypad{font-size:13px;padding:5px}#app>#pre-test{grid-template-rows:minmax(0,1fr) auto}#app>#pre-test #pre-test-prompts{grid-column:1;grid-row:1}#app>#pre-test .test-space-option{grid-column:1;grid-row:2;padding:6px 0;font-size:14px}#app>#pre-test .test-space-option small{font-size:12px;line-height:1.25}#app>#pre-test>.actions{grid-column:2;grid-row:1/span 2}}@media screen{#app>#pre-test .test-space-option{flex:none;height:auto;max-height:none;min-height:72px}}@media screen and (max-width:650px) and (orientation:portrait) and (max-height:650px){#app>#pre-test{padding:12px;gap:8px}#app>#pre-test #pre-test-prompts{gap:6px}#app>#pre-test #pre-test-prompts p{font-size:16px;line-height:1.25;padding:8px 10px}#app>#pre-test .test-space-option{min-height:80px;font-size:14px;line-height:1.2;padding:6px 0}#app>#pre-test .test-space-option small{font-size:12px;line-height:1.25}}@media screen{#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check]) #lesson-actions button{min-width:0;max-width:100%}}@media screen and (max-width:650px){#app #home-screen .home-footer .card-icon{width:23px;height:23px}#app #home-screen .home-footer .card-icon svg{width:21px;height:21px}}@media screen{#app #lesson-screen[data-check-lesson=true]:not([data-stage=Check]) #lesson-actions{min-width:0;width:100%;flex:none}#app #lesson-screen[data-stage=Check] #lesson-actions{margin-top:auto}}@media screen{#app #lesson-screen #assessment-toolbar{grid-template-columns:minmax(200px,300px) minmax(0,1fr) auto}#app #lesson-screen #assessment-toolbar #ink-tools{grid-column:1;grid-row:1;justify-self:start}#app #lesson-screen #assessment-toolbar>#open-keypad{grid-column:1;grid-row:1;justify-self:start}#app #lesson-screen #assessment-check-status{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:9px;min-height:44px;max-width:260px;padding:5px 10px;font-size:16px;line-height:1.2;text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:white}#app #lesson-screen #assessment-check-status input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;accent-color:var(--brand)}#app #lesson-screen #assessment-actions{grid-column:3;grid-row:1}#app #lesson-screen #assessment-actions #assessment-next{width:88px;min-width:88px;padding:6px}#app #lesson-screen #assessment-actions #assessment-previous{width:64px;min-width:64px;padding:6px}#app #lesson-screen #question-count{width:48px;text-align:center}#app>#check-screen{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;flex:1;min-height:0;width:min(1100px,calc(100% - 2 * var(--page-gutter)));max-width:1100px;max-height:760px;margin:4px auto 16px;padding:22px;gap:14px;text-align:left;overflow:hidden;align-content:stretch;justify-content:stretch}#app #check-screen .review-heading{display:flex;flex-direction:column;gap:4px;min-width:0}#app #check-screen #review-answered{font-size:16px;line-height:1.25;margin:0;color:var(--text-soft)}#app #check-screen #review-help{font-size:18px;line-height:1.3;margin:0}#app #check-screen #question-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(64px,1fr));gap:10px;width:100%;max-width:none;min-height:0;align-self:stretch}#app #check-screen .review-question{display:grid;position:relative;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-content:center;align-items:center;min-height:64px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:white;text-align:left;line-height:1.2}#app #check-screen .review-question.answered:after{display:none}#app #check-screen .review-question.checked{background:var(--surface-soft);border-color:var(--tone-aac3df)}#app #check-screen .review-number{grid-column:1;grid-row:1/span 2;font-size:25px;font-weight:600;color:var(--brand)}#app #check-screen .review-topic{grid-column:2;grid-row:1;font-size:16px;font-weight:600}#app #check-screen .review-state{grid-column:2;grid-row:2;font-size:14px;color:var(--text-soft)}#app #check-screen .checked .review-state{color:var(--brand);font-weight:600}#app #check-screen .review-footer{display:flex;align-items:center;justify-content:flex-end;min-height:44px;gap:10px}#app #check-screen #submit-test{position:static;align-self:auto;min-height:44px;margin:0;font-size:16px;padding:9px 22px}}@media screen and (max-width:800px){#app>#check-screen{padding:16px;gap:10px}#app #check-screen #review-help{font-size:16px}#app #check-screen .review-topic{font-size:14px}#app #check-screen .review-question{column-gap:8px;padding:8px}}@media screen and (max-width:650px){#app #lesson-screen #assessment-toolbar{grid-template-columns:minmax(0,1fr) auto}#app #lesson-screen #assessment-check-status{grid-column:1;grid-row:1;justify-self:start;padding:4px 6px;font-size:13px;gap:6px}#app #lesson-screen #assessment-actions{grid-column:2;grid-row:1}#app #lesson-screen #assessment-actions #assessment-next{width:64px;min-width:64px}#app #lesson-screen #assessment-actions #assessment-previous{width:44px;min-width:44px}#app #lesson-screen #question-count{width:38px}#app #lesson-screen #assessment-toolbar #ink-tools,#app #lesson-screen #assessment-toolbar>#open-keypad{grid-column:1/-1;grid-row:2;justify-self:stretch}#app>#check-screen{padding:12px;gap:10px;margin:4px auto 12px;max-height:none}#app #check-screen #review-answered{font-size:14px}#app #check-screen #review-help{font-size:15px;line-height:1.25}#app #check-screen #question-overview{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(56px,1fr));gap:6px}#app #check-screen .review-question{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;padding:6px 3px;row-gap:4px;min-height:56px;text-align:center;justify-items:center}#app #check-screen .review-number{grid-column:1;grid-row:1;font-size:20px}#app #check-screen .review-topic{display:none}#app #check-screen .review-state{grid-column:1;grid-row:2;font-size:12px;line-height:1.2}#app #check-screen #submit-test{width:100%}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen #assessment-toolbar{grid-template-columns:minmax(176px,1fr) minmax(0,.9fr) auto;gap:6px}#app #lesson-screen #assessment-toolbar #ink-tools,#app #lesson-screen #assessment-toolbar>#open-keypad{grid-column:1;grid-row:1}#app #lesson-screen #assessment-check-status{grid-column:2;grid-row:1;font-size:12px;padding:4px;gap:5px}#app #lesson-screen #assessment-actions{grid-column:3;grid-row:1}#app>#check-screen{padding:10px 12px;gap:6px;margin:0 auto 8px;grid-template-rows:auto auto minmax(0,1fr) 44px}#app #check-screen .review-heading{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}#app #check-screen #review-answered{font-size:12px;line-height:1.2}#app #check-screen #review-help{font-size:13px;line-height:1.2}#app #check-screen #question-overview{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(56px,1fr));gap:5px}#app #check-screen .review-question{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:56px;padding:5px 3px;row-gap:3px;justify-items:center;text-align:center}#app #check-screen .review-number{grid-column:1;grid-row:1;font-size:19px}#app #check-screen .review-state{grid-column:1;grid-row:2;font-size:12px}#app #check-screen #submit-test{width:auto;padding:6px 20px}}@media screen{body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#step-copy,#step-copy *,#hint-text,#activity-instructions,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#paper,#paper *,#check-paper,#check-paper *,#formation-attempts,#formation-attempts *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#paper input,#check-paper input{-webkit-user-select:text;user-select:text}dialog h2[tabindex="-1"]:focus{outline:none}#home-brand{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;color:var(--ink);font-size:24px;font-weight:700;line-height:1.1}#home-brand img{display:block;object-fit:contain;width:42px;height:42px;flex:none}#header-context:has(#home-brand:not([hidden])){min-width:0;max-width:100%}#header-context:has(#home-brand:not([hidden])) #mode-label{display:none}#app #home-screen{max-height:none}#app #home-screen .home-footer:has(#resume[hidden]){display:none}#app #home-screen .home-footer{justify-content:center}#app #home-screen #resume{flex:0 1 560px;align-self:auto}#app #home-screen .card-icon{overflow:visible}#app #home-screen .card-icon svg{overflow:visible}#writing-advice{font-size:17px;line-height:1.45;max-width:40em;padding:12px 16px;border-radius:12px;background:var(--surface-soft)}#app #lesson-screen #checking-view button{align-self:stretch}#app #skill-screen[data-mode=practice]{display:flex;flex-direction:column;grid-template-rows:none;width:min(1200px,100%);min-height:0}#app #skill-screen[data-mode=practice] #skill-prompt{display:block;margin:0;flex:none;color:var(--text-soft)}#app #skill-screen[data-mode=practice] #skill-choices{display:grid;grid-template-rows:none;align-content:start;padding:2px;min-height:0}.practice-topic{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:white;min-width:0}.practice-topic h2{font-size:18px;line-height:1.25;font-weight:600;flex:1;margin:0}.practice-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#app #skill-screen[data-mode=practice] .practice-goals button{display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink)}.practice-goals small{font-size:12px;font-weight:400}#app #skill-screen[data-mode=practice] .practice-goals button.goal-secure{background:#e1f2e7;border-color:#9cc5ab;color:#246043}.practice-topic.all-secure{background:#eef8f1;border-color:#8dbb9e}.practice-topic.unavailable{opacity:.48}dialog{width:min(620px,calc(100% - 32px));padding:24px;background:white;box-shadow:0 12px 48px var(--tone-253e4826)}dialog h2{font-size:28px;line-height:1.2;margin:0 0 16px;color:var(--brand)}dialog p,#hint-dialog #hint-text{font-size:21px;line-height:1.4;color:var(--ink)}dialog .actions{margin-top:18px;display:flex}dialog .actions button{min-width:0;min-height:44px;line-height:1.25;flex:1}.intro-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:10px 0 0;border-top:1px solid var(--line)}.intro-choice input{width:52px;height:30px;flex:none;margin:0}#hint-diagram{width:min(300px,80%);margin:16px auto 0}#hint-diagram svg{display:block;width:100%;height:auto}}@media screen and (min-width:651px) and (max-width:1200px){#app #check-screen .review-question{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:5px}#app #check-screen .review-number{grid-column:1;grid-row:1;font-size:20px}#app #check-screen .review-state{grid-column:2;grid-row:1;justify-self:end;font-size:12px}#app #check-screen .review-topic{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.15}}@media screen and (max-width:650px){#home-brand{gap:6px;font-size:17px;text-align:center}#home-brand img{width:30px;height:30px}#home-brand span{max-width:8em}#app #home-screen .home-card{font-size:17px}#app #home-screen .card-copy small{font-size:14px;line-height:1.3}#app #home-screen .home-footer>button{min-height:64px}.practice-topic{padding:10px;gap:10px;border-radius:14px}.practice-topic h2{font-size:16px}.practice-goals small{font-size:11px}#writing-advice{font-size:15px;padding:10px}dialog{padding:18px}dialog h2{font-size:25px}dialog p,#hint-dialog #hint-text{font-size:19px}dialog .actions button{font-size:16px}}@media screen and (orientation:landscape) and (max-height:500px){#home-brand{font-size:18px;gap:7px}#home-brand img{width:30px;height:30px}#app #home-screen .home-card{font-size:15px}#app #home-screen .card-copy small{font-size:12px}#app #home-screen .home-footer>button{min-height:50px}#app #check-screen .review-topic{display:none}dialog{padding:16px}dialog p,#hint-dialog #hint-text{font-size:18px}#hint-diagram{width:180px}#app #year-screen>p:not(#writing-advice){display:none}}@media screen{#app #year-screen{display:flex;flex-direction:column;flex:0 1 auto;width:min(940px,calc(100% - 2 * var(--page-gutter)));max-width:940px;max-height:calc(var(--app-height,100dvh) - 88px);margin:auto;gap:20px;padding:24px;text-align:center}#app #year-screen #writing-advice{font-size:18px;line-height:1.45;max-width:none;text-align:center}#app #year-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}#app #year-choices button{height:auto;padding:16px}#app #lesson-screen #read-step,#app #lesson-screen #open-keypad{display:none!important}#app #lesson-screen .lesson-layout[data-guide-open=true]>.lesson-guide{position:relative;inset:auto;width:auto;box-shadow:none}#app #lesson-screen .step-explanation{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;scrollbar-width:thin;min-height:0}#app #lesson-screen .step-explanation>section{grid-column:1/-1}#app #lesson-screen .step-explanation #activity-dialog{position:static;width:100%;max-width:none;max-height:none;margin:0;padding:12px 14px;border:0;border-radius:12px;box-shadow:none;background:var(--surface-soft);text-align:left;flex:none}#app #activity-dialog #activity-instructions{font-size:18px;line-height:1.4;margin:0;color:var(--ink)}#app #activity-dialog .intro-choice{font-size:14px;min-height:40px;margin:8px 0 0;padding:8px 0 0}#app #activity-dialog .intro-choice input{width:44px;height:26px}#app #lesson-screen #recognition-dialog{position:static;width:100%;max-width:none;max-height:none;flex:none;padding:10px 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:white;text-align:left}#app #recognition-dialog #recognition-title{font-size:18px;color:var(--ink);line-height:1.25;margin:0 0 8px}#app #recognition-dialog #recognition-note{font-size:14px;line-height:1.3;color:var(--text-soft);margin:0 0 8px}#app #recognition-dialog #recognition-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0}#app #recognition-keys button{min-height:44px;padding:5px;font-size:22px;border-radius:10px}#app #recognition-rewrite{min-height:44px;width:100%;margin-top:6px;font-size:15px}#app #answer-box{text-align:left;padding-left:.18em;padding-right:.12em}#app #lesson-screen[data-stage=Guided] .lesson-guide{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;grid-column:auto;grid-row:auto;height:100%;max-height:100%;padding:18px;gap:10px}#app #lesson-screen[data-stage=Guided] .step-explanation{display:flex;flex:1;min-width:0;min-height:0;width:100%}#app #lesson-screen[data-stage=Guided] #caption{font-size:clamp(26px,2vw,34px);line-height:1.3}#app #lesson-screen[data-stage=Guided] #support-tools,#app #lesson-screen[data-stage=Guided] #lesson-actions{width:100%;min-width:0;flex:none}}@media screen and (max-width:1000px){#app #lesson-screen[data-stage=Guided] .lesson-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}#app #lesson-screen[data-stage=Guided] .lesson-guide{padding:14px;gap:8px}}@media screen and (min-width:651px) and (orientation:portrait){#app #lesson-screen[data-stage=Guided] .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 36%}}@media screen and (max-width:650px){#app #year-screen{padding:16px;gap:16px;max-height:calc(var(--app-height,100dvh) - 76px)}#app #year-screen #writing-advice{font-size:16px;line-height:1.4}#app #year-choices{grid-template-columns:repeat(2,minmax(0,1fr))}#app #year-choices button{padding:12px}#app #lesson-screen[data-stage=Guided] .lesson-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) clamp(176px,32dvh,260px);gap:10px}#app #lesson-screen[data-stage=Guided] .lesson-guide{padding:10px 12px;gap:6px}#app #lesson-screen[data-stage=Guided] #caption{font-size:22px;line-height:1.28}#app #activity-dialog #activity-instructions{font-size:16px}#app #recognition-dialog #recognition-keys{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (orientation:landscape) and (max-height:500px){#app #year-screen{padding:12px 16px;gap:10px;max-height:calc(var(--app-height,100dvh) - 56px)}#app #year-screen #writing-advice{font-size:14px;line-height:1.3}#app #year-choices{grid-template-columns:repeat(3,minmax(0,1fr))}#app #year-choices button{height:44px;padding:6px}#app #lesson-screen[data-stage=Guided] .lesson-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);grid-template-rows:minmax(0,1fr);gap:10px}#app #lesson-screen[data-stage=Guided] .lesson-guide{padding:8px;gap:5px}#app #lesson-screen[data-stage=Guided] #caption{font-size:21px}#app #activity-dialog #activity-instructions{font-size:15px}}@media screen{#app #answer-box{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}#app #answer-display{visibility:hidden}#app #lesson-screen #ink-tools{height:44px;min-height:44px;max-height:44px;flex:none}#app #lesson-screen #ink-tools[data-mode=Type]{grid-template-columns:repeat(2,minmax(0,1fr))}#app #lesson-screen #check-ink-tools{display:none!important}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools{width:100%;max-width:480px;align-self:center;margin:0 0 8px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .lesson-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--page-gutter)}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .method-board{gap:0;border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .workspace-title{display:block;margin:0;line-height:1.2;color:var(--brand);border-bottom:1px solid var(--line)}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #paper,#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #check-paper{border:0;border-radius:0}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #paper-scroll,#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #check-paper-scroll{width:100%;height:100%;flex:1;place-items:start center;min-height:0}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .lesson-guide{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 44px;gap:10px;height:auto;max-height:220px;min-height:0;padding:12px 14px;align-items:stretch;justify-content:stretch}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .step-explanation{grid-column:1/-1;grid-row:1;flex:1;width:100%;min-width:0;max-height:132px;min-height:24px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #caption{font-size:20px;line-height:1.3;max-width:none}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #support-tools{grid-column:1;grid-row:2;margin:0}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #lesson-actions{grid-column:2;grid-row:2;margin:0}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #context-hint,#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #main-action{height:44px;min-height:44px;padding:6px 12px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #test-check-method{display:none}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .check-result-label{font-size:14px;line-height:1.2;margin:0;gap:8px;white-space:nowrap}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #see-addition:not([hidden]){grid-column:1/-1;grid-row:3;min-height:44px}html[data-page-scroll=practice]{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden}html[data-page-scroll=practice] body{height:auto;min-height:100%;overflow:visible}html[data-page-scroll=practice] #app{height:auto;min-height:var(--app-height,100dvh);overflow:visible}#app #skill-screen[data-mode=practice]{flex:none;overflow:visible;height:auto;max-height:none;padding-bottom:16px;gap:14px}#app #skill-screen[data-mode=practice] #skill-choices{flex:none;overflow:visible;scrollbar-gutter:auto;grid-auto-rows:minmax(116px,auto);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#app #skill-screen[data-mode=practice] #skill-prompt{font-size:clamp(17px,1.3vw,21px);line-height:1.4}#app .practice-topic{gap:10px;padding:12px}#app .practice-topic h2{font-size:clamp(18px,1.2vw,22px);line-height:1.25}#app #skill-screen[data-mode=practice] .practice-goals button{min-height:44px;font-size:15px;line-height:1.2;padding:8px 4px}}@media screen and (max-width:900px){#app #skill-screen[data-mode=practice] #skill-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:650px){#app #skill-screen[data-mode=practice] #skill-choices{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(112px,auto);gap:8px}#app #skill-screen[data-mode=practice] .practice-goals button{font-size:12px}#app .practice-topic{padding:10px;gap:8px}#app .practice-topic h2{font-size:16px}#app #skill-screen[data-mode=practice] #skill-prompt{font-size:16px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .lesson-layout{grid-template-columns:1fr}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .lesson-guide{grid-row:2;grid-template-rows:auto 44px 44px;gap:6px;padding:10px 12px;max-height:230px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #caption{font-size:17px;line-height:1.3}}@media screen and (min-width:1000px) and (min-height:700px){#app #mental-choices-screen>p,#app #print-screen>p,#app #pre-test-prompts p{font-size:21px;line-height:1.4}#app .mental-choice{font-size:21px}#app .mental-choice small{font-size:18px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .lesson-guide{padding:8px 10px;gap:6px;max-height:128px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #caption{font-size:16px;line-height:1.25}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools{margin-bottom:6px}}@media screen and (max-width:650px),screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .method-board{display:none!important}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide{grid-column:1;grid-row:1;height:100%;max-height:100%;width:100%;padding:16px;gap:10px}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #caption{font-size:23px;line-height:1.3}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:230px;max-width:70%;align-self:center}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .step-explanation{justify-content:center}}@media screen and (max-width:360px){#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #caption{font-size:20px}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #partition{width:190px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide{padding:8px 12px}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .step-explanation{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:12px}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #caption{grid-column:1;font-size:20px}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #partition{grid-column:2;width:180px;max-width:100%}}@media screen{#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #context-hint{flex:1 1 auto}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .lesson-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 44px;gap:6px 10px}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) .step-explanation{grid-column:1/-1;grid-row:1}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #lesson-actions{grid-column:1;grid-row:2;align-self:stretch}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #teaching-navigation{grid-column:2;grid-row:2;align-self:stretch}#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #lesson-actions button,#app #lesson-screen[data-presentation=explain]:not([data-with-check=true]):not([data-check-lesson=true]) #teaching-navigation button{min-height:44px;height:44px;font-size:14px;padding:4px}}@media screen{#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #main-action{min-width:0;max-width:100%;width:100%}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #lesson-actions{min-width:0;max-width:100%;width:100%}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #support-tools{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) #context-hint{width:100%!important;min-width:0!important;max-width:none!important}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .step-explanation{display:flex!important}}@media screen{#app #skill-screen[data-unified=true]{max-width:1240px}#app #skill-screen[data-unified=true] .practice-topic{gap:10px;padding:12px}#app #skill-screen[data-unified=true] .practice-topic h2{font-size:17px;min-height:42px;display:flex;align-items:center}#app #skill-screen[data-unified=true] .practice-goals{gap:6px}#app #skill-screen[data-unified=true] .practice-goals button{font-size:14px;min-height:44px;padding:7px 4px;text-wrap:balance}}@media screen and (max-width:650px){#app #skill-screen[data-unified=true] #skill-choices{gap:8px}#app #skill-screen[data-unified=true] .practice-topic{padding:10px;gap:8px}#app #skill-screen[data-unified=true] .practice-topic h2{font-size:16px;min-height:42px}#app #skill-screen[data-unified=true] .practice-goals{grid-template-columns:1fr;gap:5px}#app #skill-screen[data-unified=true] .practice-goals button{font-size:14px;min-height:44px;padding:6px}}@media screen{#app #skill-screen[data-unified=true] .practice-topic.unavailable .practice-goals{display:none}#app #skill-screen[data-unified=true] .practice-topic.unavailable h2{justify-content:center;text-align:center}}@media screen and (max-width:650px){#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools{max-width:100%;gap:5px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools #see-addition{display:block;flex:1.4;min-width:64px;height:44px;padding:6px;font-size:14px}#app #skill-screen[data-unified=true] .practice-topic:not(.unavailable){grid-column:1/-1}#app #skill-screen[data-unified=true] .practice-topic:not(.unavailable) .practice-goals{grid-template-columns:repeat(2,minmax(0,1fr))}#app #skill-screen[data-unified=true] .practice-topic:not(.unavailable) h2{min-height:28px}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(64px,1.4fr)}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools[data-mode=Type]{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(64px,1.4fr)}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true])>#ink-tools #see-addition:not([hidden]){grid-column:auto;grid-row:1;max-width:none}}@media screen{#app #skill-screen[data-unified=true] .practice-topic h2{justify-content:center;text-align:center}#app #skill-screen[data-unified=true] .practice-goals button:disabled{background:var(--tone-f2f5fa);color:var(--tone-8b99aa);border-color:var(--tone-e0e7ef);opacity:1}#app #skill-screen[data-unified=true] #skill-prompt{text-align:center}#practice-set-advice{margin:10px 0 0;font-size:18px;line-height:1.4;font-weight:400;color:var(--ink)}.practice-set-results{padding:0;list-style:none;display:grid;gap:8px;margin:4px 0 12px;width:min(500px,100%)}.practice-set-results li{padding:10px 14px;border-radius:12px;background:var(--surface-soft);font-size:19px}.practice-set-results li.correct{background:#e5f3e9;color:#285e41}#app #lesson-screen[data-stage=Assessment] #answer-workspace-title{display:none!important}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:44px;padding:0}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools{grid-column:1;grid-row:1;max-width:256px;justify-self:start;grid-template-columns:repeat(4,minmax(44px,1fr))}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools[data-mode=Type]{grid-template-columns:repeat(2,minmax(44px,1fr));max-width:128px}#app #lesson-screen[data-stage=Assessment] #assessment-check-status{grid-column:2;grid-row:1;justify-self:center;min-height:44px;padding:5px 10px;background:transparent;border:0;border-radius:0;white-space:nowrap}#app #lesson-screen[data-stage=Assessment] #assessment-actions{grid-column:3;grid-row:1;justify-self:end;gap:8px;min-width:0}#app #lesson-screen[data-stage=Assessment] #assessment-actions button{min-width:54px;height:44px;min-height:44px;padding:6px 12px}#app #lesson-screen[data-stage=Assessment] #question-count{font-size:14px;min-width:48px}#app #lesson-screen #practice-toolbar{display:grid;align-items:center;margin:0 0 10px;flex:none;width:100%;padding:0}#app #lesson-screen #practice-toolbar>.lesson-guide{display:contents!important}#app #lesson-screen #practice-toolbar>#ink-tools{max-width:none;margin:0;align-self:center}#app #lesson-screen #practice-toolbar #ink-tools button{font-size:14px;padding:6px 4px;min-height:44px;height:44px}#app #lesson-screen #practice-toolbar #step-copy{display:flex!important;min-height:0;overflow:auto;width:100%;padding:0;gap:6px}#app #lesson-screen #practice-toolbar #caption{font-size:16px;line-height:1.3;margin:0;max-width:none}#app #lesson-screen #practice-toolbar #partition{max-width:160px;max-height:100px;align-self:center}#app #lesson-screen #practice-toolbar #support-tools{display:block!important;width:100%;min-width:0;margin:0}#app #lesson-screen #practice-toolbar #lesson-actions{display:block;width:100%;min-width:0;margin:0}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .lesson-layout{grid-template-rows:minmax(0,1fr);min-height:0;flex:1}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .method-board{grid-row:1}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .workspace-title{padding:6px 10px;font-size:15px}#app #test-overview{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr)}#app .test-start-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 12px;min-width:0}#app .test-start-card h2{font-size:30px;line-height:1.2;margin:0}#app .test-start-card p{font-size:20px;line-height:1.5;margin:0;color:var(--text-soft)}#app .test-start-card #start-test{align-self:flex-start;width:auto;min-width:180px;min-height:48px;margin:4px 0 0;padding:10px 22px;font-size:18px}#app .test-history-card{display:flex;flex-direction:column;gap:12px;background:white;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:0;min-width:0;max-height:100%}#app .test-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}#app .test-history-heading h2{margin:0;font-size:22px;line-height:1.2}#app .test-history-heading span{font-size:15px;white-space:nowrap;color:var(--text-soft)}#app #test-overview #score-chart{border-radius:0}#app #test-overview #test-history-summary{font-size:16px;line-height:1.4;text-align:left;margin:0;color:var(--text-soft)}}@media screen and (max-width:650px){#app #lesson-screen #practice-toolbar #see-addition:not([hidden]){grid-column:auto;grid-row:1;max-width:none;min-height:44px;height:44px;font-size:14px;padding:6px}#app #lesson-screen #practice-toolbar #caption{font-size:15px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools{grid-column:1;grid-row:1;max-width:220px}#app #lesson-screen[data-stage=Assessment] #assessment-actions{gap:4px}#app .test-start-card{padding:8px 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}#app .test-start-card h2{grid-column:1/-1;font-size:24px}#app .test-start-card p{font-size:16px;line-height:1.35}#app .test-start-card #start-test{min-width:110px;font-size:15px;min-height:44px;margin:0;padding:6px 12px;align-self:center}#app .test-history-card{padding:14px;gap:8px}#app .test-history-heading h2{font-size:19px}#app #test-overview #test-history-summary{font-size:14px}#practice-set-advice{font-size:16px;line-height:1.35}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen #practice-toolbar #ink-tools button{padding:2px;min-width:0}#app #lesson-screen #practice-toolbar #caption{line-height:1.2}#app .test-start-card{display:flex;padding:6px;gap:8px}#app .test-start-card h2{font-size:22px}#app .test-start-card p{font-size:15px;line-height:1.3}#app .test-history-card{padding:12px;gap:6px}#app .test-history-heading h2{font-size:17px}#app #test-overview #test-history-summary{font-size:12px}#app #lesson-screen #practice-toolbar #ink-tools button{font-size:12px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools{grid-column:1;grid-row:1;max-width:192px}#app #lesson-screen[data-stage=Assessment] #assessment-check-status{padding:2px;gap:5px}#app #lesson-screen[data-stage=Assessment] #assessment-check-status input{width:20px;height:20px}#app #lesson-screen[data-stage=Assessment] #assessment-actions{gap:4px}#app #lesson-screen[data-stage=Assessment] #assessment-actions button{min-width:44px;padding:4px 8px;font-size:13px}#app #lesson-screen[data-stage=Assessment] #question-count{min-width:42px;font-size:12px}}@media screen{#app #mental-choices-screen{width:min(1180px,calc(100% - 2 * var(--page-gutter,16px)));max-width:1180px;flex:none;max-height:none;height:auto;margin:0 auto;padding:4px 0 24px;border:0;background:transparent;overflow:visible;gap:20px}#app #mental-choices-screen>p{margin:0;text-align:center;font-size:clamp(17px,1.4vw,21px);line-height:1.4;color:var(--text-soft)}#app #mental-choices{display:grid;grid-template-rows:none;overflow:visible}#app .mental-group{min-width:0;display:flex;flex-direction:column;gap:12px}#app .mental-group[data-operation=addition],#app .mental-group[data-operation=subtraction]{grid-column:1/-1}#app .mental-group[data-operation=multiplication]{grid-column:span 2}#app .mental-group>h2{color:var(--ink)}#app .mental-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#app .mental-group[data-operation=multiplication] .mental-methods{grid-template-columns:repeat(2,minmax(0,1fr))}#app .mental-group[data-operation=division] .mental-methods{grid-template-columns:1fr}#app .mental-topic{justify-content:space-between;text-align:center}#app .mental-topic h3{font-weight:600;text-wrap:balance}#app .mental-topic .mental-example{color:var(--text-soft);font-variant-numeric:tabular-nums}#app .mental-topic .mental-learn{width:100%;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.25;font-weight:600;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink)}#app .mental-topic .mental-learn:hover{background:var(--surface-selected)}#app #mental-screen .mental-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}#app #mental-screen .mental-heading h1{font-size:clamp(20px,2vw,28px);line-height:1.25}}@media screen and (max-width:900px){#app .mental-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:650px){#app #mental-choices-screen{padding:2px 0 20px;gap:20px}#app #mental-choices-screen>p{font-size:17px;text-wrap:balance}#app .mental-group[data-operation]{grid-column:1/-1}#app .mental-group .mental-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#app .mental-group[data-operation=division] .mental-methods{grid-template-columns:1fr}#app #mental-screen .mental-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px}#app #mental-screen .mental-heading h1{font-size:20px}#app #mental-screen #mental-choose{font-size:13px;padding:6px 10px}}@media screen and (orientation:landscape) and (max-height:500px){#app .mental-methods{grid-template-columns:repeat(4,minmax(0,1fr))}#app .mental-group[data-operation=addition],#app .mental-group[data-operation=subtraction]{grid-column:1/-1}#app .mental-group[data-operation=multiplication]{grid-column:span 2}#app .mental-group[data-operation=division]{grid-column:span 1}#app .mental-group[data-operation=multiplication] .mental-methods{grid-template-columns:repeat(2,minmax(0,1fr))}#app .mental-group[data-operation=division] .mental-methods{grid-template-columns:1fr}}@media screen{#app #mental-paper{background-image:none}#mental-model .handwritten-expression .math-stroke{stroke-width:2.2}}@media screen{#app #method-screen #method-back{flex:0 0 auto;min-width:130px}#app #method-screen #method-continue{flex:1}#app #lesson-screen #work-preferences{display:flex;align-items:center;flex:none;min-width:0;flex-wrap:wrap}#app #work-preferences #back-to-methods{min-height:44px;white-space:nowrap;padding:6px 10px;font-size:14px}#app #work-preferences .back-short{display:none}#app #input-mode-selector{flex:none}#app #input-mode-selector button{min-width:44px;min-height:40px;font-size:14px}#app #work-preferences>#ink-tools{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));width:210px;max-width:none;gap:4px;margin:0;flex:none}#app #work-preferences>#ink-tools[data-mode=Type]{grid-template-columns:repeat(2,minmax(44px,1fr));width:112px}#app #work-preferences #ink-tools button{min-height:44px;height:44px;padding:4px;font-size:14px}#app #lesson-screen #practice-toolbar{grid-template-columns:auto 188px minmax(0,1fr) 60px 130px;grid-template-rows:auto;gap:8px;margin-bottom:8px}#app #lesson-screen #practice-toolbar>#work-preferences{grid-column:1;grid-row:1;margin:0;flex-wrap:nowrap;gap:6px}#app #lesson-screen #practice-toolbar>#ink-tools{grid-column:2;grid-row:1;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px;width:100%}#app #lesson-screen #practice-toolbar>#ink-tools[data-mode=Type]{grid-template-columns:repeat(2,minmax(44px,1fr))}#app #lesson-screen #practice-toolbar #step-copy{grid-column:3;grid-row:1;max-height:130px}#app #lesson-screen #practice-toolbar #support-tools{grid-column:4;grid-row:1}#app #lesson-screen #practice-toolbar #lesson-actions{grid-column:5;grid-row:1}#app #lesson-screen[data-compact-practice=true] .lesson-layout{flex:1}#app #lesson-screen[data-compact-practice=true][data-with-check=false] .lesson-layout{grid-template-columns:minmax(0,1fr)}#app #lesson-screen[data-compact-practice=true] .method-board{grid-row:1;min-height:0}#app #lesson-screen .workspace-title:has(#see-addition){display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:0 8px}#app #lesson-screen .workspace-title #see-addition{min-height:44px;height:44px;width:auto;margin:0;padding:5px 8px;font-size:14px;flex:none}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar>#work-preferences{grid-column:1;grid-row:1;margin:0;flex-wrap:nowrap}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #work-preferences>#ink-tools{grid-column:auto;grid-row:auto;max-width:none;width:188px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #work-preferences>#ink-tools[data-mode=Type]{width:94px}#tools-dialog[open]{--settings-top:clamp(12px,calc((var(--app-height,100dvh) - 620px)/2),80px);top:var(--settings-top);bottom:auto;margin:0 auto;height:auto;min-height:0;max-height:calc(var(--app-height,100dvh) - var(--settings-top) - 12px);overflow:hidden}#tools-dialog .settings-body{height:auto;flex:0 1 auto;min-height:0;max-height:calc(var(--app-height,100dvh) - var(--settings-top) - 170px);overflow:auto}#tools-dialog .settings-panel{height:auto;min-height:0;padding-bottom:2px}#tools-dialog .dialog-heading,#tools-dialog .settings-tabs{flex:none}#app #mental-screen[data-phase=purpose]{height:auto;min-height:0;max-height:none;flex:1}#app #mental-screen[data-phase=purpose] #mental-paper{padding:26px;min-height:240px;flex:1}#app #mental-purpose{width:min(720px,100%);display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:18px;margin:auto}#app #mental-purpose-title{font-size:21px;line-height:1.3;color:var(--brand);margin:0}#app #mental-purpose #mental-caption{font-size:clamp(21px,2vw,27px);line-height:1.4;font-weight:400;margin:0}}@media screen and (max-width:1100px){#app #lesson-screen #practice-toolbar{grid-template-columns:auto minmax(188px,1fr) 56px 116px;grid-template-rows:44px auto}#app #lesson-screen #practice-toolbar #work-preferences{grid-column:1;grid-row:1}#app #lesson-screen #practice-toolbar #ink-tools{grid-column:2;grid-row:1}#app #lesson-screen #practice-toolbar #support-tools{grid-column:3;grid-row:1}#app #lesson-screen #practice-toolbar #lesson-actions{grid-column:4;grid-row:1}#app #lesson-screen #practice-toolbar #step-copy{grid-column:1/-1;grid-row:2;max-height:100px}#app #work-preferences .back-full{display:none}#app #work-preferences .back-short{display:inline}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #work-preferences>#ink-tools{width:176px;gap:0}}@media screen and (max-width:650px){#app #method-screen #method-back{min-width:110px;padding:6px;font-size:14px}#app #work-preferences #back-to-methods{min-width:68px;padding:4px;font-size:13px}#app #input-mode-selector button{min-height:44px;min-width:44px;font-size:13px}#app #work-preferences>#ink-tools{width:188px}#app #work-preferences>#ink-tools[data-mode=Type]{width:94px}#app #lesson-screen #practice-toolbar{grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:44px 44px auto;gap:6px}#app #lesson-screen #practice-toolbar>#work-preferences{grid-column:1;grid-row:1;min-width:0;justify-content:flex-start}#app #lesson-screen #practice-toolbar>#ink-tools{grid-column:1;grid-row:2;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px}#app #lesson-screen #practice-toolbar>#ink-tools[data-mode=Type]{grid-template-columns:repeat(2,minmax(44px,1fr))}#app #lesson-screen #practice-toolbar #support-tools{grid-column:2;grid-row:1}#app #lesson-screen #practice-toolbar #lesson-actions{grid-column:2;grid-row:2}#app #lesson-screen #practice-toolbar #step-copy{grid-column:1/-1;grid-row:3;max-height:100px}#app #lesson-screen #practice-toolbar #main-action{font-size:13px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar>#work-preferences{grid-column:1/-1;grid-row:1;gap:6px;flex-wrap:nowrap}#app #lesson-screen[data-stage=Assessment] #assessment-check-status{grid-column:1;grid-row:2;justify-self:start;font-size:12px;padding:2px;gap:4px;white-space:normal}#app #lesson-screen[data-stage=Assessment] #assessment-actions{grid-column:2;grid-row:2}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #assessment-check-status input{width:20px;height:20px}#app #mental-screen[data-phase=purpose] #mental-paper{padding:20px;min-height:220px}#app #mental-purpose{gap:12px}#app #mental-purpose-title{font-size:18px}#app #mental-purpose #mental-caption{font-size:20px;line-height:1.35}}@media screen and (max-width:370px){#app #lesson-screen>#work-preferences>#ink-tools{flex-basis:100%;width:100%}#app #mental-screen[data-phase=purpose] #mental-paper{padding:16px}#app #mental-purpose #mental-caption{font-size:18px}}@media screen and (orientation:landscape) and (max-height:500px){#app #lesson-screen #practice-toolbar{grid-template-columns:auto minmax(188px,1fr) 52px 96px;grid-template-rows:44px auto;gap:4px}#app #lesson-screen #practice-toolbar #work-preferences{grid-column:1;grid-row:1}#app #lesson-screen #practice-toolbar #ink-tools{grid-column:2;grid-row:1}#app #lesson-screen #practice-toolbar #support-tools{grid-column:3;grid-row:1}#app #lesson-screen #practice-toolbar #lesson-actions{grid-column:4;grid-row:1}#app #lesson-screen #practice-toolbar #step-copy{grid-column:1/-1;grid-row:2;max-height:48px}#app #lesson-screen #practice-toolbar #caption{font-size:14px}#app #mental-screen[data-phase=purpose]{flex:none;max-height:none}#app #mental-screen[data-phase=purpose] #mental-paper{min-height:180px;flex:none}#app #mental-purpose #mental-caption{font-size:20px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px auto}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar>#work-preferences{grid-column:1;grid-row:1}#app #lesson-screen[data-stage=Assessment] #assessment-actions{grid-column:2;grid-row:1}#app #lesson-screen[data-stage=Assessment] #assessment-check-status{grid-column:1/-1;grid-row:2;justify-self:center;min-height:24px;font-size:12px}}@media screen{#app #lesson-screen[data-compact-practice=true] .lesson-layout{grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:0;row-gap:0}#app #mental-screen[data-phase=purpose] #mental-paper{display:flex;align-items:center;justify-content:center}#app #lesson-screen[data-stage=Assessment] .lesson-layout{grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:0;row-gap:0}}@media screen and (min-width:651px) and (max-width:900px) and (min-height:501px){#app #lesson-screen[data-stage=Assessment] #assessment-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar>#work-preferences{grid-column:1;grid-row:1}#app #lesson-screen[data-stage=Assessment] #assessment-actions{grid-column:2;grid-row:1}#app #lesson-screen[data-stage=Assessment] #assessment-check-status{grid-column:1/-1;grid-row:2;justify-self:center}}@media screen{#app #mental-choices-screen .mental-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}#app .mental-topic .mental-actions button{min-width:0;width:100%;min-height:44px;padding:8px;font-size:16px;font-weight:600;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink)}#app .mental-topic .mental-actions button.goal-secure{background:#e1f2e7;border-color:#9cc5ab;color:#246043}#app #mental-screen .mental-navigation{align-items:center}#app #mental-example-count{font-size:14px;white-space:nowrap;color:var(--text-soft)}#app #mental-screen .mental-navigation button{font-size:15px;padding:6px;min-width:0}#mental-model .mental-row-label{font-family:inherit;fill:var(--text-soft);font-weight:400}#app #mental-run-screen{margin:0 auto;display:flex;flex-direction:column}.mental-run-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:44px}#mental-run-count{font-size:17px;color:var(--text-soft)}.mental-run-card{display:flex;flex-direction:column;gap:18px;padding:26px;background:white;border:1px solid var(--line);border-radius:20px;min-width:0;flex:1;min-height:0;justify-content:center}.mental-run-card h2{font-size:25px;line-height:1.25;text-align:center;margin:0}#mental-run-summary-message{font-size:18px;line-height:1.4;color:var(--text-soft);text-align:center;max-width:40em;margin:0 auto}.mental-answer-line{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0;font-size:clamp(30px,3.5vw,48px);line-height:1.3;font-weight:600}.mental-answer-line>span{white-space:nowrap}.mental-answer-line input{width:4em;max-width:100%;min-height:56px;border:2px solid var(--tone-a5bfdf);border-radius:10px;text-align:center;color:var(--ink);background:white;padding:4px;user-select:text;-webkit-user-select:text}#mental-run-feedback{min-height:28px;font-size:19px;line-height:1.35;text-align:center}.mental-run-actions,.mental-run-navigation{display:flex;justify-content:center;align-items:center;gap:12px;flex:none}.mental-run-actions button,.mental-run-navigation button{min-height:44px;min-width:110px;padding:10px 16px}.mental-run-navigation{justify-content:space-between;margin-top:8px}#mental-run-help-panel{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--line)}#mental-run-help-panel h3{font-size:22px;margin:0}#mental-run-help-panel p{font-size:19px;line-height:1.45;margin:0}#mental-run-help-panel .mental-help-equation{font-size:24px;text-align:center;padding:8px;background:var(--surface-soft);border-radius:10px}#mental-run-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#mental-run-summary-list p,#mental-run-summary-list button{font-size:18px;line-height:1.4;padding:10px 12px;margin:0;min-width:0;overflow-wrap:anywhere}.correct{color:#246043}.review{color:#8a5634}html[data-page-scroll=practice] #mental-run-screen{flex:none;height:auto;min-height:0}html[data-page-scroll=practice] #mental-run-screen .mental-run-card{flex:none;min-height:0;height:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#test-kind-selector{grid-column:1/-1;grid-row:1;display:flex;width:min(560px,100%);justify-self:center;align-items:stretch}#test-kind-selector button{flex:1;min-width:0;min-height:44px;font-size:17px}#app #test-overview .test-start-card{grid-column:1;grid-row:2}}@media screen and (max-width:650px){#app #mental-example-count{grid-column:1/-1;grid-row:1;text-align:center;font-size:13px}#app #mental-back{grid-column:1;grid-row:2}#app #mental-next{grid-column:2;grid-row:2}#app .mental-topic .mental-actions button{font-size:14px;padding:7px 4px}.mental-run-card{padding:18px 14px;gap:14px;justify-content:center}.mental-run-card h2{font-size:22px}#mental-run-summary-message{font-size:16px}.mental-answer-line{font-size:28px;gap:10px;margin:8px 0}.mental-answer-line input{min-height:50px;width:3.8em}#mental-run-feedback{font-size:17px}.mental-run-actions,.mental-run-navigation{gap:8px}.mental-run-actions button,.mental-run-navigation button{font-size:15px;min-width:0;flex:1;padding:8px}#mental-run-help-panel p{font-size:17px}#mental-run-help-panel .mental-help-equation{font-size:21px}#mental-run-summary-list{grid-template-columns:1fr}#test-kind-selector button{font-size:15px}}@media screen and (orientation:landscape) and (max-height:500px){#test-kind-selector{max-width:440px}#test-kind-selector button{font-size:14px}html:has(#mental-run-screen:not([hidden])),body:has(#mental-run-screen:not([hidden])){overflow-y:auto}.mental-run-card{padding:14px;gap:10px}.mental-answer-line{margin:6px 0}}@media screen{.mental-run-toolbar{flex-wrap:wrap}#mental-note-tools{display:flex;gap:4px;align-items:center}#mental-note-tools button{min-width:44px;min-height:44px;padding:6px 9px;font-size:14px;border:1px solid var(--line);background:white;border-radius:10px}#mental-note-tools button[aria-pressed=true]{background:var(--surface-selected);border-color:var(--tone-80a9d6)}#mental-run-question-panel{position:relative;isolation:isolate;user-select:none;-webkit-user-select:none}#mental-notes{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;user-select:none;-webkit-user-select:none}#mental-run-question-panel>h2,#mental-run-question-panel>p,#mental-run-question-panel>.mental-answer-line,#mental-run-question-panel>.mental-run-actions,#mental-run-question-panel>.mental-run-navigation,#mental-run-help-panel{position:relative;z-index:2}#mental-run-question-panel>.mental-answer-line{pointer-events:none}.mental-answer-line label,.mental-answer-line input{pointer-events:auto}#mental-run-question-panel .mental-answer-line input{user-select:text;-webkit-user-select:text}#app:has(#mental-run-question-panel:not([hidden])) .mental-run-card{overflow:hidden}}@media screen and (max-width:650px){#mental-note-tools{order:3;width:100%;justify-content:center}#mental-note-tools button{flex:1;max-width:90px}#mental-run-question-panel .mental-answer-line{font-size:32px;gap:14px}}@media screen{#app #input-mode-selector{display:none!important}#phone-workbook-tabs{display:none}#checking-prerequisites{max-width:min(540px,calc(100vw - 32px));padding:24px;border:1px solid var(--line);border-radius:22px;color:var(--text)}#checking-prerequisites h2{font-size:26px;line-height:1.2;margin:0 0 16px}#checking-prerequisites p,#checking-prerequisites li{font-size:19px;line-height:1.45}#checking-prerequisites ul{padding-left:24px;margin:16px 0 24px}#checking-prerequisites button{min-height:48px;flex:1;white-space:normal}}@media screen and (max-width:650px){#app #lesson-screen #phone-workbook-tabs:not([hidden]){display:flex;flex:none}#phone-workbook-tabs button{flex:1;min-height:44px;font-size:16px}#app #lesson-screen[data-phone-view] .lesson-layout{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:8px}#app #lesson-screen[data-phone-view=workbook] #work-preferences{display:none}#app #lesson-screen[data-phone-view=workbook] .lesson-layout>.method-board,#app #lesson-screen[data-phone-view=workbook] #checking-view{display:none!important}#app #lesson-screen[data-phone-view=workbook] .lesson-guide{flex-direction:column!important;padding:20px;gap:20px}#app #lesson-screen[data-phone-view=workbook] #step-copy{display:flex!important;flex-direction:column!important;gap:20px;padding:0}#app #lesson-screen[data-phone-view=workbook] #caption{font-size:22px;line-height:1.4;max-width:none;overflow:visible;margin:0}#app #lesson-screen[data-phone-view=workbook] #remember-text{font-size:20px;line-height:1.4}#app #lesson-screen[data-phone-view=workbook] #partition:not([hidden]){width:min(300px,100%);align-self:center;flex:none}#app #lesson-screen[data-phone-view=workbook] #lesson-actions:has(~ #teaching-navigation){flex:none}#app #lesson-screen[data-phone-view=workbook] .lesson-guide:has(#workbook-write:not([hidden])) #lesson-actions{display:none}#app #lesson-screen[data-phone-view=workbook] #teaching-navigation{flex:none;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr))}#app #lesson-screen[data-phone-view=workbook] #teaching-navigation button{font-size:15px;white-space:normal}#app #lesson-screen[data-phone-view=writing] .lesson-layout{flex:1;min-height:0}#app #lesson-screen[data-phone-view=writing] .lesson-layout>.method-board{flex:1;min-height:0}#app #lesson-screen[data-phone-view=writing] .lesson-guide{display:flex!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;padding:10px;gap:4px}#app #lesson-screen[data-phone-view=writing] #step-copy,#app #lesson-screen[data-phone-view=writing] #support-tools{display:none!important}#app #lesson-screen[data-phone-view=writing] #teaching-navigation button{min-height:44px;font-size:14px}#app #lesson-screen[data-phone-view=writing] #lesson-actions button{min-height:44px}#app #lesson-screen[data-phone-view=writing][data-presentation=explain] .lesson-layout>.method-board{display:flex!important}#app #lesson-screen[data-phone-view=writing][data-presentation=explain] .lesson-layout{grid-template-columns:none!important}html[data-phone-book=true],html[data-phone-book=true] body{overflow-y:auto!important}#checking-prerequisites{padding:20px}#checking-prerequisites .actions{flex-direction:column}#app #lesson-screen[data-phone-view=writing] #support-tools:has(#context-hint:not([hidden])){display:flex!important;flex:none}#app #lesson-screen[data-phone-view=writing] #context-hint{min-height:44px}}@media screen and (orientation:landscape) and (max-height:500px){html:has(#mental-screen[data-phase=example]:not([hidden])),html:has(#mental-screen[data-phase=example]:not([hidden])) body{height:auto;overflow-y:auto}#app:has(#mental-screen[data-phase=example]:not([hidden])){height:auto;min-height:100dvh}#app #mental-screen[data-phase=example]{height:auto;flex:none;max-height:none}#app #mental-screen[data-phase=example] #mental-paper{min-height:220px;flex:none}}@media screen{#app #mental-run-screen{width:100%;max-width:none}#app #mental-run-screen>.mental-run-toolbar{justify-content:flex-start}#app #mental-run-back{flex:none;min-height:44px}#app #mental-run-navigation{justify-content:flex-end}#app #mental-run-navigation button{min-width:64px;min-height:44px;padding:6px 12px;font-size:15px;flex:none}#app #mental-run-count{white-space:nowrap}#mental-practice-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;flex:none}#mental-practice-toolbar .mental-practice-context{display:flex;gap:14px;align-items:center;min-width:0}#mental-practice-toolbar h2{font-size:19px;line-height:1.25;margin:0;color:var(--brand)}#mental-practice-toolbar #mental-run-feedback{grid-column:1/-1;min-height:0;font-size:17px;line-height:1.35;text-align:left;margin:0}#mental-practice-toolbar .mental-run-actions{gap:8px}#mental-practice-toolbar .mental-run-actions button{min-width:92px;min-height:44px;padding:6px 16px;font-size:15px;flex:none}#app #mental-run-workspace{display:flex;flex:1}#app #mental-run-workspace[hidden]{display:none}#app #mental-run-question-panel{flex:1;min-width:0;padding:0;align-items:stretch;justify-content:flex-start;overflow:hidden;border-radius:20px;background:white}#app #mental-run-question-panel .mental-answer-line{flex:none;position:relative;z-index:2;width:100%;margin:0;padding:clamp(48px,10vh,96px) 16px 18px;gap:18px;font-size:clamp(32px,3.5vw,48px);box-sizing:border-box}#app #mental-run-question-panel .mental-answer-line input{font-size:inherit;min-height:56px;width:4em}#app #mental-run-help-panel{position:relative;flex:0 0 min(36%,420px);overflow-y:auto;padding:22px;border:1px solid var(--line);border-radius:20px;background:white;color:var(--text)}#app #mental-run-help-panel h3{font-size:22px;margin:0 0 18px;color:var(--brand)}#app #mental-run-help-panel p{font-size:19px;line-height:1.45;margin:0 0 18px;text-align:left}#app #mental-run-help-panel .mental-help-equation{font-size:23px;font-weight:600;text-align:center}#app #mental-run-summary{overflow-y:auto;min-height:0}.hint-card{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(var(--app-height,100dvh) - 32px);padding:0;border:1px solid var(--line);border-radius:20px;color:var(--ink);overflow:hidden;box-shadow:0 18px 50px var(--tone-263f632e)}.hint-card .dialog-heading{display:flex;align-items:center;gap:12px;position:static;background:var(--pale,var(--tone-e3efff));padding:17px 22px;margin:0;border-bottom:1px solid var(--line)}.hint-card h2,.hint-card h3{font-size:22px;margin:0;color:var(--brand);line-height:1.2}#phone-hint-content{padding:22px;max-height:calc(var(--app-height,100dvh) - 190px);overflow:auto;text-align:left}#phone-hint-content p{font-size:clamp(18px,2.5vw,21px);line-height:1.5;margin:0 0 14px}#phone-hint-content p:last-child{margin-bottom:0}.hint-card .hint-footer{padding:0 22px 20px;margin:0}.hint-card .close{font-size:18px;min-height:46px;width:100%;padding:10px 16px}#phone-hint-content .mental-help-equation{font-size:25px;text-align:center;font-weight:600}#phone-hint-content .part-whole-model{width:min(300px,100%);display:block;margin:auto}}@media screen and (max-width:850px){#app #mental-run-screen>.mental-run-toolbar{grid-template-columns:minmax(0,1fr) auto}#app #mental-run-navigation{grid-column:2;grid-row:1}#app #mental-note-tools{grid-column:1/-1;grid-row:2;display:flex}#mental-practice-toolbar .mental-practice-context{display:block}#mental-practice-toolbar h2{font-size:17px}#app #mental-run-back{justify-self:start}#app #mental-run-navigation button{font-size:14px;padding:5px 8px;min-width:44px}#mental-practice-toolbar{column-gap:8px}#mental-practice-toolbar .mental-run-actions button{min-width:68px;padding:6px 10px;font-size:14px}#app #mental-run-question-panel .mental-answer-line{font-size:32px;gap:14px;padding-top:48px}}@media screen and (max-width:370px){#app #mental-run-navigation button{font-size:13px;padding:4px;min-width:38px}#mental-practice-toolbar .mental-run-actions button{padding:5px 7px;font-size:13px}#mental-practice-toolbar h2{font-size:16px}}@media screen and (orientation:landscape) and (max-height:500px){#app #mental-run-workspace{flex:none}#app #mental-run-question-panel .mental-answer-line{padding-top:40px}}@media screen{#app #mental-run-screen[data-input-mode=Type] #mental-notes{pointer-events:none}#arithmetic-hint-box{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;background:white;border:1px solid var(--line);border-radius:20px;padding:22px;overflow-y:auto}#arithmetic-hint-box .hint-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}#arithmetic-hint-box h2{font-size:22px;color:var(--brand)}#arithmetic-hint-box button{font-size:15px;padding:6px;min-height:44px}#arithmetic-hint-content{display:grid;gap:12px}#arithmetic-hint-box p{font-size:21px;line-height:1.4}#arithmetic-hint-box .hint-target-control{justify-self:center;padding-inline:12px}#arithmetic-hint-box .part-whole-model{width:min(300px,100%);display:block;margin:18px auto 0}#app #lesson-screen[data-inline-hint=true] .lesson-layout{display:grid!important;grid-template-columns:minmax(0,1fr) min(36%,420px)!important;grid-template-rows:minmax(0,1fr)!important}#app #lesson-screen[data-inline-hint=true] #arithmetic-hint-box{grid-column:2;grid-row:1}#app #lesson-screen[data-inline-hint=true] #practice-toolbar #step-copy{display:none}#app #lesson-screen[data-inline-hint=true][data-with-check=true] .lesson-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important}#app #lesson-screen[data-inline-hint=true][data-with-check=true] #arithmetic-hint-box{grid-column:1/-1;grid-row:2;max-height:30vh}}@media screen and (max-width:650px){html[data-keyboard-open=true]:has(#mental-run-screen:not([hidden])) #app{position:fixed;top:var(--viewport-top,0px);left:0;right:0;height:var(--app-height);min-height:0!important;max-height:var(--app-height);overflow:hidden}html[data-keyboard-open=true] #app:has(#mental-run-screen:not([hidden]))>header{height:46px;flex-basis:46px;min-height:46px}html[data-keyboard-open=true] #app #mental-run-screen{height:auto;flex:1;min-height:0;padding-top:0;gap:5px;overflow:hidden}html[data-keyboard-open=true] #app #mental-note-tools{display:none}html[data-keyboard-open=true] #app #mental-run-screen>.mental-run-toolbar{display:flex;gap:4px;flex:none}html[data-keyboard-open=true] #app #mental-run-navigation{margin-left:auto}html[data-keyboard-open=true] #app #mental-practice-toolbar{gap:2px 8px}html[data-keyboard-open=true] #app #mental-run-workspace{flex:1;min-height:0}html[data-keyboard-open=true] #app #mental-run-question-panel{min-height:0;flex:1}html[data-keyboard-open=true] #app #mental-run-question-panel .mental-answer-line{padding:12px 10px;gap:8px;font-size:30px;line-height:1.15}html[data-keyboard-open=true] #app #mental-run-question-panel .mental-answer-line input{min-height:48px}html[data-keyboard-open=true] #app #mental-run-feedback{font-size:14px}}@media screen{#app #lesson-screen[data-inline-hint=true] #practice-toolbar #caption{display:none!important}}@media screen and (max-width:370px){#app #mental-run-navigation #mental-run-next{white-space:normal}}@media screen{#tools-dialog .settings-panel input[type=checkbox][role=switch],.intro-choice input[role=switch]{appearance:none;-webkit-appearance:none;position:relative;display:block;width:52px;height:30px;flex:0 0 52px;margin:0 0 0 auto;border:1px solid var(--tone-a9b9cd);border-radius:18px;background:var(--tone-b7c4d4);cursor:pointer}#tools-dialog .settings-panel input[type=checkbox][role=switch]::before,.intro-choice input[role=switch]::before{content:'';position:absolute;left:2px;top:2px;width:24px;height:24px;border-radius:50%;background:white;transition:transform .15s ease}#tools-dialog .settings-panel input[type=checkbox][role=switch]:checked,.intro-choice input[role=switch]:checked{background:var(--brand);border-color:var(--brand)}#tools-dialog .settings-panel input[type=checkbox][role=switch]:checked::before,.intro-choice input[role=switch]:checked::before{transform:translateX(22px)}.reduce-motion #tools-dialog input[role=switch]::before,.reduce-motion .intro-choice input[role=switch]::before{transition:none}.left-handed #mental-note-tools{flex-direction:row-reverse}}@media screen and (max-width:650px) and (orientation:portrait){#app #home-screen{margin-top:clamp(18px,4vh,30px)}#app #test-overview .test-start-card{grid-template-columns:minmax(0,1fr)}#app #test-overview .test-start-card h2{grid-column:1}#app #test-overview .test-start-card #start-test{grid-column:1;min-height:44px;justify-self:stretch}}@media screen{#app #method-screen #practice-set-advice:not([hidden]){display:block;font-size:16px;line-height:1.4;margin-top:10px}}@media screen and (max-width:650px) and (orientation:portrait){html:has(#method-screen:not([hidden])),html:has(#method-screen:not([hidden])) body{height:auto;overflow-y:auto}#app:has(#method-screen:not([hidden])){height:auto;min-height:var(--app-height,100dvh);max-height:none}}@media screen{#mental-answer-field{position:relative;display:block;min-width:0;isolation:isolate}#mental-answer-ink{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);z-index:3;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;background:transparent}#app #mental-answer-field[data-ink=true] #mental-run-answer{color:transparent;caret-color:transparent}#app #mental-run-screen[data-input-mode=Write] #mental-run-answer{pointer-events:none;caret-color:transparent}#app #mental-answer-field[data-correct=true] #mental-run-answer{border-color:#55956f;background:#f4fbf6}#app #mental-run-feedback{font-size:17px;line-height:1.3;margin:0;flex:none}#app #mental-run-screen>.mental-run-toolbar{display:flex;align-items:center;flex-wrap:wrap}#app #mental-run-back{min-width:64px;padding:6px;font-size:14px}#app #mental-note-tools{width:auto;order:0;flex:1}#app #mental-note-tools button{min-width:44px;min-height:44px;padding:5px 7px}#app #mental-run-count{margin-left:auto;font-size:14px}#app #mental-run-help{min-width:52px;min-height:44px;padding:6px 10px;font-size:14px}#app #mental-run-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);flex:none;width:100%;min-height:52px;margin:0;padding:4px 0;gap:8px}#app #mental-run-navigation #mental-run-previous{grid-column:1;justify-self:start;min-width:64px;padding:6px 12px;min-height:44px}#app #mental-run-navigation #mental-run-check,#app #mental-run-navigation #mental-run-checked-status{grid-column:2;justify-self:center}#app #mental-run-navigation #mental-run-next{grid-column:3;justify-self:end;width:auto;min-width:88px;min-height:44px;padding:6px 12px}#app #mental-run-check{min-width:88px;min-height:44px;padding:6px 12px}#app #mental-run-check:disabled{opacity:1;background:#397a56}#app #mental-run-checked-status,#app #assessment-check-status{align-items:center;justify-content:center;gap:6px;border:0;background:transparent;border-radius:0;padding:0;min-height:44px;white-space:nowrap;font-size:14px;font-weight:400}#app #mental-run-checked-status input,#app #assessment-check-status input{width:22px;height:22px;margin:0}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-height:44px;margin-bottom:8px;flex:none}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #work-preferences{display:flex;gap:6px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools{display:flex;width:auto;gap:4px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools button{min-width:44px;min-height:44px;padding:5px 8px;font-size:14px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #question-count{margin-left:auto;white-space:nowrap;font-size:14px;color:var(--text-soft)}#app #assessment-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;flex:none;min-height:52px;padding:4px 0}#app #assessment-footer #assessment-previous{grid-column:1;justify-self:start;min-width:64px;min-height:44px;padding:6px 12px}#app #assessment-footer #assessment-check-status{grid-column:2}#app #assessment-footer #assessment-next{grid-column:3;justify-self:end;min-width:88px;min-height:44px;padding:6px 12px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar{align-items:center}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>#work-preferences{flex:none;width:auto;min-width:0;gap:0}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>#ink-tools button{min-height:44px;padding:5px 7px;font-size:14px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #support-tools{flex:none;width:auto!important;min-width:0!important}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #lesson-actions{flex:none;width:auto}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #step-copy:has(#caption:empty){display:none!important}#app #lesson-screen[data-compact-practice=true] #caption:empty{display:none!important}}@media screen and (max-width:650px){#app #mental-run-navigation button,#app #assessment-footer button{font-size:14px}#app #mental-run-count{font-size:13px}#app #mental-run-help{min-width:44px;padding:6px}#app #mental-note-tools button{min-width:44px;padding:5px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #work-preferences>#ink-tools{width:auto;gap:4px}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #ink-tools button{font-size:13px;padding:5px 7px}#app #mental-run-checked-status,#app #assessment-check-status{font-size:13px}#app #mental-run-navigation #mental-run-previous,#app #assessment-footer #assessment-previous{min-width:52px;padding:6px}#app #mental-run-navigation #mental-run-next,#app #assessment-footer #assessment-next{min-width:76px;padding:6px 10px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>#ink-tools[data-mode=Type]{min-width:90px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #step-copy{flex-basis:100%}}@media screen and (max-width:370px){#app #mental-note-tools:not([hidden]){flex-basis:100%}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>#ink-tools:not([data-mode=Type]){order:4;flex-basis:100%;width:100%}}@media screen{#app #lesson-screen[data-stage=Assessment] #assessment-footer #assessment-check-status{grid-column:2;grid-row:1;justify-self:center}#app #assessment-footer #assessment-previous,#app #assessment-footer #assessment-next{grid-row:1}#app #mental-run-screen[data-kind=practice] #mental-run-count{grid-column:2;grid-row:1;justify-self:center;margin:0}#app #mental-run-navigation>*{grid-row:1}#app #mental-run-navigation #mental-run-checked-status{grid-row:1}#app #practice-footer{display:grid;align-items:center;flex:none}#app #practice-footer #back-to-methods{grid-column:1;justify-self:start;padding:6px;min-height:44px;font-size:14px}#app #practice-footer #practice-question-count{grid-column:2;font-size:14px;color:var(--text-soft)}#app #practice-footer #lesson-actions{grid-column:3;justify-self:end;margin:0}#app #practice-footer #main-action{min-width:88px;min-height:44px;padding:6px 12px;font-size:15px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #support-tools{margin-left:auto}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #work-preferences:empty{display:none}#app #mental-run-screen[data-input-mode=Write] #mental-answer-field #mental-run-answer{min-height:64px;width:4.5em}#app #practice-footer #back-to-methods .back-full{display:none}#app #practice-footer #back-to-methods .back-short{display:inline}#app #practice-footer #lesson-actions{width:auto;min-width:88px;max-width:100%}#app #practice-footer #main-action{flex:none;width:88px}#app #assessment-check-status,#app #mental-run-checked-status{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}#app #lesson-screen #paper-scroll,#app #lesson-screen #check-paper-scroll{min-height:var(--minimum-paper-height,0px);place-items:start center}#app #lesson-screen #paper,#app #lesson-screen #check-paper{position:absolute;left:0;right:0;margin-inline:auto;transform:none}#app #lesson-screen #completed-board{position:relative}#app #lesson-screen #completed-board .completed-paper{position:absolute;left:0;right:0;top:0;margin-inline:auto;transform:none}#app #lesson-screen{overflow-y:auto;overflow-x:hidden}#app #lesson-screen .completed-paper{border:0;margin:0 auto;flex:none;min-height:var(--minimum-paper-height,0px)}#app #lesson-screen[data-check-lesson=true] #completed-equation{min-height:0;flex:0 0 var(--reference-cell);height:var(--reference-cell)}#app #lesson-screen[data-input-mode=Write] .check-question{pointer-events:none}#app #lesson-screen[data-input-mode=Write] #check-ink{z-index:6}#app #lesson-screen .check-question{justify-content:center;height:var(--check-cell);gap:10px;padding:4px 10px}#app #lesson-screen .check-question #test-check-method{display:block;flex:none;min-height:0;font-weight:600;white-space:nowrap;margin:0}#app #lesson-screen .check-question .check-result-label{flex:none;margin:0}#app #lesson-screen .check-question #check-answer{max-height:none;border-radius:0}#app #lesson-screen #practice-footer>*{grid-row:1}}@media screen and (max-width:650px){#app #lesson-screen[data-phone-view=writing][data-check-lesson=true] .lesson-layout>.method-board{display:none!important;visibility:visible;pointer-events:auto;flex:1 0 var(--minimum-paper-height,0px)}#app #lesson-screen[data-phone-view=writing][data-stage=Check][data-show-completed=true] .lesson-layout>#completed-board:not([hidden]),#app #lesson-screen[data-phone-view=writing][data-stage=Check][data-show-completed=false] .lesson-layout>.method-board:has(#paper-scroll),#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check])[data-active-paper=answer] .lesson-layout>#completed-board:not([hidden]),#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check])[data-active-paper=check] .lesson-layout>#test-check-board:not([hidden]){display:flex!important;visibility:visible;pointer-events:auto}#app #lesson-screen[data-phone-view=writing] .lesson-layout>.method-board{flex-shrink:0}#app #lesson-screen[data-phone-view=writing] #checking-view{flex-shrink:0}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true] .lesson-layout{min-height:var(--minimum-layout-height,0px)}#app #lesson-screen[data-check-lesson=true] .lesson-guide{flex-shrink:0}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) .lesson-guide{flex-direction:row!important;align-items:center}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) #support-tools{display:flex!important;flex:none}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) #lesson-actions{flex:1}}@media screen{#app #lesson-screen[data-stage=Practice][data-with-check=true] #test-check-method{display:block}#app-navigation{position:relative;justify-self:start;min-width:0}#app #navigation-toggle{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 4px;font-size:15px;white-space:nowrap;background:transparent;border:0;box-shadow:none}#navigation-toggle>span{font-size:17px;line-height:1}#navigation-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:60;display:flex;flex-direction:column;width:250px;max-width:calc(100vw - 24px);padding:6px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px var(--tone-263f6326)}#app #navigation-menu button{position:static;display:block;width:100%;max-width:none;min-height:44px;padding:10px 12px;font-size:16px;white-space:normal;border:0;border-radius:9px;background:transparent;color:var(--ink)}#app #navigation-menu button:hover,#app #navigation-menu button:focus-visible{background:var(--surface-selected,var(--tone-e4efff))}#app main .menu-navigation-only,#app #back-to-methods,#app #method-back,#app #mental-choose,#app #mental-run-back{display:none!important}#app #header-context[data-practice-progress=true]{justify-content:center;min-width:0}#app #header-progress{font-weight:400;color:var(--text-soft)}#app #lesson-screen #work-preferences{width:100%;margin:0 0 8px;gap:0;min-height:0}#app #lesson-screen #work-preferences>#ink-tools,#app #lesson-screen #assessment-toolbar #work-preferences>#ink-tools{display:flex;flex:1;width:100%;max-width:none;gap:6px}#app #lesson-screen #ink-tools button{flex:1 1 0;min-width:0;max-width:none;min-height:44px;padding:6px;font-size:15px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar{flex-wrap:wrap;min-height:0}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>#ink-tools{flex:1 0 100%}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>#ink-tools button{flex:1 1 0;min-width:0;max-width:none}#app #lesson-screen[data-compact-practice=true] #practice-toolbar>.lesson-guide:has(#caption:empty):not(:has(#activity-dialog:not([hidden]))):not(:has(#recognition-dialog:not([hidden]))){display:none}#app #practice-footer #context-hint{min-width:66px;min-height:44px;padding:6px 12px;border-radius:12px;background:var(--surface-selected,var(--tone-e4efff));font-size:15px}#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-help{min-width:66px;padding:6px 12px}#app #mental-run-screen>.mental-run-toolbar{gap:6px;min-height:0}#app #mental-note-tools:not([hidden]){display:flex;flex:1;width:100%;order:0}#app #mental-note-tools button{flex:1 1 0;max-width:none;font-size:15px}#app #mental-run-screen[data-kind=practice][data-input-mode=Type]>.mental-run-toolbar{display:none}#app #method-screen .setup-footer #method-continue{width:100%}#app #lesson-screen[data-stage=Assessment] #assessment-toolbar #work-preferences{flex:1}}@media screen and (max-width:650px){#app>header:has(#header-progress:not([hidden])){height:64px;flex-basis:64px}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) .lesson-guide{display:grid!important}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) #lesson-actions{min-width:88px;max-width:100%}#app #phone-workbook-tabs:not([hidden]){margin-bottom:8px}}@media screen{#app #lesson-screen[data-compact-practice=true] .lesson-layout{min-height:var(--minimum-layout-height,0px)}}@media screen{#answer-box-ink,#check-answer-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.check-result-label{position:relative}#app #lesson-screen[data-input-mode=Write] #answer-slot,#app #mental-run-screen[data-input-mode=Write] #mental-answer-field{cursor:zoom-in}#app #answer-slot[data-answer-ink=true] #answer-box,#app #check-answer[data-answer-ink=true]{color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent}#app #answer-slot[data-answer-ink=true] #answer-display{visibility:hidden}}@media screen{#app #lesson-screen #paper-scroll,#app #lesson-screen #check-paper-scroll{overflow:hidden}.reset-view[hidden]{display:none!important}#answer-box-ink path,#check-answer-ink path,#mental-answer-ink path,#ink path,#check-ink path{stroke-linecap:round;stroke-linejoin:round}#app #home-screen{flex:1;min-height:0;margin:0 auto}#app #home-screen .home-card{height:100%}#app #home-screen .home-footer{margin-top:12px}#app #test-overview{margin:0 12px;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);align-items:stretch;align-content:stretch}#app #test-overview .test-history-card{display:flex;flex-direction:column}#app #test-overview #score-chart,#app #test-overview #mental-score-chart{flex:1;min-height:110px;height:auto;max-height:none;width:100%;padding:0;border:0;background:transparent}#app #test-overview #score-chart svg,#app #test-overview #mental-score-chart svg{display:block;width:100%;height:100%}#app #test-history-summary{flex:none;margin:0;font-size:14px;line-height:1.4}#app #test-overview .test-history-heading{flex:none;gap:8px}#app #mental-screen{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;padding-bottom:12px}#app #mental-screen .page-title{text-align:center}#app #mental-screen .mental-heading{justify-content:center}#app #mental-technique-title{width:100%;text-align:center;font-size:22px;margin:0}#app #mental-title{text-align:center;font-size:20px;margin:6px 0 0;min-height:0}#app #mental-screen #mental-paper{align-items:center;justify-content:center;gap:14px;overflow-y:auto;box-sizing:border-box}#app #mental-screen #mental-purpose{flex:none;width:min(720px,100%);margin:auto}#app #mental-screen #mental-purpose-title{display:none}#app #mental-screen #mental-caption{flex:none;min-height:0}#app #mental-screen .mental-controls{margin:0}#app #mental-screen .mental-navigation{margin-top:4px}#app #mental-example-count:empty{display:none}#app #mental-setup-screen .setup-footer,#app #mental-practice-start{width:100%}#app #mental-run-screen[data-kind=practice] #mental-run-question-panel{justify-content:center}#app #mental-run-screen[data-kind=practice] #mental-run-question-panel .mental-answer-line{padding:16px;margin:auto 0}#app #lesson-screen[data-with-check=true]:not([data-check-lesson=true]) .check-question{justify-content:center;padding:0 8px;gap:calc(var(--check-qcell)*.4);border:0;border-bottom:1px solid var(--paper);min-height:0}#app #lesson-screen .check-question #test-check-method{flex:1;min-width:0;white-space:normal;text-align:center;font-size:calc(var(--check-qcell)*.72);line-height:1;font-variant-numeric:tabular-nums;font-family:inherit}#app #lesson-screen .check-question #check-answer{width:calc(var(--check-qcell)*3.8);height:calc(var(--check-qcell)*.9);min-height:0;padding:0;border:1.5px solid var(--tone-9fb9db);font-size:calc(var(--check-qcell)*.72);box-sizing:border-box}#app #practice-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:44px;padding:0;margin-top:8px;gap:8px}#app #practice-footer #context-hint{grid-column:1;grid-row:1;justify-self:stretch;width:100%;margin:0}#app #lesson-screen #practice-footer #lesson-actions{grid-column:2;grid-row:1;justify-self:stretch;min-width:0;width:100%;max-width:none}#app #lesson-screen #practice-footer #main-action{width:100%;flex:1;min-width:0;min-height:44px;height:44px;max-height:44px;line-height:1.2;padding:6px 12px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar{margin-bottom:8px}#app #lesson-screen[data-compact-practice=true] #practice-toolbar #ink-tools{margin:0}#app #mental-run-screen[data-kind=practice] #mental-run-navigation{gap:8px;margin:8px 0 0;padding:0;flex:none}#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-help{justify-self:stretch;width:100%;margin:0}#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-check,#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-next{justify-self:stretch;width:100%;margin:0}#app #mental-run-screen>.mental-run-toolbar{margin-bottom:0}#app #mental-run-screen[data-kind=practice] #mental-run-navigation{margin-top:0}#mental-finish-dialog .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}}@media screen and (max-width:650px){#app #test-overview{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}#app #test-overview .test-start-card{grid-column:1;grid-row:2;gap:8px}#app #test-start-title{font-size:23px}#app #test-start-description{font-size:16px;line-height:1.35}#app #test-overview .test-start-card #start-test{width:100%;margin:0}#app #test-overview .test-history-heading h2{font-size:18px}#app #test-overview .test-history-heading>span{font-size:14px}#app #lesson-screen,#app #mental-run-screen{padding-bottom:12px}#app #lesson-screen[data-practice-tabs=true] .lesson-layout{display:flex;flex-direction:column;gap:8px}#app #practice-paper-tabs{display:flex;flex:none;width:100%}#app #practice-paper-tabs button{flex:1;min-width:0;min-height:44px;font-size:16px}#app #lesson-screen[data-practice-tabs=true] .workspace-title,#app #lesson-screen[data-practice-tabs=true] #see-addition{display:none!important}#app #lesson-screen[data-practice-tabs=true] .method-board{border:0;box-shadow:none;border-radius:0;background:transparent}#app #lesson-screen[data-practice-tabs=true] #check-paper{border:1px solid var(--line);border-radius:18px;overflow:hidden}#app #lesson-screen[data-practice-tabs=true][data-active-paper=answer] #test-check-board,#app #lesson-screen[data-practice-tabs=true][data-active-paper=check] .method-board:has(#paper-scroll){display:none!important}#app #lesson-screen[data-practice-tabs=true][data-active-paper=answer] .method-board:has(#paper-scroll),#app #lesson-screen[data-practice-tabs=true][data-active-paper=check] #test-check-board{display:flex!important;flex:1 0 var(--minimum-paper-height,0px);visibility:visible;pointer-events:auto}#app #lesson-screen[data-practice-tabs=true] .lesson-layout{min-height:calc(var(--minimum-paper-height,0px) + 58px)}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) .lesson-guide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) #support-tools{grid-column:1;width:100%;justify-self:stretch}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) #context-hint{width:100%}#app #lesson-screen[data-phone-view=writing][data-check-lesson=true]:not([data-stage=Check]) #lesson-actions{grid-column:2;width:100%;justify-self:stretch}}@media screen and (orientation:landscape) and (max-height:500px){#app #test-overview{grid-template-columns:minmax(180px,.9fr) minmax(0,1.2fr);grid-template-rows:auto minmax(0,1fr)}#app #test-overview .test-start-card{grid-column:1;grid-row:2}#app #test-start-title{font-size:20px}#app #mental-screen #mental-paper{gap:8px}#app #mental-screen{flex:1;max-height:none}}@media screen{#app #mental-run-screen[data-kind=practice] #mental-run-question-panel .mental-answer-line{flex-wrap:nowrap;font-size:var(--mental-question-font,32px);gap:10px}#app #mental-run-screen[data-kind=practice] #mental-run-question-panel .mental-answer-line input{width:3.6em;min-height:56px}#app #home-screen{margin-inline:auto}}@media screen and (max-height:420px){#app #mental-screen{min-height:0;overflow-y:auto}#app #mental-screen #mental-paper{overflow-y:auto}#app #mental-screen #mental-purpose #mental-caption{font-size:18px}}@media screen{#app #year-screen>h1{display:block;flex:none;line-height:1.25;text-align:center}#year-advice{flex:none;background:var(--surface-soft);padding:16px 20px;border-radius:12px;text-align:center}#app #year-screen #writing-advice{background:transparent;padding:0;border:0;border-radius:0;margin:0}#app #year-screen #sound-advice{border-top:1px solid var(--line);padding-top:12px;margin:12px 0 0;font-size:18px;line-height:1.45}}@media screen and (max-width:650px){#year-advice{padding:12px}#app #year-screen #sound-advice{font-size:16px;line-height:1.4}}@media screen and (max-height:420px){#year-advice{padding:10px}#app #year-screen #sound-advice{font-size:14px;line-height:1.3;margin-top:8px;padding-top:8px}}@media screen{#app p,#app h1,#app h2,#app h3,#app legend,#app .option-copy,#app .setting-copy,#app .setting-description,#app .option-description,#app .small,#app .workspace-title,#app .review-topic,#app .review-state,#app .mental-help-equation,#app dialog li,dialog p,dialog h2,dialog li{text-align:center}#app #lesson-screen #caption,#app #lesson-screen #remember-text,#app #mental-screen #mental-caption,#app #mental-purpose #mental-caption,#app #navigation-menu button{text-align:center}#app #home-screen .home-card{flex-direction:column;align-items:center;justify-content:center}#app #home-screen .home-card .card-copy{flex-direction:column}#app #home-screen .home-card .card-copy strong,#app #home-screen .home-card .card-copy small{width:100%;text-align:center}#app #home-screen .card-icon{margin:0;flex:none}#app #mental-choices{grid-template-columns:minmax(0,1fr)}#app #mental-choices .mental-group[data-operation]{grid-column:1/-1}#app #mental-choices .mental-group .mental-methods{grid-template-columns:repeat(4,minmax(0,1fr))}#app #mental-choices .mental-topic{box-sizing:border-box;height:212px;min-height:212px;display:flex;flex-direction:column;gap:10px}#app #mental-choices .mental-topic h3{flex:1;min-height:44px}#app #mental-choices .mental-topic .mental-example,#app #mental-choices .mental-actions{flex:none}#app>header #stage-toggle{background:white;color:var(--brand);border:1px solid var(--tone-9fb9db);border-radius:9px;padding:7px 10px;box-shadow:none;font-weight:600}#app>header #stage-toggle .stage-chevron{color:var(--brand)}#app #lesson-screen #checking-view button,#app :is(#phone-workbook-tabs,#practice-paper-tabs,#test-kind-selector,#input-mode-selector,.settings-tabs)>button{flex:1;min-width:0;min-height:44px;margin:0}#app #answer-notice-dialog{width:min(520px,calc(100% - 24px));max-height:calc(var(--app-height,100dvh) - 24px);overflow:auto;padding:22px}#answer-notice-copy{font-size:20px;line-height:1.4;margin:14px 0 20px;text-align:center}#answer-notice-dialog .actions button{width:100%}#app dialog ul,dialog ul{list-style-position:inside;padding-left:0}}@media screen and (max-width:900px){#app #mental-choices .mental-group .mental-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:650px){html[data-phone-book=true]:has(#lesson-screen[data-fixed-playback=true]),html[data-phone-book=true]:has(#lesson-screen[data-fixed-playback=true]) body{height:var(--app-height,100dvh)!important;overflow:hidden!important}html[data-phone-book=true] #app:has(#lesson-screen[data-fixed-playback=true]){height:var(--app-height,100dvh)!important;min-height:0!important;max-height:var(--app-height,100dvh)!important;overflow:hidden!important}html[data-phone-book=true] #app #lesson-screen[data-fixed-playback=true]{flex:1!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}#app #lesson-screen[data-fixed-playback=true]{gap:8px;overflow:hidden}#app #lesson-screen[data-fixed-playback=true] #phone-workbook-tabs{margin:0}#app #lesson-screen[data-fixed-playback=true] .lesson-layout{flex:1!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important}#app #lesson-screen[data-fixed-playback=true][data-phone-view=workbook] .lesson-guide{flex:1!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;padding:20px;gap:12px}#app #lesson-screen[data-fixed-playback=true][data-phone-view=workbook] #step-copy{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;padding:0}#app #mental-screen .mental-navigation{grid-column:1/-1;margin:0;min-height:44px;height:44px;max-height:44px}#app #mental-screen .mental-navigation button{min-height:44px;height:44px;font-size:14px;padding:6px;line-height:1.2}#app #mental-screen #mental-example-count{position:absolute;bottom:10px;left:0;right:0;text-align:center}#app #mental-screen #mental-caption{margin-bottom:18px}#app #tools-dialog .settings-tabs button{font-size:12px}}@media screen and (max-width:650px) and (max-height:420px){html:has(#mental-screen[data-phase]:not([hidden])),html:has(#mental-screen[data-phase]:not([hidden])) body{height:var(--app-height,100dvh);overflow:hidden}#app:has(#mental-screen[data-phase]:not([hidden])){height:var(--app-height,100dvh);min-height:0;max-height:var(--app-height,100dvh);overflow:hidden}}@media screen{#clear-data-dialog{width:min(520px,calc(100% - 24px));max-height:calc(var(--app-height,100dvh) - 24px);overflow:auto;padding:22px}#clear-data-dialog .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}#clear-data-dialog .actions button{width:100%;height:100%;min-height:44px}#clear-data-dialog p{font-size:20px;line-height:1.4;margin-top:12px}}@media screen{#app #lesson-screen:is([data-stage=Assessment],[data-with-check=true]:not([data-check-lesson=true])) .method-board{position:relative;border-color:transparent}#app #navigation-toggle[data-direct-home=true]{padding:6px 4px}#app>header{position:relative;z-index:100}#app-navigation{z-index:120;isolation:isolate}#app #navigation-menu{z-index:120;background:#fff;max-height:calc(var(--app-height,100dvh) - 76px);overflow-y:auto;overscroll-behavior:contain}#app #navigation-toggle[data-change-year=true]{font-size:14px;white-space:nowrap;padding:6px 0}#app #method-screen .current-method:has(#practice-set-advice[hidden]){display:none}#app #test-overview .test-start-card{align-items:center;justify-content:center;text-align:center}#app #test-overview .test-start-card h2,#app #test-overview .test-start-card p{width:100%;text-align:center}#app #test-overview .test-start-card #start-test{align-self:center}#app #pre-test{padding:24px;box-sizing:border-box}#app #pre-test-kind{font-size:21px;line-height:1.3;margin:0;color:var(--ink)}#app #pre-test-prompts{display:grid;gap:12px;width:100%}#app #pre-test-prompts p{font-size:19px;line-height:1.4;padding:14px 18px;margin:0;border:0;border-radius:12px;background:var(--surface-soft)}#app #pre-test .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;width:100%}#app #pre-test .actions button{min-width:0;width:100%;min-height:44px}#app #tools-dialog h2,#app #tools-dialog p,#app #tools-dialog label,#app #tools-dialog legend,#app #tools-dialog .setting-copy,#app #tools-dialog .setting-copy>span,#app #tools-dialog .setting-description,#app #tools-dialog .small{text-align:left}#app #mental-choices{gap:16px}#app #mental-choices .mental-group{gap:16px}#app #mental-choices .mental-group>h2{margin:0}#app #mental-choices .mental-methods{gap:12px}}@media screen and (max-width:650px){#app #pre-test{padding:16px}#app #pre-test-kind{font-size:18px}#app #pre-test-prompts p{font-size:17px;padding:12px;line-height:1.4}}@media screen and (max-height:420px){#app #pre-test{padding:12px}#app #pre-test-prompts{gap:8px}#app #pre-test-prompts p{font-size:16px;padding:10px}}html,body,button,a,label,[role=button],[role=tab]{-webkit-tap-highlight-color:transparent}button,a,[role=button],[role=tab]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (hover:none){#app .home-card:hover{filter:none}#app #navigation-menu button:hover:not(:focus-visible){background:transparent}}@media screen{html:has(#mental-run-screen:not([hidden])),body:has(#mental-run-screen:not([hidden])){height:var(--app-height,100dvh);overflow:hidden}#app:has(#mental-run-screen:not([hidden])){height:var(--app-height,100dvh);min-height:0;max-height:var(--app-height,100dvh);overflow:hidden}#app #mental-run-screen{flex:1;min-height:0;height:auto;overflow:hidden}#app #mental-run-workspace,#app #mental-run-question-panel{min-height:0}#app #mental-run-help-panel{min-height:0;overflow:auto}#app #lesson-screen #paper-scroll,#app #lesson-screen #check-paper-scroll{display:block;position:relative}#app #lesson-screen #paper,#app #lesson-screen #check-paper{align-self:auto;justify-self:auto;top:0;bottom:auto;margin-block:0}#app #lesson-screen #paper>#printed-question{border:0;border-radius:0}#app #mental-run-screen[data-kind=practice] #mental-run-navigation{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-previous,#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-previous:disabled{display:block;grid-column:1;grid-row:1;justify-self:stretch;min-width:52px;min-height:44px;height:44px;margin:0;padding:6px;font-size:14px}#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-help{grid-column:2;grid-row:1}#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-check,#app #mental-run-screen[data-kind=practice] #mental-run-navigation #mental-run-next{grid-column:3;grid-row:1}#app #mental-run-screen[data-phase=result],#app #mental-run-screen[data-phase=review]{flex:1;min-height:0;overflow:hidden}#app #mental-run-screen #mental-run-summary:not([hidden]){display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;max-height:none;gap:14px;padding:22px;overflow:hidden}#app #mental-run-summary>h2,#app #mental-run-summary-message,#app #mental-run-summary>.mental-run-actions{flex:none}#app #mental-run-summary-list{flex:1;min-height:0;overflow:auto;display:grid;align-content:stretch;grid-auto-rows:minmax(min-content,1fr);gap:8px;padding:4px 0}#app #mental-run-summary-list p,#app #mental-run-summary-list button{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:20px;line-height:1.35;padding:8px 12px;margin:0}#app #mental-run-summary>.mental-run-actions{margin:0;width:100%}#app #mental-run-summary>.mental-run-actions button{flex:1;min-height:44px}#app>#result-screen{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;width:min(940px,calc(100% - 24px));margin:0 auto 12px;padding:22px;gap:14px;overflow:hidden;justify-content:flex-start}#app>#result-screen>h1,#app>#result-screen>#result-message,#app>#result-screen>.actions{flex:none}#app>#result-screen>#result-detail:not(:empty){display:flex;flex:1;flex-direction:column;min-height:0;gap:10px;overflow:auto}#app>#result-screen>.actions{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}#app>#result-screen>.actions #result-next,#app>#result-screen>.actions #result-mental{grid-column:1/-1;width:100%}#app>#result-screen>.actions button{min-width:0;width:100%}#app #result-detail .practice-set-results{flex:none;margin:auto auto 0}#app #result-detail:has(.practice-set-results)>button{flex:none;margin-top:14px}}@media screen and (max-width:650px){#app #mental-run-screen #mental-run-summary:not([hidden]){padding:16px;gap:10px}#app #mental-run-summary-list{grid-template-columns:minmax(0,1fr)}#app #mental-run-summary-list p,#app #mental-run-summary-list button{font-size:18px;padding:6px 10px}#app>#result-screen{padding:16px;gap:10px}}@media screen and (max-height:420px){#app #mental-run-screen #mental-run-summary:not([hidden]){padding:12px;gap:8px}}.operation-mark .math-stroke,.fraction-use-tick .math-stroke,.scaling-underline .math-stroke,.round-precision-underline .math-stroke,[data-round-mark] .math-stroke{stroke:var(--exchange-ink,var(--tone-456f9c))}@media print{.print-requirement-underlined{border-bottom:.45mm solid var(--tone-456f9c);padding-bottom:.5mm}.completed-operation{outline:.35mm solid var(--tone-456f9c);outline-offset:.7mm;border-radius:50%}.completed-test .sats-inline-answer{color:var(--tone-29446c)}.completed-answer-svg{display:block;width:100%;height:100%;overflow:visible}.completed-tick{position:absolute;width:2.6mm;height:2.6mm;right:-2.8mm;top:25%;overflow:visible}.completed-ticked{position:relative;margin-right:2.5mm}.completed-tick path{fill:none;stroke:var(--tone-456f9c);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}}@media screen{.hint-card-content{padding:22px;font-size:19px;line-height:1.5;text-align:left}}