#arithmetic-tool{--arith-ink:#172638;--arith-muted:#66758a;--arith-line:#dce3ec;--arith-accent:#215abb;color:var(--arith-ink);display:grid;gap:17px;width:100%;min-width:0;font-size:14px}#arithmetic-tool *{box-sizing:border-box}#arithmetic-tool .arith-panel,#arithmetic-tool .arith-card{border:1px solid var(--arith-line);border-radius:12px;padding:18px;background:#fff;min-width:0}#arithmetic-tool .arith-headline,#arithmetic-tool .arith-card-heading{font-size:15px;font-weight:700;margin-bottom:15px}#arithmetic-tool .arith-headline i{color:var(--arith-accent);margin-right:9px}#arithmetic-tool .form-label{font-weight:600;font-size:13px;margin-bottom:6px}#arithmetic-tool .form-control,#arithmetic-tool .form-select{min-height:43px;border-color:#d5deeb;border-radius:8px;font-size:14px}#arithmetic-tool .form-control:focus,#arithmetic-tool .form-select:focus{border-color:#3a74ce;box-shadow:0 0 0 3px #e5eefc}#arithmetic-tool .arith-switch{display:flex;background:#f2f5f9;border-radius:9px;padding:4px;margin-bottom:18px;gap:4px}#arithmetic-tool .arith-mode{min-width:0;flex:1;border:0;border-radius:7px;background:transparent;padding:10px 5px;color:#596a7c;font-weight:600}#arithmetic-tool .arith-mode.active{background:#fff;color:#194f9a;box-shadow:0 1px 4px #dce3ed}#arithmetic-tool .arith-quick-ops,#arithmetic-tool .arith-expr-keys{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}#arithmetic-tool .arith-quick-ops button,#arithmetic-tool .arith-expr-keys button{border:1px solid var(--arith-line);background:#fff;border-radius:7px;min-width:42px;min-height:36px;flex:1;font-weight:700;color:#34465d}#arithmetic-tool .arith-quick-ops button.active,#arithmetic-tool .arith-quick-ops button:hover,#arithmetic-tool .arith-expr-keys button:hover{background:#edf3fe;color:#2056a6;border-color:#aec7f0}#arithmetic-tool .arith-options-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}#arithmetic-tool .arith-checkbox{display:flex;align-items:center;gap:8px;color:#52647b}#arithmetic-tool .arith-checkbox input{accent-color:#225cbd}#arithmetic-tool .arith-link{border:0;background:none;color:#215abb;font-weight:600}#arithmetic-tool .arith-help{font-size:12px;color:var(--arith-muted);margin-top:7px;line-height:1.5}#arithmetic-tool .arith-expression{resize:vertical;min-height:86px}#arithmetic-tool .arith-formatting{margin-top:2px}#arithmetic-tool .arith-actions{display:grid;gap:10px;margin-top:19px}#arithmetic-tool .arith-primary-row{display:flex;gap:10px}#arithmetic-tool .btn{min-height:44px;border-radius:8px;font-weight:600}#arithmetic-tool .btn-calc{background:#205cbb;border:1px solid #205cbb;color:#fff}#arithmetic-tool .btn-calc:hover{background:#164a9e;color:#fff}#arithmetic-tool .arith-reset{flex:0 0 auto;min-width:48px}#arithmetic-tool .arith-export>.btn{width:100%}#arithmetic-tool .arith-export .dropdown-menu{width:100%;min-width:0}#arithmetic-tool .arith-result-card{border-radius:12px;background:#F0F5FE;padding:21px 19px;min-width:0}#arithmetic-tool .arith-result-caption{font-size:13px;font-weight:700;color:#38577d}#arithmetic-tool .arith-result-main{display:flex;align-items:center;gap:8px;justify-content:space-between}#arithmetic-tool #arithResult{font-size:clamp(26px,5vw,39px);font-weight:750;line-height:1.4;overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}#arithmetic-tool .arith-copy{background:#fff;border:1px solid #d6e3f5;border-radius:8px;width:37px;height:37px;flex:none;color:#37649e}#arithmetic-tool .arith-equation{color:#506c91;overflow-wrap:anywhere;margin-top:2px;font-size:13px}#arithmetic-tool .arith-output{display:grid;gap:15px;min-width:0}#arithmetic-tool .arith-steps{display:grid;gap:10px}#arithmetic-tool .arith-step{display:flex;align-items:flex-start;gap:10px;line-height:1.5}#arithmetic-tool .arith-step-index{background:#edf3fe;color:#275aab;border-radius:50%;height:24px;width:24px;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700}#arithmetic-tool .arith-chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#657489;margin-bottom:15px}#arithmetic-tool .arith-chart-legend span{display:flex;align-items:center;gap:5px}#arithmetic-tool .arith-key{height:10px;width:10px;display:inline-block;border-radius:2px}#arithmetic-tool .arith-key-a,.arith-bar-a{background:#2563bd}#arithmetic-tool .arith-key-b,.arith-bar-b{background:#14a58e}#arithmetic-tool .arith-key-result,.arith-bar-result{background:#ee9b38}#arithmetic-tool .arith-bars{display:grid;gap:13px}#arithmetic-tool .arith-bar-row{display:grid;grid-template-columns:minmax(65px,90px) minmax(0,1fr);align-items:center;gap:10px}#arithmetic-tool .arith-bar-label{font-size:12px;color:#546277}#arithmetic-tool .arith-bar-track{position:relative;background:#f2f5f9;height:29px;border-radius:5px;overflow:hidden}#arithmetic-tool .arith-bar-fill{height:100%;min-width:2px;border-radius:4px;transition:width .3s ease}#arithmetic-tool .arith-bar-value{position:absolute;inset:0 8px;display:flex;align-items:center;justify-content:flex-end;font-size:11px;font-weight:700;color:#192a3b;text-shadow:0 1px #fff}#arithmetic-tool .arith-chart-note{font-size:11px;color:#738195;margin:11px 0 0}#arithmetic-tool .arith-table{font-size:13px}#arithmetic-tool .arith-table td{border-color:#edf0f5;padding:10px 5px;overflow-wrap:anywhere}#arithmetic-tool .arith-table td:first-child{color:#637286;width:42%}#arithmetic-tool .arith-table td:last-child{text-align:right;font-weight:600}#arithmetic-tool .arith-card-heading{margin-bottom:13px}@media(min-width:1100px){#arithmetic-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}#arithmetic-tool .arith-panel{position:relative}}@media(max-width:575px){#arithmetic-tool{gap:12px}#arithmetic-tool .arith-panel,#arithmetic-tool .arith-card{padding:14px}#arithmetic-tool .arith-result-card{padding:16px}#arithmetic-tool .arith-mode{font-size:12px}#arithmetic-tool .arith-primary-row .btn-calc{min-width:0}#arithmetic-tool .arith-reset{width:48px;padding:8px}#arithmetic-tool .arith-bar-row{grid-template-columns:65px minmax(0,1fr)}#arithmetic-tool .arith-export{width:100%}}
