.theory-interactive-label{display:inline-flex;align-items:center;border-radius:7px;padding:3px 8px;background:var(--blue-soft);color:var(--blue);font-size:11px;line-height:1.5}.theory-reading-meta .theory-interactive-label{font-size:12px;padding:1px 8px}.lesson-activity{container-type:inline-size;margin:32px 0 35px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:25px;min-width:0;scroll-margin-top:24px}.lesson-activity>header{margin-bottom:22px}.lesson-activity>header>h3{font-size:21px;font-weight:570;line-height:1.45;letter-spacing:-.4px;margin:0 0 12px;text-wrap:pretty}.lesson-activity>header>p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.lesson-activity-body{min-width:0}.lesson-reaction-condition{font-size:12px;line-height:1.7;color:var(--muted);text-align:center;margin:0 0 16px}.lesson-composer{background:var(--surface-alt);border-radius:13px;padding:20px 17px;min-width:0}.lesson-constructor-equation{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;font-size:24px}.lesson-known{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;flex:1 1 180px;min-width:0}.lesson-known .known-term{font:inherit;font-weight:500;max-width:100%;overflow-wrap:anywhere;white-space:normal;padding:5px 2px}.lesson-known .coefficient{color:var(--blue)}.lesson-arrow{color:var(--muted);font-size:27px;flex:none}.lesson-answer.formula-editor{flex:1 1 200px;min-width:120px;font-size:24px;min-height:48px;line-height:1.65;text-align:center;padding:4px;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}.lesson-answer:empty:before{font-size:14px;color:var(--muted);letter-spacing:0}.lesson-keyboard{margin-top:15px}.lesson-keyboard .key-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.lesson-keyboard .key{font-size:16px;min-width:32px;min-height:39px;height:auto;padding:8px 11px;flex:0 0 auto;line-height:1.3}.lesson-keyboard .element-key{font-size:20px;min-width:45px;min-height:44px}.lesson-keyboard .fragment-key{font-size:15px;padding:8px 12px;min-height:38px}.lesson-keyboard .key.operator{font-size:17px}.lesson-edit-tools{display:flex;justify-content:flex-end;gap:5px;margin:0 0 10px}.lesson-edit-tools .icon-btn{width:34px;height:34px}.lesson-fragments{padding-bottom:7px;border-bottom:1px solid var(--line)}.lesson-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.lesson-actions .btn{font-size:14px;min-height:43px}.lesson-actions .text-link{font-size:13px;line-height:1.6}.lesson-done{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--green)}.lesson-feedback:empty{display:none}.lesson-feedback p{font-size:14px;line-height:1.9;margin:19px 0 0;overflow-wrap:anywhere}.lesson-feedback.correct{color:var(--green)}.lesson-feedback.wrong{color:var(--amber)}.lesson-feedback.peeked{color:#b45d5d}.lesson-input-help{margin-top:20px;font-size:12px;color:var(--muted);line-height:1.8}.lesson-input-help summary{cursor:pointer;width:fit-content}.lesson-input-help p{font-size:13px;line-height:1.85;margin:12px 0 0}.lesson-answer-reveal{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.lesson-answer-reveal h4{font-size:14px;font-weight:550;margin:0 0 15px}.lesson-answer-reveal>p{font-size:14px;line-height:1.8;margin:10px 0}.lesson-equation{font-size:21px;line-height:1.8;gap:7px;justify-content:center;flex-wrap:wrap;margin:15px 0 20px}.lesson-equation .bank-side{flex-wrap:wrap;justify-content:center}.lesson-equation .bank-term{white-space:normal;overflow-wrap:anywhere}.lesson-equation .bank-term sub{font-size:.7em}.lesson-redox{display:grid;gap:15px}.lesson-redox-row{margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}.lesson-redox-row>legend{font-size:18px;font-weight:550;padding:0 7px}.lesson-redox-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lesson-redox-fields label{display:grid;align-content:end;gap:9px;min-width:0}.lesson-redox-fields label>span{font-size:12px;line-height:1.6;color:var(--muted)}.lesson-redox-fields input{text-align:center;min-height:43px;padding:9px;font-size:16px;max-width:100%}.lesson-lab-controls>.tool-field{font-size:13px;margin-bottom:17px}.lesson-lab-controls .select{font-size:14px;max-width:100%;min-width:0;text-overflow:ellipsis}.lesson-reagent-pair{display:flex;gap:12px;align-items:center;margin:20px 0 10px;min-width:0}.lesson-reagent-pair>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;flex:1;min-width:0;background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:15px 10px;text-align:center}.lesson-reagent-pair strong{font-size:23px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.lesson-reagent-pair>div>span:last-child{font-size:12px;line-height:1.7;color:var(--muted)}.lesson-reagent-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.lesson-plus{font-size:23px;color:var(--muted);flex:none}.lesson-lab-condition{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 19px}.lesson-lab-count{display:inline-block;margin:10px 0 10px 16px;color:var(--muted);font-size:12px}.lesson-lab-result{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);text-align:center}.lesson-lab-result .lab-experiment-visual{max-width:250px;margin:0 auto}.lesson-lab-result .lab-experiment-visual svg{max-height:180px}.lesson-lab-result>h4{font-size:17px;line-height:1.7;font-weight:550;margin:8px 0 15px}.lesson-lab-result>p{font-size:14px;line-height:1.9;color:var(--muted);margin:15px 0 0;text-align:left}.lesson-lab-result .lesson-equation{font-size:20px;margin:15px 0}.lesson-portions{display:grid;gap:18px;font-size:14px;line-height:1.7;color:var(--muted)}.lesson-portions strong{color:var(--ink);font-weight:550}.lesson-portions input{accent-color:var(--blue);width:100%;min-height:30px;cursor:pointer}.lesson-portion-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.lesson-portion-buttons .btn{font-size:13px;min-height:37px;padding:8px 13px}.lesson-portion-buttons button[aria-pressed=true]{background:var(--blue);color:var(--surface);box-shadow:inset 0 0 0 1px var(--blue)}.lesson-phosphate-result{background:var(--surface-alt);border:1px solid var(--line);border-radius:13px;text-align:center;padding:23px 18px}.lesson-phosphate-result>strong{font-size:29px;font-weight:500}.lesson-phosphate-result>p{font-size:14px;line-height:1.85;color:var(--muted);margin:14px 0 0}.lesson-phosphate-result .lesson-equation{margin:18px 0 0;font-size:21px}.lesson-model-note{font-size:13px;color:var(--muted);line-height:1.9;margin:19px 0 0}
[data-theme=dark] .lesson-feedback.peeked{color:#e69c9c}[data-theme=dark] .lesson-portion-buttons button[aria-pressed=true]{color:var(--bg)}
@container(max-width:460px){.lesson-constructor-equation{flex-direction:column;gap:9px}.lesson-known{flex:none;width:100%}.lesson-arrow{transform:rotate(90deg);font-size:24px;line-height:1}.lesson-answer.formula-editor{flex:none;width:100%;min-width:0}.lesson-redox-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-reagent-pair{gap:8px}.lesson-reagent-pair strong{font-size:21px}.lesson-lab-result .lesson-equation{font-size:18px}.lesson-keyboard .key{min-width:29px;padding:8px 10px}.lesson-keyboard .element-key{min-width:42px}}
@media(max-width:700px){.lesson-activity{padding:20px 17px;margin:27px 0}.lesson-activity>header>h3{font-size:20px}.lesson-activity>header>p{font-size:14px;line-height:1.85}.lesson-keyboard .key-row{gap:5px}.lesson-keyboard .key{min-width:29px;padding:8px 9px}.lesson-redox-fields input,.lesson-lab-controls .select{font-size:16px}.lesson-composer{padding:18px 13px}.lesson-activity .lesson-equation{font-size:19px}.lesson-activity .tool-field{font-size:13px}.theory-card-footer .theory-interactive-label{font-size:10px}}
@media print{.lesson-keyboard,.lesson-actions,.lesson-input-help,.lesson-lab-controls>button{display:none}.lesson-activity{break-inside:avoid;background:transparent;border-color:#bbb}.lesson-activity input{border:1px solid #bbb}}