.calculator-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin:0 0 8px;font-size:17px;color:var(--text);cursor:pointer}
.calculator-setting>span:first-child{min-width:0}
.calculator-switch{position:relative;flex:none;width:52px;height:32px}
.calculator-switch input{position:absolute;inset:0;opacity:0;width:52px;height:32px;min-height:0;margin:0;padding:0;cursor:inherit}
.calculator-switch-track{display:block;width:52px;height:32px;border-radius:18px;background:var(--muted);opacity:.6;pointer-events:none}
.calculator-switch-track::after{content:'';display:block;position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--card);transition:transform .15s}
.calculator-switch input:checked+.calculator-switch-track{background:var(--accent);opacity:1}
.calculator-switch input:checked+.calculator-switch-track::after{transform:translateX(20px)}
.calculator-switch input:focus-visible+.calculator-switch-track{outline:3px solid var(--accent);outline-offset:4px}
.calculator-switch:has(input:disabled){opacity:.55;cursor:wait}
.calculator-examples{display:grid;gap:12px;margin:12px 0 16px}
.calculator-example{font-variant-numeric:tabular-nums;font-size:15px}
.calculator-example code{font-family:inherit;color:var(--accent);overflow-wrap:anywhere}
#calculator-result{min-height:18px;overflow-wrap:anywhere}
#calculator-view .calculator-refresh{display:block;margin:0 0 10px auto}
@media(prefers-reduced-motion:reduce){.calculator-switch-track::after{transition:none}}