.hoc-calc { position: fixed; right: 24px; bottom: 24px; z-index: 100050; width: 300px; max-width: calc(100vw - 24px); border-radius: 18px; background: #0f1530; color: #e2e8ff; box-shadow: 0 30px 70px rgba(2, 6, 23, .45), 0 0 0 1px rgba(165,180,252,.18); font: 14px/1.3 inherit; user-select: none; }
.hoc-calc[hidden] { display: none !important; }
.hoc-calc__bar { display: flex; align-items: center; gap: 8px; padding: 10px 10px 6px 14px; cursor: move; }
.hoc-calc__bar b { flex: 1; font-size: 13px; letter-spacing: .02em; color: #c7d2fe; }
.hoc-calc__bar button { all: unset; cursor: pointer; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #a5b4fc; }
.hoc-calc__bar button:hover { background: rgba(255,255,255,.08); color: #fff; }
.hoc-calc__screen { margin: 0 12px; padding: 10px 12px; border-radius: 12px; background: #070b1a; box-shadow: inset 0 0 0 1px rgba(165,180,252,.14); text-align: right; min-height: 64px; }
.hoc-calc__expr { min-height: 18px; color: #8b95c9; font-size: 12.5px; word-break: break-all; font-variant-numeric: tabular-nums; }
.hoc-calc__res { font-size: 28px; font-weight: 700; color: #fff; overflow-x: auto; white-space: nowrap; font-variant-numeric: tabular-nums; user-select: text; }
.hoc-calc__res.is-err { color: #fca5a5; font-size: 16px; }
.hoc-calc__target { margin: 6px 12px 0; font-size: 11.5px; color: #8b95c9; display: flex; align-items: center; gap: 6px; min-height: 16px; }
.hoc-calc__target b { color: #67e8f9; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hoc-calc__keys { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 10px 12px 12px; }
.hoc-calc__keys button { all: unset; box-sizing: border-box; cursor: pointer; height: 42px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.06); color: #e2e8ff; font-size: 16px; font-weight: 600; transition: background .12s, transform .06s; font-variant-numeric: tabular-nums; }
.hoc-calc__keys button:hover { background: rgba(255,255,255,.12); }
.hoc-calc__keys button:active { transform: scale(.96); }
.hoc-calc__keys button:focus-visible { outline: 2px solid #67e8f9; outline-offset: 1px; }
.hoc-calc__keys .is-op { background: rgba(129,140,248,.2); color: #c7d2fe; }
.hoc-calc__keys .is-fn { background: rgba(255,255,255,.03); color: #a5b4fc; font-size: 12.5px; }
.hoc-calc__keys .is-eq { background: linear-gradient(135deg, #6366f1, #06b6d4); color: #fff; }
.hoc-calc__keys .is-use { background: rgba(34,211,238,.16); color: #67e8f9; font-size: 12.5px; }
.hoc-calc__keys .is-use:disabled, .hoc-calc__keys .is-use[aria-disabled="true"] { opacity: .4; cursor: default; }
.hoc-calc__hist { max-height: 0; overflow: hidden; transition: max-height .2s; border-top: 1px solid rgba(165,180,252,.12); }
.hoc-calc.is-hist .hoc-calc__hist { max-height: 180px; overflow-y: auto; }
.hoc-calc__hist p { margin: 10px 14px; color: #8b95c9; font-size: 12px; }
.hoc-calc__hist button { all: unset; box-sizing: border-box; display: block; width: 100%; padding: 6px 14px; text-align: right; cursor: pointer; font-variant-numeric: tabular-nums; }
.hoc-calc__hist button:hover { background: rgba(255,255,255,.06); }
.hoc-calc__hist small { display: block; color: #8b95c9; font-size: 11px; }
.hoc-calc__mem { margin-right: auto; font-size: 11px; color: #67e8f9; }
.hoc-calc-flash { animation: hocCalcFlash .9s ease-out; }
.hoc-calc-flash { animation: hocCalcFlash .9s ease-out; }
@keyframes hocCalcFlash { from { box-shadow: 0 0 0 4px rgba(34,211,238,.6); } to { box-shadow: 0 0 0 0 rgba(34,211,238,0); } }
.hoc-calc{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}.hoc-calc *{box-sizing:border-box}.hoc-calc__ico{font-size:15px}