.calc{--key-h:3.5rem;--sci-h:2.75rem;--row-h:2.25rem;--key-gap:var(--space-2);--display-h:calc(var(--text-3xl) * 1.12);gap:var(--space-3);grid-template-columns:minmax(0,28rem);justify-content:center;display:grid}@media (min-width:64rem){.calc{--key-h:3rem;--row-h:2rem;gap:var(--space-4);grid-template-columns:minmax(0,26rem) 21rem}}.calc[data-mode=scientific]{grid-template-columns:minmax(0,1fr)}@media not (min-width:52rem){.calc[data-mode=scientific]{--key-h:3rem;--sci-h:2.5rem}}@media (min-width:64rem){.calc[data-mode=scientific]{grid-template-columns:minmax(0,1fr) 21rem}}.calc__main{min-inline-size:0}.calc__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) 0;display:flex}.calc__choice{border:0;min-inline-size:0;margin:0;padding:0}.calc__screen{padding:var(--space-3) var(--space-5) var(--space-1);border-block-end:1px solid var(--sheet-rule);transition:box-shadow var(--duration-fast) var(--ease-out);display:grid}.calc__screen:has(.calc__input:focus-visible){box-shadow:inset 0 -2px 0 var(--accent)}.calc__meta{align-items:center;gap:var(--space-2);block-size:1.5rem;color:var(--ink-3);font-size:var(--text-sm);display:flex}.calc__flag{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:none;padding:0 .375rem;font-weight:650;line-height:1.4}.calc__flag--memory{border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent);gap:.3em;display:inline-flex}.calc__memory-value{font-family:"Literata Variable", var(--font-display);letter-spacing:0;text-transform:none;font-weight:600}.calc__angle-name,.calc:not([data-mode=scientific]) .calc__flag--angle{display:none}.calc[data-angle=deg] [data-angle-name=deg],.calc[data-angle=rad] [data-angle-name=rad],.calc[data-angle=grad] [data-angle-name=grad]{display:inline}.calc__previous{min-inline-size:0;color:var(--ink-3);font-family:"Literata Variable", var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.calc__input{inline-size:100%;block-size:var(--display-h);color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:end;caret-color:var(--accent);background:0 0;border:0;padding:0;font-weight:400;line-height:1}.calc__input::placeholder{color:var(--ink-3);opacity:1}.calc__input:focus-visible{outline:none}.calc__input::selection{background:var(--accent-soft)}.calc__screen[data-size=m] .calc__input{font-size:var(--text-2xl)}.calc__screen[data-size=s] .calc__input{font-size:var(--text-xl)}.calc.is-result .calc__input{color:var(--accent)}.calc__foot{align-items:center;gap:var(--space-2);block-size:2.5rem;display:flex}.calc__copy{block-size:2.25rem;inline-size:2.25rem;border-radius:var(--radius);color:var(--ink-3);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;margin-inline-start:calc(-1 * var(--space-2));display:grid}.calc__copy[aria-disabled=true]{cursor:default;opacity:.35}.calc__copy:not([aria-disabled=true]):active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.calc__copy:not([aria-disabled=true]):hover{background:var(--hover);color:var(--ink)}}.calc__copy.is-done{color:var(--accent)}.calc__copy-done,.calc__copy.is-done .calc__copy-icon{display:none}.calc__copy.is-done .calc__copy-done{display:block}.calc__preview{min-inline-size:0;color:var(--ink-2);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);text-align:end;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;overflow:hidden}.calc__preview.is-error{color:var(--danger);font-family:var(--font-sans);font-size:var(--text-sm);white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:550;line-height:1.35;display:-webkit-box}.calc__preview.is-error[dir=rtl]{text-align:start}.calc__pad{gap:var(--space-3);padding:var(--space-3);display:grid}@media (min-width:52rem){.calc__pad{padding:var(--space-4)}.calc[data-mode=scientific] .calc__pad{gap:var(--space-4);grid-template-columns:minmax(0,6fr) minmax(0,4fr)}}.calc__block{align-content:start;gap:var(--key-gap);min-inline-size:0;display:grid}.calc:not([data-mode=scientific]) .calc__block--sci{display:none}.calc__block--sci{transition:opacity var(--duration) var(--ease-out)}@starting-style{.calc__block--sci{opacity:0}}.calc__angle .segmented{block-size:var(--row-h);display:flex}.calc__angle .segmented label{align-items:center;display:inline-flex}.calc__keys{gap:var(--key-gap);display:grid}.calc__keys--sci{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:var(--sci-h)}.calc__keys--std{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--key-h)}.calc__keys--memory{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--row-h)}@media (min-width:52rem){.calc[data-mode=scientific] .calc__keys--sci{grid-auto-rows:var(--key-h)}}.calc__key{--key-bg:color-mix(in srgb, var(--ink) 5%, var(--sheet));--key-hover:color-mix(in srgb, var(--ink) 8%, var(--sheet));--key-press:color-mix(in srgb, var(--ink) 14%, var(--sheet));min-inline-size:0;padding:0 var(--space-1);border-radius:var(--radius);background:var(--key-bg);color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out);border:0;justify-content:center;align-items:center;font-weight:450;line-height:1;display:inline-flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.calc__key:hover{background:var(--key-hover)}}.calc__key.is-pressed{background:var(--key-press);transition-duration:40ms;transform:scale(.95)}.calc__key:focus-visible{z-index:1;position:relative}.calc__key[aria-disabled=true]{cursor:default;opacity:.4;pointer-events:none}.calc__key sup{vertical-align:.8em;font-size:.66em;line-height:0}.calc__key i{font-style:italic}.calc__key--digit{font-size:var(--text-xl);font-weight:500}.calc__key--wide{grid-column:span 2}.calc__key--util{--key-bg:color-mix(in srgb, var(--ink) 10%, var(--sheet));--key-hover:color-mix(in srgb, var(--ink) 14%, var(--sheet));--key-press:color-mix(in srgb, var(--ink) 20%, var(--sheet))}.calc__key--op{--key-bg:color-mix(in srgb, var(--accent) 11%, var(--sheet));--key-hover:color-mix(in srgb, var(--accent) 16%, var(--sheet));--key-press:color-mix(in srgb, var(--accent) 26%, var(--sheet));color:var(--accent)}.calc__key--op,.calc__key--equals,.calc__key--util{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:400}.calc__key--equals{--key-bg:var(--accent);--key-hover:var(--accent-hover);--key-press:color-mix(in srgb, var(--accent) 82%, var(--ink));color:var(--accent-ink);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #1c1b2e33}.calc__key--fn{--key-bg:transparent;--key-hover:color-mix(in srgb, var(--ink) 5%, var(--sheet));--key-press:color-mix(in srgb, var(--ink) 11%, var(--sheet));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);color:var(--ink-2);font-size:var(--text-base)}.calc__key--word,.calc__key--memory{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.02em;font-weight:600}.calc__key--memory{--key-bg:transparent;--key-hover:color-mix(in srgb, var(--ink) 5%, var(--sheet));--key-press:color-mix(in srgb, var(--ink) 11%, var(--sheet));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);color:var(--ink-2);font-size:var(--text-xs)}.calc__key--util.calc__key--word{font-size:var(--text-base)}.calc__key[aria-pressed=true]{--key-bg:color-mix(in srgb, var(--accent) 12%, var(--sheet));--key-hover:color-mix(in srgb, var(--accent) 17%, var(--sheet));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent)}.calc__icon{block-size:1.375rem;inline-size:1.375rem}.calc__icon--sign{stroke-width:1.75px;block-size:1.5rem;inline-size:1.5rem}.calc__label--inv,.calc[data-inv=true] .calc__label{display:none}.calc[data-inv=true] .calc__label--inv{display:inline}.calc__history{max-block-size:26rem;min-inline-size:0;overflow:hidden}@media (min-width:64rem){.calc__history{block-size:0;min-block-size:100%;max-block-size:none}}.calc__history-head{justify-content:space-between;align-items:baseline;column-gap:var(--space-3);flex-wrap:wrap;padding-inline-end:var(--space-5);display:flex}.calc__history-note{color:var(--ink-3);font-size:var(--text-xs)}.calc__history-empty{align-content:start;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-5);color:var(--ink-3);font-size:var(--text-sm);flex:1;display:grid}.calc__history-tip{border-block-start:1px dotted var(--line-strong);color:var(--ink-2);padding-block-start:var(--space-3)}@media (hover:none),(pointer:coarse){.calc__history-tip{display:none}}.calc__history-list{min-block-size:0;padding-block:var(--space-2);overscroll-behavior:contain;flex:1;overflow-y:auto}.calc__entry{padding:var(--space-2) var(--space-4);border-block-end:1px solid var(--sheet-rule);transition:opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);justify-items:end;gap:.125rem;display:grid}.calc__entry:last-child{border-block-end:0}@starting-style{.calc__entry{opacity:0;transform:translateY(-4px)}}.calc__entry-expression,.calc__entry-result{max-inline-size:100%;padding:.125rem var(--space-2);border-radius:var(--radius-sm);font-family:"Literata Variable", var(--font-display);text-align:end;overflow-wrap:anywhere;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0}@media (hover:hover) and (pointer:fine){.calc__entry-expression:hover,.calc__entry-result:hover{background:var(--hover)}}.calc__entry-expression:active,.calc__entry-result:active{background:var(--hover)}.calc__entry-expression{min-block-size:1.5rem;color:var(--ink-2);font-size:var(--text-sm)}.calc__entry-result{min-block-size:2rem;color:var(--accent);font-size:var(--text-lg);font-weight:500}@media (prefers-reduced-motion:reduce){.calc__key.is-pressed,.calc__entry{transform:none}}