.scientific-calculator{max-width:420px;padding:var(--s4);gap:var(--s3)}.scientific-calculator .angle-mode{background-color:var(--surface-2);border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.scientific-calculator .angle-mode button{min-height:32px;padding:0 var(--s4);color:var(--muted);letter-spacing:.08em;background:0 0;border:none;border-radius:999px;font-size:.76rem;font-weight:650}.scientific-calculator .angle-mode button[aria-pressed=true]{background-color:var(--surface);color:var(--accent-hover);box-shadow:var(--shadow)}.scientific-calculator .display{padding:var(--s3) var(--s4);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r);gap:var(--s1);flex-direction:column;display:flex}.scientific-calculator .display input{min-height:40px;color:var(--text);font-family:var(--font-mono);text-align:right;background-color:#0000;border:none;padding:0;font-size:1.25rem;font-weight:500}.scientific-calculator .display input:hover,.scientific-calculator .display input:focus-visible{outline-offset:3px;border:none}.scientific-calculator .result{min-height:1.6rem;color:var(--muted);font-family:var(--font-mono);text-align:right;word-break:break-all;background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:600}.scientific-calculator .functions{gap:var(--s2);grid-template-columns:repeat(5,1fr);display:grid}.scientific-calculator .functions button{background-color:var(--surface-2);min-height:42px;color:var(--text-2);border-color:#0000;padding:0;font-size:.85rem}.scientific-calculator .functions button:hover{border-color:var(--accent);color:var(--text)}.scientific-calculator .buttons{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.scientific-calculator .buttons button{font-variant-numeric:tabular-nums;min-height:52px;padding:0;font-size:1.05rem}.scientific-calculator .buttons .equals{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg);grid-row:span 2}.scientific-calculator .buttons .equals:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.scientific-calculator .buttons .zero{grid-column:span 2}