.choice-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0;min-width:0}.choice-tabs button{flex:1 1 110px;min-width:0;min-height:44px;border:1px solid var(--border);border-radius:6px;background:var(--paper);color:var(--ink);padding:10px 12px;font:inherit;font-size:13px;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}.choice-tabs button[aria-checked=true]{background:var(--green-soft);color:var(--green);border-color:var(--green);font-weight:650;box-shadow:inset 0 -2px var(--green)}.choice-tabs button:focus-visible{outline:3px solid var(--green);outline-offset:2px}.choice-tabs button:disabled{opacity:.5;cursor:default}.choice-tabs[hidden],select[data-choice-tabs][hidden]{display:none}.choice-tabs{padding:0;border:0}.choice-tabs legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}select[data-choice-tabs]{position:absolute;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%)}.result-column{min-width:0;background:#edf4ed;border-left:1px solid #dce8dc;display:flex;flex-direction:column}.result-column>.result-panel{border:0}.result-column>:not(.result-panel){margin-inline:25px}.result-column>:last-child{margin-bottom:25px}.result-column>.is-stale{opacity:.4;transition:opacity .15s}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions button{min-height:44px;padding:9px 14px;border:1px solid #b8cfbe;border-radius:8px;background:#fff;color:var(--green-dark);font-size:13px;font-weight:600}.result-actions button:hover:not(:disabled){border-color:var(--green);background:#f7fbf8}.result-actions button:disabled{opacity:.5;cursor:default}.result-actions-status{font-size:12px;min-height:20px;margin-top:6px;color:#4d6552}@media(max-width:1100px){.result-column{border-left:0;border-top:1px solid #dce8dc}}@media(max-width:800px){.result-column{border-top:0;border-left:1px solid #dce8dc}}@media(max-width:560px){.result-column{border-left:0;border-top:1px solid #dce8dc}.result-column>:not(.result-panel){margin-inline:20px}}@media print{.result-actions,.result-actions-status{display:none}.result-column{background:#fff}}.number-operation-field{display:none}.number-operations{grid-column:1/-1;border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.number-operations legend{font-size:12px;font-weight:600;color:#47534a;margin-bottom:7px;padding:0}.number-operations label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:58px;padding:6px 4px;border:1px solid #d3ddd5;border-radius:10px;background:#fff;cursor:pointer;text-align:center;transition:border-color .12s,background .12s}.number-operations label:hover{border-color:#86ac92}.number-operations input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.number-symbol{font-size:19px;font-weight:650;line-height:1.2;color:var(--ink)}.number-operations small{font-size:10.5px;line-height:1.25;color:var(--muted)}.number-operations label:has(input:checked){border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}.number-operations label:has(input:checked) .number-symbol{color:var(--green-dark)}.number-operations label:has(input:focus-visible){outline:3px solid #407bbe;outline-offset:2px}#first,#second{font:15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;height:96px;min-height:64px;overflow-wrap:anywhere}.digit-count{display:block;text-align:right;font-size:11px;color:var(--muted);min-height:16px;margin-top:4px;font-variant-numeric:tabular-nums}.number-swap{grid-column:1/-1;justify-self:start;min-height:40px;margin:-6px 0 -4px;padding:6px 12px;border:1px solid #d3ddd5;border-radius:8px;background:#fff;font-size:12px;font-weight:600;color:var(--green-dark)}.number-swap:hover{border-color:var(--green)}#results [data-output=result]{font:600 clamp(18px,2vw,26px)/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;overflow-wrap:anywhere;word-break:break-all;max-height:300px;overflow:auto;display:block;padding-right:4px}#results dd{overflow-wrap:anywhere}@media(max-width:560px){.number-operations{gap:6px}.number-operations label{min-height:50px}.number-symbol{font-size:17px}.number-operations small{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}