.ox-scientific-calculator-top { margin-bottom: 12px; }
.ox-scientific-calculator-screen { background: var(--surface); border-radius: var(--r-sm); box-shadow: var(--shadow); padding: 12px; margin-bottom: 12px; }
.ox-scientific-calculator-input { font-size: 1.5rem; text-align: right; min-height: 56px; }
.ox-scientific-calculator-preview { min-height: 1.8rem; text-align: right; color: var(--muted); font-size: 1.15rem; padding: 6px 4px 0; word-break: break-all; }
.ox-scientific-calculator-pad { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.ox-scientific-calculator-key { min-height: 52px; border: 0; border-radius: 14px; background: var(--surface-2); color: var(--text); font: 800 1.05rem var(--font-round); cursor: pointer; box-shadow: var(--shadow); transition: transform .12s; touch-action: manipulation; }
.ox-scientific-calculator-key:hover { transform: translateY(-1px); }
.ox-scientific-calculator-key:active { transform: scale(.96); }
.ox-scientific-calculator-key.is-num { background: var(--surface); border: 2px solid var(--line); }
.ox-scientific-calculator-key.is-op { background: color-mix(in srgb, var(--accent) 16%, var(--surface)); color: var(--accent); }
.ox-scientific-calculator-key.is-fn { background: color-mix(in srgb, var(--err) 12%, var(--surface)); }
.ox-scientific-calculator-key.is-eq { background: var(--accent); color: #fff; }
.ox-scientific-calculator-h { margin: 18px 0 6px; font-size: 1.05rem; }
.ox-scientific-calculator-history { list-style: none; margin: 0; padding: 0; max-height: 220px; overflow: auto; display: grid; gap: 4px; }
.ox-scientific-calculator-hbtn { width: 100%; min-height: 44px; text-align: left; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; color: var(--text); cursor: pointer; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) { .ox-scientific-calculator-key { transition: none; } }