.thermochemistry{--thermo-canvas:#101820;--thermo-grid:#29404e;--thermo-text:#dce6ee;--thermo-primary:#f0a32b;--thermo-secondary:#65b8e8;--thermo-danger:#e46f8d;--thermo-muted:#8fa6b7;color:var(--ink);gap:18px;display:grid}.thermochemistry__intro{justify-content:space-between;gap:20px;padding:4px 2px 12px;display:flex}.thermochemistry__intro h2{letter-spacing:-.02em;margin:3px 0 5px;font-size:1.4rem}.thermochemistry__intro p{max-width:850px;color:var(--muted);margin:0;font-size:.9rem}.thermochemistry__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.thermochemistry__tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:6px;padding:4px 2px 10px;display:flex;overflow-x:auto}.thermochemistry button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:7px 11px;font-size:.8rem}.thermochemistry button:hover{border-color:var(--accent);background:var(--accent-soft)}.thermochemistry__tabs button{white-space:nowrap}.thermochemistry__tabs button.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.thermochemistry button:focus-visible,.thermochemistry input:focus-visible,.thermochemistry select:focus-visible,.thermochemistry textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:1px}.thermochemistry__lesson{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, var(--accent-soft));border-radius:14px;overflow:hidden}.thermochemistry__lesson-heading{border-bottom:1px solid var(--line);background:var(--accent-soft);padding:18px 20px}.thermochemistry__lesson-heading>span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:750}.thermochemistry__lesson-heading h2{margin:5px 0 6px;font-size:1.2rem}.thermochemistry__lesson-heading p{max-width:900px;color:var(--muted);margin:0;font-size:.84rem}.thermochemistry__lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.thermochemistry__lesson-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:15px 18px}.thermochemistry__lesson-grid>div:nth-child(2n){border-right:0}.thermochemistry__lesson-grid>div:nth-last-child(-n+2){border-bottom:0}.thermochemistry__lesson-grid h3{text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:.78rem}.thermochemistry__lesson-grid p,.thermochemistry__lesson-grid li{color:var(--muted);font-size:.79rem;line-height:1.5}.thermochemistry__lesson-grid p,.thermochemistry__lesson-grid ol{margin:0}.thermochemistry__lesson-grid ol{padding-left:18px}.thermochemistry__lesson-grid code{color:var(--accent-strong);font:700 .8rem/1.6 Cascadia Code,Consolas,monospace;display:block;overflow-x:auto}.thermochemistry__layout{grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);align-items:start;gap:14px;display:grid}.thermochemistry__right{gap:14px;min-width:0;display:grid}.thermochemistry__card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, var(--surface-2));border-radius:12px;min-width:0;padding:17px}.thermochemistry__card h3{margin:0 0 5px;font-size:1rem}.thermochemistry__card>div>p,.thermochemistry__card>p{color:var(--muted);margin:0 0 12px;font-size:.8rem}.thermochemistry__controls{position:sticky;top:12px}.thermochemistry__field{color:var(--muted);gap:5px;margin-bottom:11px;font-size:.76rem;font-weight:650;display:grid}.thermochemistry__field small{font-size:.69rem;font-weight:450;line-height:1.4}.thermochemistry input,.thermochemistry select,.thermochemistry textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 10px;font-size:.84rem}.thermochemistry input{min-height:39px}.thermochemistry textarea{resize:vertical;min-height:115px;font:.78rem/1.5 Cascadia Code,Consolas,monospace}.thermochemistry__input-unit{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.thermochemistry__input-unit input{border-radius:8px 0 0 8px}.thermochemistry__input-unit em{border:1px solid var(--line);min-width:58px;color:var(--muted);background:var(--surface-2);border-left:0;border-radius:0 8px 8px 0;place-items:center;padding:0 8px;font-size:.7rem;font-style:normal;display:grid}.thermochemistry details{border:1px solid var(--line);border-radius:9px;margin:7px 0 12px;padding:9px 10px 0}.thermochemistry summary{cursor:pointer;color:var(--muted);margin-bottom:9px;font-size:.78rem;font-weight:700}.thermochemistry__preset-row{flex-wrap:wrap;gap:6px;margin:3px 0 10px;display:flex}.thermochemistry__preset-row button{padding:5px 8px;font-size:.72rem}.thermochemistry__notice{min-height:18px;color:var(--muted);font-size:.7rem}.thermochemistry__results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;display:grid}.thermochemistry__result{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-content:start;gap:5px;min-width:0;padding:12px;display:grid}.thermochemistry__result>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:750}.thermochemistry__result strong{overflow-wrap:break-word;min-width:0;color:var(--accent-strong);font-variant-numeric:tabular-nums;font:700 clamp(.82rem,.68rem + .4vw,1rem)/1.25 Cascadia Code,Consolas,monospace}.thermochemistry__result strong small{color:var(--muted);font-size:.68em}.thermochemistry__result p{color:var(--muted);margin:0;font-size:.7rem}.thermochemistry__equation{border:1px solid var(--line);color:var(--accent-strong);background:var(--surface-2);text-align:center;border-radius:9px;grid-column:1/-1;padding:13px;font:700 .84rem/1.6 Cascadia Code,Consolas,monospace;overflow-x:auto}.thermochemistry__error{border:1px solid color-mix(in srgb, var(--danger) 50%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:9px;grid-column:1/-1;padding:12px;font-size:.82rem}.thermochemistry__explanation{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:8px;padding:15px 17px}.thermochemistry__explanation h3{margin:0 0 5px;font-size:.9rem}.thermochemistry__explanation p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.thermochemistry__canvas-wrap{border:1px solid var(--line);background:var(--thermo-canvas);border-radius:10px;width:100%;height:390px;min-height:390px;overflow:hidden}.thermochemistry__canvas-wrap canvas{width:100%;height:100%;display:block}@media (prefers-color-scheme:dark){.thermochemistry{--thermo-canvas:#0b1117;--thermo-grid:#26333e;--thermo-text:#dce6ee}}@media (width<=980px){.thermochemistry__layout{grid-template-columns:1fr}.thermochemistry__controls{position:static}}@media (width<=700px){.thermochemistry__lesson-grid{grid-template-columns:1fr}.thermochemistry__lesson-grid>div{border-right:0;border-bottom:1px solid var(--line)}.thermochemistry__lesson-grid>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.thermochemistry__lesson-grid>div:last-child{border-bottom:0}.thermochemistry__card{padding:13px}.thermochemistry__results{grid-template-columns:1fr}.thermochemistry__canvas-wrap{height:330px;min-height:330px}}