.math-tabs,.math-toolbar,.math-actions{display:flex;gap:9px;flex-wrap:wrap}.math-tabs{margin:25px 0 18px}.math-tabs button{font-size:14px;padding:12px 15px}.math-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px}.math-toolbar button{font-size:13px;padding:9px 13px}.backlink{color:var(--orange);text-underline-offset:4px;font-size:14px}.math-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:22px}.math-layout>*{min-width:0}.math-layout select{display:block;width:100%;background:#0b1728;color:#fff;border:1px solid #51687e;border-radius:10px;padding:12px;font:inherit;margin:12px 0 22px}.math-layout .field{margin:23px 0}.math-layout .field label{font-size:14px;align-items:center}.math-layout .number-value{max-width:110px}.math-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:18px}.math-results>div{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:15px;min-width:0}.math-results small{color:var(--muted);font-size:12px}.math-results strong{display:block;font-size:25px;margin-top:8px;overflow-wrap:anywhere}.math-layout .stage svg{font:16px system-ui;fill:#3e5a6c}.stage-note{color:#526478}.expression{font-size:clamp(26px,3vw,40px);font-weight:700;text-align:center;padding:45px 0;color:#243d51;min-height:160px}.expression mark{background:#ffce9e;color:#243d51;border-radius:8px;padding:4px 9px}.order-stair{display:grid;gap:10px}.order-stair>div{display:flex;align-items:center;gap:15px;border:1px solid #c5d4db;padding:14px;border-radius:12px;color:#657b8b;transition:background .3s}.order-stair strong{flex:1;font-size:15px}.order-stair .current{background:#ffd2a8;color:#334e5e;border-color:#d99862}.stage-explanation{min-height:90px;padding:24px 8px 0;line-height:1.6;color:#385568}.stage-result{font-size:clamp(24px,3vw,37px);font-weight:700;text-align:center;color:#2a495d;padding:20px 0;overflow-wrap:anywhere}.balance-scene{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center;padding:45px 10px 25px}.balance-scene>div{background:#d4e6ed;border:1px solid #adc6d0;padding:25px 5px;border-radius:15px;font-size:25px;font-weight:700}.balance-scene>span{font-size:27px}.balance-beam{height:38px;margin:0 25px;border-top:6px solid #85a5b5;position:relative}.balance-beam:after{content:'';position:absolute;left:calc(50% - 16px);top:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid #85a5b5}.rewrite-steps{display:grid;gap:10px;padding:20px 0}.rewrite-steps>div{border-left:3px solid #d99254;padding:10px 15px;background:#e2eaed;line-height:1.6}.rewrite-steps small{display:block;color:#526b7b}.math-actions button{font-size:14px}.math-layout svg path,.math-layout svg rect,.math-layout svg ellipse,.math-layout svg circle{transition:fill .15s}.math-layout .formula{font-size:20px;overflow-wrap:anywhere}.math-layout .insight{line-height:1.65}.warn{border-color:#ffd08d;color:#ffe0b0}.math-layout .controls>button{margin-top:14px}.math-layout svg .dim{stroke:#66869a;stroke-width:2;fill:none;stroke-dasharray:5 4}.math-layout svg .solid{fill:#b9d9e6;stroke:#668ba0;stroke-width:3}.math-layout svg .top{fill:#dfedf1;stroke:#668ba0;stroke-width:3}@media(max-width:850px){.math-layout{grid-template-columns:1fr}.math-tabs button{padding:11px 12px;font-size:13px}.math-layout .stage{padding:20px}}@media(max-width:450px){.math-results{grid-template-columns:1fr 1fr}.math-results strong{font-size:21px}.balance-scene>div{font-size:20px}.expression{font-size:25px}}
.own-calculation{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:20px;margin-bottom:22px}.own-calculation>label{display:block;font-size:19px;font-weight:700;margin-bottom:12px}.expression-entry{display:flex;gap:12px}.expression-entry input{min-width:0;flex:1;background:#0b1728;border:1px solid #51687e;border-radius:12px;color:#fff;padding:15px;font:600 22px system-ui}.expression-entry input:focus{outline:2px solid var(--orange);outline-offset:2px}.expression-entry input[aria-invalid=true]{border-color:#ff9b78}.expression-presets button{font-size:13px;padding:9px 12px}.expression-error{color:#ffccaa;margin-bottom:0}.own-trail{border-top:1px solid #c5d4db;padding-top:15px;display:grid;gap:7px;max-height:260px;overflow:auto}.own-trail>div{display:flex;gap:15px;align-items:baseline;padding:8px 12px;border-radius:8px;color:#526b7b;overflow-wrap:anywhere}.own-trail .current{background:#ffd2a8;color:#243d51}.own-trail small{font-size:12px;flex:none}.expression{overflow-wrap:anywhere;line-height:1.65}.expression.outdated{opacity:.4}.order-stair[hidden]{display:none}#ownActive{overflow-wrap:anywhere}button:disabled{opacity:.45;cursor:default}@media(max-width:650px){.expression-entry{flex-direction:column}.expression-entry input{font-size:19px}.own-calculation{padding:18px}}
