:root{color-scheme:light dark;--calc-bg: #ffffff;--calc-surface: #ffffff;--calc-border: rgba(0, 0, 0, .14);--calc-muted: rgba(0, 0, 0, .55);--calc-text: #111827;--calc-btn: rgba(0, 0, 0, .06);--calc-btn-hover: rgba(0, 0, 0, .1);--calc-accent: #10b981;--calc-display-bg: rgba(0, 0, 0, .05);--calc-shadow: 0 18px 50px rgba(0, 0, 0, .2);--calc-radius: 16px;--calc-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--vb-z-floating: 1000;--vb-z-floating-secondary: 990;--vb-z-modal: 2000;--vb-z-emergency: 2147483647}@media(prefers-color-scheme:dark){:root{--calc-bg: #0f1012;--calc-surface: #1a1b1e;--calc-border: rgba(255, 255, 255, .1);--calc-text: rgba(255, 255, 255, .92);--calc-muted: rgba(255, 255, 255, .56);--calc-btn: rgba(255, 255, 255, .07);--calc-btn-hover: rgba(255, 255, 255, .11);--calc-display-bg: rgba(255, 255, 255, .05);--calc-shadow: 0 18px 50px rgba(0, 0, 0, .65);--calc-accent: #10b981}}.calc-fab{position:fixed;right:16px;bottom:16px;z-index:var(--vb-z-floating, 1000);width:52px;height:52px;border-radius:999px;border:1px solid var(--calc-border);background:var(--calc-surface);color:var(--calc-text);box-shadow:var(--calc-shadow);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--calc-font);-webkit-tap-highlight-color:transparent;transition:box-shadow .2s ease,transform .12s ease}.calc-fab:active{transform:translateY(1px)}.calc-fab svg{width:22px;height:22px;opacity:.9}.calc-panel{--vb-shell-visible-bottom-inset: 34px;position:fixed;right:16px;bottom:max(76px,calc(var(--vb-shell-taskbar-avoid-bottom, 0px) + 8px));z-index:var(--vb-z-floating, 1000);width:320px;min-width:320px;min-height:min(548px,calc(100dvh - 32px));border-radius:var(--calc-radius);border:1px solid var(--calc-border);background:var(--calc-surface);color:var(--calc-text);box-shadow:var(--calc-shadow);overflow:hidden;font-family:var(--calc-font);-webkit-tap-highlight-color:transparent}.calc-panel[hidden]{display:none!important}.calc-header{position:relative;display:flex;justify-content:center;align-items:center;min-height:46px;padding:8px 90px 8px 10px;box-sizing:border-box;cursor:grab;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 96%,#ffffff 4%),color-mix(in srgb,var(--calc-surface) 92%,var(--calc-btn) 8%) 58%,color-mix(in srgb,var(--calc-surface) 100%,transparent))}.calc-header:active{cursor:grabbing}.calc-header:after{content:"";position:absolute;left:14px;right:14px;bottom:-12px;height:18px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 72%,var(--calc-btn) 28%) 0%,color-mix(in srgb,var(--calc-surface) 92%,transparent) 58%,transparent 100%)}.calc-header-main{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:auto;min-width:0;padding:0;pointer-events:none}.calc-header-grip{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--calc-muted) 36%,transparent)}.calc-minimize,.calc-close{position:absolute;top:6px;z-index:3;width:34px;height:34px;min-height:34px;padding:0;border:1px solid color-mix(in srgb,var(--calc-border) 96%,transparent);background:color-mix(in srgb,var(--calc-surface) 68%,transparent);color:color-mix(in srgb,var(--calc-muted) 76%,var(--calc-text) 24%);border-radius:999px;display:grid;place-items:center;cursor:pointer;font-family:var(--calc-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 18px #0f172a24;opacity:.84}.calc-minimize{right:48px}.calc-close{right:8px}.calc-minimize:hover,.calc-close:hover{background:color-mix(in srgb,var(--calc-surface) 82%,var(--calc-btn-hover) 18%);color:var(--calc-text);opacity:1}.calc-minimize:focus-visible,.calc-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent) 20%,transparent)}.calc-minimize svg,.calc-close svg{width:16px;height:16px}.calc-display{padding:6px 12px 8px;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 94%,var(--calc-btn) 6%) 0%,var(--calc-surface) 34px)}.calc-icon-btn{background:transparent;border:none;color:var(--calc-muted);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.calc-icon-btn:hover{background:var(--calc-btn-hover);color:var(--calc-text)}.calc-icon-btn svg{width:18px;height:18px}.calc-history-text{color:var(--calc-muted);font-size:13px;line-height:18px;text-align:right;height:26px;min-height:26px;padding:0 4px 8px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-utility-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 96%,transparent) 0%,var(--calc-surface) 100%)}.calc-utility-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-utility-btn{min-width:0;min-height:48px;padding:0 10px;border:1px solid color-mix(in srgb,var(--calc-border) 96%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 18%,transparent),color-mix(in srgb,var(--calc-btn) 84%,transparent));color:color-mix(in srgb,var(--calc-muted) 84%,var(--calc-text) 16%);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--calc-font);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.calc-utility-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface) 24%,transparent),color-mix(in srgb,var(--calc-btn-hover) 88%,transparent));color:var(--calc-text)}.calc-utility-btn.active{color:var(--calc-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--calc-accent) 12%,var(--calc-surface) 88%),color-mix(in srgb,var(--calc-accent) 14%,var(--calc-btn) 86%));border-color:color-mix(in srgb,var(--calc-accent) 34%,var(--calc-border))}.calc-utility-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--calc-accent) 20%,transparent)}.calc-utility-btn-icon{display:inline-flex;align-items:center;justify-content:center}.calc-utility-btn svg{width:17px;height:17px}.calc-utility-btn-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700}.calc-history-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--calc-surface);border-top:1px solid var(--calc-border);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:10;max-height:280px;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s}.calc-history-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}.calc-history-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--calc-border);font-weight:700;font-size:14px}.calc-history-sheet-actions{display:flex;align-items:center;gap:8px}.calc-history-clear{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.calc-history-clear:hover{color:var(--calc-text);background:var(--calc-btn-hover)}.calc-history-close{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted);border-radius:8px;padding:4px 10px;cursor:pointer;display:grid;place-items:center}.calc-history-close:hover{color:var(--calc-text);background:var(--calc-btn-hover)}.calc-history-close svg{width:16px;height:16px}.calc-history-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:8px 0}.calc-settings-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--calc-surface);border-top:1px solid var(--calc-border);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:11;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s}.calc-settings-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}.calc-settings-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--calc-border);font-weight:700;font-size:14px}.calc-settings-close{background:transparent;border:1px solid var(--calc-border);color:var(--calc-muted);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.calc-settings-close:hover{color:var(--calc-text);background:var(--calc-btn-hover)}.calc-settings-body{min-height:0;padding:12px 16px 16px;display:grid;gap:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.calc-settings-row{display:grid;gap:6px;font-size:13px;color:var(--calc-muted)}.calc-settings-row-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.calc-settings-row-box{border:1px solid var(--calc-border);border-radius:10px;padding:8px 10px;background:var(--calc-surface)}.calc-settings-label{color:var(--calc-text);font-weight:600}.calc-settings-stepper{display:inline-flex;align-items:center;gap:8px}.calc-settings-decimals-minus,.calc-settings-decimals-plus{border:1px solid var(--calc-border);background:transparent;color:var(--calc-text);border-radius:8px;padding:4px 10px;font-size:14px;cursor:pointer}.calc-settings-decimals-minus:hover,.calc-settings-decimals-plus:hover{background:var(--calc-btn-hover)}.calc-settings-decimals-value{min-width:24px;text-align:center;font-weight:700;color:var(--calc-text)}.calc-history-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--calc-text);cursor:pointer;text-align:left;font-family:var(--calc-font)}.calc-history-item:hover{background:var(--calc-btn-hover)}.calc-history-item-expr{color:var(--calc-muted);font-size:13px}.calc-history-item-result{font-weight:700;font-size:15px}.calc-history-empty{padding:20px 16px;text-align:center;color:var(--calc-muted);font-size:13px}.calc-expr{width:100%;border:1px solid var(--calc-border);border-radius:12px;padding:14px 12px;background:var(--calc-display-bg);color:var(--calc-text);font-size:20px;font-weight:600;text-align:right;outline:none;min-height:52px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.calc-expr::-webkit-scrollbar{height:6px}@media(max-width:420px){.calc-expr{font-size:16px}}.calc-secondary-keys{padding:8px 12px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-key.calc-key-secondary{padding:8px 0;font-size:14px;border-radius:10px;opacity:.85}.calc-key.calc-key-secondary:hover{opacity:1}.calc-keys{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-key{border:1px solid var(--calc-border);background:var(--calc-btn);color:var(--calc-text);border-radius:14px;padding:12px 0;font-size:16px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.calc-key:hover{background:var(--calc-btn-hover)}.calc-key:active{transform:translateY(1px)}.calc-key.zero{grid-column:span 2}.calc-key.op{background:color-mix(in srgb,var(--calc-btn) 55%,var(--calc-accent) 10%)}.calc-key.eq{background:var(--calc-accent);color:#062018;border-color:color-mix(in srgb,var(--calc-accent) 75%,var(--calc-border))}.calc-key.danger{background:color-mix(in srgb,#ef4444 18%,var(--calc-btn));border-color:color-mix(in srgb,#ef4444 25%,var(--calc-border))}@media(max-width:420px){.calc-panel{width:calc(100vw - 24px);right:12px}.calc-fab{right:12px;bottom:12px}.calc-header{min-height:44px;padding:8px 82px 8px 8px}.calc-minimize,.calc-close{top:6px;width:32px;height:32px;min-height:32px}.calc-minimize{right:44px}.calc-close{right:8px}.calc-utility-row{gap:6px}.calc-utility-btn{min-height:44px;padding:0 8px;gap:6px}.calc-utility-btn-label{font-size:.68rem}}.calc-panel.is-dragging,.calc-fab.is-dragging{user-select:none;-webkit-user-select:none}.calc-panel[data-vb-shell-layout-mode=short-landscape]{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:46px auto minmax(0,1fr);width:min(520px,var(--vb-work-area-width, calc(100vw - 32px) ));height:min(440px,var(--vb-work-area-height, calc(100dvh - 32px) ));min-width:0;min-height:0;max-width:var(--vb-work-area-width, calc(100vw - 32px) );max-height:var(--vb-work-area-height, calc(100dvh - 32px) )}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-header{grid-column:1 / -1;grid-row:1}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-display{grid-column:1 / -1;grid-row:2;min-width:0;padding:4px 12px 8px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-history-text,.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-expr{text-align:center}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-utility-row{grid-column:1;grid-row:3;box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-auto-rows:56px;align-content:center;gap:10px;padding:10px 8px 12px;background:transparent}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-utility-btn{min-width:var(--vb-touch-target-min, 44px);min-height:var(--vb-touch-target-min, 44px);padding-inline:0;gap:0;border-radius:12px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-utility-btn-label{display:none}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-utility-btn svg{width:22px;height:22px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-secondary-keys{grid-column:3;grid-row:3;box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-auto-rows:56px;align-content:center;gap:10px;padding:10px 8px 12px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-keys{grid-column:2;grid-row:3;min-height:0;align-content:stretch;grid-template-rows:repeat(5,minmax(44px,1fr));padding:10px 8px 12px;border-left:0}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-key{min-width:var(--vb-touch-target-min, 44px);min-height:var(--vb-touch-target-min, 44px);padding-block:7px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-key-secondary{width:100%;min-height:var(--vb-touch-target-min, 44px);padding:0}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-minimize,.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-close{top:1px;width:var(--vb-touch-target-min, 44px);height:var(--vb-touch-target-min, 44px)}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-minimize{right:50px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-close{right:4px}.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-history-sheet,.calc-panel[data-vb-shell-layout-mode=short-landscape] .calc-settings-sheet{z-index:12;max-height:100%;overflow-y:auto}.calc-panel[data-vb-shell-layout-mode=portrait]{--calc-portrait-key-height: clamp(44px, 16vw, 64px);--calc-portrait-display-height: clamp(64px, 18vw, 72px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px var(--calc-portrait-display-height) 44px 4px 44px auto;width:min(360px,var(--vb-work-area-width, 100vw));height:auto;min-width:0;min-height:0;max-width:var(--vb-work-area-width, 100vw);max-height:var(--vb-work-area-height, 100dvh)}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-header{grid-row:1;min-height:44px;padding-block:4px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-minimize,.calc-panel[data-vb-shell-layout-mode=portrait] .calc-close{top:0;width:44px;height:44px;min-height:44px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-minimize{right:48px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-close{right:2px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-display{grid-row:2;display:grid;grid-template-rows:14px minmax(44px,1fr);min-height:0;padding:2px 8px 4px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-history-text{height:14px;min-height:14px;padding:0 4px;font-size:13px;line-height:14px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-expr{height:100%;min-height:44px;padding-block:4px;font-size:clamp(22px,7vw,28px);line-height:1.1}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-utility-row{grid-row:3;gap:4px;padding:0 8px;background:transparent}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-utility-btn,.calc-panel[data-vb-shell-layout-mode=portrait] .calc-key{min-width:44px;min-height:44px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-secondary-keys{grid-row:5;gap:4px;padding:0 8px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-key-secondary{padding-block:0}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-keys{grid-row:6;grid-template-rows:repeat(5,var(--calc-portrait-key-height));gap:4px;min-height:0;padding:4px 8px 8px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-key{padding-block:4px}.calc-panel[data-vb-shell-layout-mode=portrait] .calc-history-sheet,.calc-panel[data-vb-shell-layout-mode=portrait] .calc-settings-sheet{z-index:12;max-height:100%;overflow-y:auto;overscroll-behavior:contain}
