:root {
    --primary: #2c8fcb;
    --primary-dark: #267baf;
    --primary-text: #267baf;
    --primary-action: #267baf;
    --primary-action-hover: #216b99;
    --focus-color: #267baf;
    --primary-soft: #eef6fb;
    --primary-soft-strong: #e6f2f9;
    --primary-border: #afd4eb;
    --primary-line-soft: #d1e6f4;
    --primary-rgb: 44, 143, 203;
    --surface: #ffffff;
    --surface-subtle: #f7f9fc;
    --surface-pressed: #edf1f7;
    --text: #111827;
    --text-primary: #101828;
    --text-secondary: #475467;
    --text-tertiary: #667085;
    --line: #e1e6ed;
    --line-strong: #c8d0db;
    --radius-sm: 4px;
    --radius: 6px;
    --radius-lg: 8px;
    --focus-ring: var(--focus-color);
}* { box-sizing: border-box; }.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }html, body { margin: 0; padding: 0; background: transparent; color: var(--text-primary); font-family: "Segoe UI", Arial, sans-serif; }.mto-embed-shell { width: 100%; max-width: 430px; margin: 0 auto; padding: 8px; }.calculator { overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 3px 12px rgba(16,24,40,.06); }.calculator-screen { min-height: 142px; margin: 9px; padding: 13px 14px 15px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-subtle); display:flex; flex-direction:column; justify-content:flex-end; }.calculator-screen-top { min-height: 34px; display: grid; grid-template-columns: minmax(0,1fr); align-items: center; gap: 5px; }.calculator-expression { min-width: 0; min-height: 20px; overflow-x: auto; overflow-y: hidden; color: var(--text-tertiary); font-size: 14px; text-align: right; white-space: nowrap; text-overflow: clip; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; touch-action: pan-x; user-select: text; }.calculator-expression::-webkit-scrollbar { display: none; }.calculator-expression.has-scroll-overflow.can-scroll-left:not(.can-scroll-right) { -webkit-mask-image: linear-gradient(to right,transparent 0,#000 20px,#000 100%); mask-image: linear-gradient(to right,transparent 0,#000 20px,#000 100%); }.calculator-expression.has-scroll-overflow.can-scroll-right:not(.can-scroll-left) { -webkit-mask-image: linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%); mask-image: linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%); }.calculator-expression.has-scroll-overflow.can-scroll-left.can-scroll-right { -webkit-mask-image: linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%); mask-image: linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%); }.calculator-screen-actions { display: inline-flex; align-items: center; }.screen-action, .screen-backspace { min-width: 42px; height: 40px; padding: 0 6px; border: 0; border-radius: var(--radius); background: transparent; color: var(--text-secondary); display: inline-grid; place-items: center; cursor: pointer; }.screen-backspace svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.screen-action:hover, .screen-backspace:hover { background: var(--surface-pressed); }.calculator-result { display: block; width: 100%; min-width: 0; margin-top: 7px; overflow: hidden; color: var(--text-primary); font-size: 46px; font-weight: 650; line-height: 1; text-align: right; white-space: nowrap; text-overflow: clip; user-select: text; cursor: text; }.calculator-result.is-medium { font-size: 34px; }.calculator-result.is-long { font-size: 29px; }.calculator-result.is-xlong { font-size: 24px; }.calculator-result.is-scientific { font-size: 26px; }.calculator-result.is-overflowing { font-size: 21px; letter-spacing: -.01em; }.calculator-result.is-overflowing-tight { font-size: 17px; letter-spacing: 0; }.calculator-keypad { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; padding: 0 9px 9px; }.calc-key { min-height: 58px; border: 1px solid var(--line); border-radius: var(--radius); background: #fbfcfd; color: var(--text); box-shadow: none; font: inherit; font-size: 20px; font-weight: 600; line-height: 1; cursor: pointer; }.calc-key:hover { background: #f4f6f8; border-color: var(--line-strong); }.calc-key:focus-visible, .screen-action:focus-visible, .screen-backspace:focus-visible { outline: 3px solid var(--focus-color); outline-offset: 1px; }.calc-key:active, .calc-key.is-pressed { transform: translateY(1px); background: var(--surface-pressed); border-color: var(--line-strong); box-shadow: inset 0 1px 2px rgba(16,24,40,.06); }.calc-key--function { background: #f1f3f6; border-color: #d9dee6; color: #344054; font-size: 16px; font-weight: 650; }.calc-key--clear { background: #fff7f6; border-color: #f0cbc7; color: #b42318; font-variant-numeric: tabular-nums; }.calc-key--operator { background: var(--primary-soft); border-color: var(--primary-line-soft); color: var(--primary-dark); font-size: 23px; font-weight: 650; }.calc-key--operator.is-active { border-color: var(--primary-action); background: var(--primary-action); color: var(--surface); }.calc-key--equals { background: var(--primary-action); border-color: var(--primary-action); color: var(--surface); box-shadow: none; font-size: 24px; font-weight: 700; }.calc-key--function:hover { background: #e9edf2; border-color: #cdd4de; }.calc-key--backspace svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }.calc-key--clear:hover { background: #fff0ee; border-color: #e8b7b2; }.calc-key--operator:hover { background: var(--primary-soft-strong); border-color: var(--primary-border); }.calc-key--operator.is-active:hover, .calc-key--equals:hover { background: var(--primary-action-hover); border-color: var(--primary-action-hover); }.calculator-status { min-height: 18px; padding: 0 9px 6px; color: var(--text-tertiary); font-size: 11px; text-align: center; }.embed-credit { margin: 7px 0 0; text-align: center; font-size: 11px; }.embed-credit a { color: var(--text-tertiary); text-decoration: none; }.embed-credit a:hover { color: var(--primary-text); }@media (max-width: 360px) {
    .mto-embed-shell { padding: 4px; }
    .calculator-screen { min-height: 142px; margin: 7px; padding: 12px 13px 14px; }
    .calculator-result { font-size: 44px; }
    .calculator-result.is-overflowing { font-size: 19px; }
    .calculator-result.is-overflowing-tight { font-size: 16px; }
    .calculator-keypad { gap: 5px; padding: 0 7px 7px; }
    .calc-key { min-height: 52px; border-radius: var(--radius); font-size: 19px; }
}@media (prefers-color-scheme: dark) {
    html[data-theme="system"] .calculator { background: #151a23; border-color: #2b3443; box-shadow: none; }
    html[data-theme="system"] .calculator-screen { background: #0f141c; border-color: #2b3443; }
    html[data-theme="system"] .calculator-expression { color: var(--text-tertiary); }
    html[data-theme="system"] .calculator-result { color: #f2f4f7; }
    html[data-theme="system"] .calc-key { background: #1b2230; border-color: #303a4b; color: #f2f4f7; }
    html[data-theme="system"] .calc-key--function { background: #202938; border-color: #344054; color: #d0d5dd; }
    html[data-theme="system"] .calc-key--operator { background: #16243a; border-color: #28466f; color: #8ab7ff; }
    html[data-theme="system"] .calc-key--equals { background: var(--primary-action); color: var(--surface); }
    html[data-theme="system"] .screen-action, html[data-theme="system"] .screen-backspace { color: #d0d5dd; }
    html[data-theme="system"] .screen-action:hover, html[data-theme="system"] .screen-backspace:hover { background: #202938; }
    html[data-theme="system"] .embed-credit a { color: var(--text-tertiary); }
}