.calculator{max-width:380px;padding:var(--s4);gap:var(--s4)}.calculator .display{padding:var(--s5) var(--s4);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;font-size:2.4rem;font-weight:600;overflow-x:auto}.calculator .buttons{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.calculator .buttons button{font-variant-numeric:tabular-nums;min-height:60px;font-size:1.15rem;font-weight:500}.calculator .buttons .operator{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.calculator .buttons .operator:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.calculator .zero{grid-column:span 2}