.math-calculator{width:min(410px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid var(--border,#ddd);border-radius:22px;background:var(--surface,#fff);color:var(--ink,#182922);box-shadow:0 20px 80px #0004;margin:auto;box-sizing:border-box}.math-calculator::backdrop{background:#10241b80;backdrop-filter:blur(3px)}.calculator-heading,.calculator-mode{display:flex;align-items:center;justify-content:space-between;gap:12px}.calculator-heading h2{font-size:22px;margin:0}.math-calculator button{font:inherit;cursor:pointer;color:inherit}.calculator-heading button{border:0;background:transparent;font-size:30px;min-width:44px;min-height:44px}.calculator-mode{justify-content:flex-start;font-size:12px;margin:10px 0}.calculator-mode button{border:1px solid #cdd9d1;background:#eef4ef;border-radius:8px;padding:8px}.math-calculator label{display:block;font-size:13px;margin:10px 0}.math-calculator input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #b8c8be;border-radius:10px;font:20px monospace;background:#fff;color:#182922}.math-calculator output{display:block;text-align:right;overflow-wrap:anywhere;font:24px monospace;padding:16px 0;min-height:28px}.calculator-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.calculator-keys button{min-height:44px;border:1px solid #d6dfd8;border-radius:10px;background:#f2f6f3}.calculator-keys .calculator-equals{background:var(--accent,#285e48);color:#fff}.math-calculator button:hover{filter:brightness(.94)}.math-calculator button:focus-visible,.math-calculator input:focus-visible{outline:3px solid #80a998;outline-offset:2px}.math-calculator p,.math-calculator details{font-size:12px;line-height:1.6}.math-calculator ol{padding-left:20px;overflow-wrap:anywhere}.calculator-context-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.calculator-context-row .daily-kicker{margin:0}.calculator-shortcut{border:1px solid #b8c8be;background:var(--surface,#fff);color:var(--ink,#182922);border-radius:10px;padding:10px 15px;font:inherit;cursor:pointer;min-height:44px}.daily-heading>.calculator-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:480px){.math-calculator{padding:16px}.daily-heading>.calculator-heading-actions{width:100%}}