.mx-app{display:grid;gap:var(--space-4);min-width:0;max-width:100%;align-items:start}@media(min-width:1024px){.mx-app{grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr)}.mx-work{position:sticky;top:var(--sci-header-clear, 88px)}}.mx-store,.mx-work{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}@media(min-width:700px){.mx-store,.mx-work{padding:18px}}.mx-h{margin:0;font-size:1.05rem;letter-spacing:.01em}.mx-store-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mx-new{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:calc(var(--radius) - 4px);background:var(--accent);color:var(--accent-contrast);font-weight:680}.mx-new:disabled{opacity:.5}.mx-new span{font-size:1.2em;line-height:1}.mx-cards{display:grid;gap:12px}.mx-card{min-width:0;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--surface);padding:10px 10px 8px;transition:border-color .16s ease,box-shadow .16s ease}.mx-card.is-active{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.mx-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.mx-name{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--key-radius);background:var(--surface-2);color:var(--text);font-size:1.2rem;font-weight:750;font-style:italic}.mx-card.is-active .mx-name{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.mx-size-ctl{display:inline-flex;align-items:center;gap:6px}.mx-stepper{display:inline-flex;align-items:center;background:var(--surface-2);border-radius:calc(var(--key-radius) + 4px);padding:2px}.mx-stepper button{width:44px;height:44px;border:0;border-radius:var(--key-radius);background:transparent;color:var(--text);font-size:1.2rem;font-weight:650;line-height:1;touch-action:manipulation}.mx-stepper button:disabled{opacity:.35}.mx-count{min-width:1.6em;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.mx-times{color:var(--text-muted);font-weight:650}.mx-grid-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 8px;scrollbar-width:thin}.mx-bracket{position:relative;display:inline-block;padding:4px 12px;color:var(--text-muted);vertical-align:middle}.mx-bracket:before,.mx-bracket:after{content:"";position:absolute;top:0;bottom:0;width:7px;border:2px solid currentColor;pointer-events:none}.mx-bracket:before{left:0;border-right:0;border-radius:3px 0 0 3px}.mx-bracket:after{right:0;border-left:0;border-radius:0 3px 3px 0}.mx-grid{display:grid;grid-template-columns:repeat(var(--mx-cols),minmax(3.4rem,4.6rem));gap:6px}.mx-cell{width:100%;min-width:0;height:44px;padding:0 4px;border:1px solid transparent;border-radius:var(--key-radius);background:var(--surface-2);color:var(--text);font:inherit;font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--accent);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.mx-cell::placeholder{color:color-mix(in srgb,var(--text-muted) 55%,transparent)}.mx-cell:focus,.mx-cell:focus-visible{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.mx-cell[aria-invalid]{border-color:var(--danger)}.mx-cell.is-approx{border-style:dashed;border-color:var(--warning)}.mx-card-tools,.mx-result-tools{display:flex;flex-wrap:wrap;gap:6px}.mx-tool{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:calc(var(--key-radius) + 2px);background:transparent;color:var(--text);font-size:.92rem;font-weight:620}.mx-tool:disabled{opacity:.4}.mx-tool.is-danger:not(:disabled){color:var(--danger)}.mx-tip,.mx-help{margin:10px 0 0;color:var(--text-muted);font-size:.92rem;line-height:1.4}.mx-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 14px}.mx-chip{display:grid;gap:2px;justify-items:start;min-height:54px;padding:8px 10px;border:1px solid var(--border);border-radius:calc(var(--key-radius) + 2px);background:var(--key-bg);color:var(--key-text);text-align:left;touch-action:manipulation;transition:border-color .14s ease,background-color .14s ease}@media(min-width:600px){.mx-chips{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.mx-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}.mx-chip-label{font-weight:700;font-size:1.02rem;line-height:1.15;white-space:nowrap}.mx-chip-hint{font-size:.76rem;color:var(--text-muted);line-height:1.1}.mx-chip.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--key-bg))}.mx-expr-label{display:block;margin-bottom:6px;font-weight:650;font-size:.92rem}.mx-expr-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.mx-expr{flex:1 1 12rem;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--surface);color:var(--text);font:inherit;font-size:1.12rem;font-weight:600;caret-color:var(--accent)}.mx-expr:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.mx-display{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-2);border-radius:calc(var(--key-radius) + 6px);flex:0 0 auto}.mx-display button{min-height:44px;padding:0 10px;border:0;border-radius:var(--key-radius);background:transparent;color:var(--text-muted);font-weight:650;font-size:.92rem}.mx-display button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.mx-result{margin-top:14px;padding:14px;min-height:150px;border-radius:calc(var(--radius) - 2px);background:var(--calc-display-bg);color:var(--calc-display-text);display:grid;gap:12px;align-content:start}.mx-result .mx-bracket{color:color-mix(in srgb,var(--calc-display-text) 70%,transparent)}.mx-result-body{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px}.mx-result-tools.is-hidden{display:none}.mx-result .mx-tool{color:var(--calc-display-text);border-color:color-mix(in srgb,var(--calc-display-text) 24%,transparent)}.mx-size{margin:0 0 6px;font-size:.85rem;font-weight:650;letter-spacing:.03em;color:color-mix(in srgb,var(--calc-display-text) 70%,transparent)}.mx-scalar{font-size:clamp(1.8rem,7vw,2.6rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;display:inline-block}.mx-table{border-collapse:separate;border-spacing:0;color:var(--calc-display-text)}.mx-step .mx-table{color:var(--text)}.mx-td{padding:6px 12px;text-align:center;font-variant-numeric:tabular-nums;font-weight:620;font-size:1.12rem;line-height:1.25;white-space:nowrap}.mx-td.is-split{border-left:2px dashed color-mix(in srgb,currentColor 35%,transparent)}.mx-num{display:inline-flex;align-items:center}.mx-num .m-frac{font-size:.82em}.mx-note{margin:10px 0 0;font-size:.88rem;color:color-mix(in srgb,var(--calc-display-text) 78%,transparent)}.mx-error{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:1rem;line-height:1.45;max-width:46ch}.mx-error-icon{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--danger);color:#fff;font-weight:800;font-size:.9rem;margin-top:1px}.mx-steps{margin-top:14px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--surface)}.mx-steps summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;cursor:pointer;font-weight:700;list-style:none}.mx-steps summary::-webkit-details-marker{display:none}.mx-steps-count{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:.82rem;font-weight:650}.mx-steps .chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease;flex:none}.mx-steps[open] .chev{transform:rotate(225deg) translate(-2px,-2px)}.mx-steps-intro{margin:0;padding:0 14px 10px;color:var(--text-muted);font-size:.92rem}.mx-step-list{list-style:none;margin:0;padding:0 10px 12px;display:grid;gap:10px;max-height:min(70vh,720px);overflow:auto}.mx-step{padding:10px;border-radius:calc(var(--key-radius) + 4px);background:var(--surface-2);overflow-x:auto}.mx-step-op{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px}.mx-step-n{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8rem;font-weight:700}.mx-step-math{font-weight:700;font-size:1.08rem;display:inline-flex;align-items:center;gap:2px}.mx-step-math sub{font-size:.7em}.mx-arrow{margin-inline:4px;color:var(--text-muted)}.mx-sign{margin-inline:4px}.mx-dot{margin-inline:2px}.mx-step-why{color:var(--text-muted);font-size:.88rem}.mx-step .mx-bracket{color:var(--text-muted)}.mx-step .mx-td{font-size:.98rem;padding:4px 10px}.mx-step .mx-tr.is-changed .mx-td{background:color-mix(in srgb,var(--accent) 13%,transparent)}.mx-step .mx-tr.is-changed .mx-td:first-child{border-radius:6px 0 0 6px}.mx-step .mx-tr.is-changed .mx-td:last-child{border-radius:0 6px 6px 0}.mx-step .mx-td.is-pivot{box-shadow:inset 0 0 0 2px var(--accent);border-radius:6px}@media(max-width:480px){.mx-store,.mx-work{padding:12px}.mx-grid{grid-template-columns:repeat(var(--mx-cols),minmax(3.1rem,4.2rem));gap:5px}.mx-chip{padding:6px 8px;min-height:52px}.mx-display{flex:1 1 100%}.mx-td{padding:5px 9px;font-size:1.04rem}}@media(prefers-reduced-motion:no-preference){.mx-result-body.is-tick{animation:mx-tick .2s ease}}@keyframes mx-tick{0%{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.mx-app *,.mx-app *:before,.mx-app *:after{transition:none!important;animation:none!important}}html[data-motion=reduce] .mx-app *,html[data-motion=reduce] .mx-app *:before,html[data-motion=reduce] .mx-app *:after{transition:none!important;animation:none!important}.mx-app,.mx-card{scroll-margin-top:var(--sci-header-clear, 88px)}.mx-help-card ul{margin:.4rem 0 0;padding-left:1.2rem}.mx-app .m-frac{display:inline-flex;flex-direction:column;vertical-align:middle;align-items:center;margin-inline:.12em;line-height:1.15;text-align:center}.mx-app .m-num,.mx-app .m-den{padding:.04em .3em}.mx-app .m-num{border-bottom:1px solid currentColor}
