.balance-page{max-width:960px;margin:auto;color:#183f39}.balance-sheet{padding:clamp(12px,3vw,24px);border:2px solid #adbdac;border-radius:18px;background:#fffdf5}.balance-page button,.balance-page select,.balance-page summary,.balance-page .back{min-height:44px}.balance-page button{white-space:normal}.balance-page button:focus-visible,.balance-page select:focus-visible,.balance-page summary:focus-visible{outline:3px solid #956323;outline-offset:3px}.balance-tabs{display:flex;gap:8px;margin-bottom:14px}.balance-tabs button{flex:1;padding:12px}.balance-case-title{padding:8px 12px;border-left:4px solid #397958;background:#edf3e8;font-size:14px}.balance-status:empty{margin:0}.balance-status:not(:empty){padding:10px;background:#edf3e8;border-left:4px solid #397958;font-size:14px}.balance-live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.balance-picture,.balance-actions{min-width:0}.balance-apparatus{margin:0;max-width:400px}.balance-scene{position:relative;width:100%;aspect-ratio:1;background:#f0f4e9;border-radius:14px}.balance-scene>svg{width:100%;height:100%;display:block}.balance-pan{position:absolute;width:37.5%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 3px 3px}.balance-pan-left{left:3.125%}.balance-pan-right{left:59.375%}.balance-unit-groups{display:flex;align-items:flex-end;gap:4px;width:100%}.balance-unit-group{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;border:1px dashed #9eae96;border-radius:4px;padding:3px 1px 0;background:#f7f9f1}.balance-units{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;min-height:14px;width:100%}.balance-unit{width:14px;height:14px;background:#c0d6af;border:1.5px solid #245447;border-radius:3px;text-align:center;line-height:12px;font-size:10px;font-weight:700;flex:none}.balance-group-count{font-size:13px;font-weight:700;line-height:1.4;padding-top:3px}.balance-parcel{width:51px;min-height:39px;border:2px solid #755a37;border-radius:4px;background:#e6cf96;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;flex:none}.balance-parcel strong{font-size:19px}.balance-parcel span{font-size:11px}.balance-apparatus figcaption{font-size:12px;line-height:1.5;margin-top:8px}.balance-expressions{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(17px,2vw,22px);margin-top:12px;line-height:1.4}.balance-expressions>span{display:flex;flex-direction:column;text-align:center;flex:1;min-width:0}.balance-expressions>span>strong{font-size:14px}.balance-relation{font-size:30px;flex:none}.balance-relation-text{font-size:14px;line-height:1.5;margin:10px 0}.balance-step-controls{border:1px solid #adbdac;border-radius:8px;padding:10px;margin:0 0 12px}.balance-step-controls legend{font-weight:700;max-width:100%;padding:0 5px;font-size:16px}.balance-six-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.balance-six-controls section{display:grid;gap:7px;min-width:0}.balance-six-controls h3{text-align:center;font-size:15px;margin:0}.balance-six-controls button{padding:10px 4px;font-size:14px;min-width:0}.balance-last-action{padding:10px 12px;border-left:4px solid #397958;background:#edf3e8;font-size:14px}.balance-page select{width:100%;max-width:100%;padding:8px;background:white;margin:8px 0}.balance-actions>button{max-width:100%;padding:12px;margin:0 8px 10px 0}.balance-record{padding:16px;border:2px solid #adbdac;border-radius:12px;background:#f2f6eb;margin:18px 0;overflow-wrap:anywhere}.balance-record:focus{outline:3px solid #956323;outline-offset:3px}.balance-record h3{margin-top:0}.balance-feedback{border-left:4px solid #397958;padding-left:12px}.balance-evidence{font-size:14px;padding-left:20px;line-height:1.6}.balance-frozen .balance-apparatus{max-width:340px}.balance-frozen .balance-expressions{max-width:400px}.balance-catalog{margin:20px 0}.balance-catalog button{padding:12px}.balance-page details{margin:18px 0}.balance-page summary{padding:10px 0;cursor:pointer}.balance-page pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.balance-page .back{display:inline-flex;align-items:center}.balance-page .hear-button{max-width:100%;padding:10px 12px;margin-right:8px}.balance-revealed{padding:10px;background:#f6f0db}
@media(max-width:750px){.balance-live-layout{grid-template-columns:1fr;gap:12px}.balance-apparatus{max-width:340px;margin:auto}.balance-sheet{padding:12px}.balance-record{padding:12px}.balance-expressions{font-size:18px}.balance-step-controls{padding:10px}.balance-picture{max-width:100%}}

@media(max-width:360px){.balance-unit-groups{flex-direction:column;align-items:stretch}.balance-unit-group{width:100%;flex:none}.balance-unit-groups{gap:3px}}
