.tool[data-tool=scientific-calculator] .calc{gap:var(--space-3);max-inline-size:34rem;margin-inline:auto;display:grid}.tool[data-tool=scientific-calculator] .display{background:var(--c-surface-2);border-radius:var(--r-md);padding:var(--space-3);text-align:end}.tool[data-tool=scientific-calculator] .history{font-size:var(--fs-sm);color:var(--c-text-2);overflow-wrap:anywhere;min-block-size:1.4em;margin:0}.tool[data-tool=scientific-calculator] .expr{inline-size:100%;font-family:var(--font-mono);font-size:var(--fs-lg);text-align:end;background:var(--c-surface)}.tool[data-tool=scientific-calculator] .preview{margin:var(--space-2) 0 0;font-size:var(--fs-result);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:700;line-height:1.15}.tool[data-tool=scientific-calculator] .keypad{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tool[data-tool=scientific-calculator] .key{min-block-size:var(--tap);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:0}.tool[data-tool=scientific-calculator] .key:hover{background:var(--c-surface-2)}.tool[data-tool=scientific-calculator] .key:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.tool[data-tool=scientific-calculator] .key.num{background:var(--c-surface-2);font-weight:600}.tool[data-tool=scientific-calculator] .key.eq{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);font-weight:700}