#k2Calculator{box-sizing:border-box;width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid var(--line,#53635e);border-radius:22px;background:var(--paper,#101916);color:var(--ink,#fff);font:16px/1.4 var(--body,system-ui);overflow:auto;box-shadow:0 24px 90px #0007}
#k2Calculator::backdrop{background:#0009;backdrop-filter:blur(5px)}
#k2Calculator .calc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#k2Calculator h2{margin:0;font:700 23px/1.2 var(--body,system-ui);color:inherit}
#k2Calculator button{font:600 16px/1.3 var(--body,system-ui);min-height:44px;border:1px solid var(--line,#53635e);border-radius:12px;background:var(--paper,#101916);color:var(--ink,#fff);cursor:pointer;touch-action:manipulation}
#k2Calculator button:focus-visible,#k2Calculator input:focus-visible,#k2Calculator summary:focus-visible{outline:3px solid var(--teal,#4bc1a4);outline-offset:3px}
#k2Calculator button:active{transform:scale(.97)}
#k2Calculator button:disabled{opacity:.45;cursor:default}
#k2Calculator [data-close]{width:44px;flex-shrink:0}
#k2Calculator label{display:block;font-size:14px;margin-bottom:6px}
#k2Calculator input{box-sizing:border-box;width:100%;font:500 21px/1.4 var(--body,system-ui);padding:12px;border:1px solid var(--line,#53635e);border-radius:12px;background:var(--paper,#101916);color:var(--ink,#fff)}
#k2Calculator output{display:block;min-height:48px;text-align:right;padding:10px 2px;font-size:26px;font-weight:700;overflow-wrap:anywhere}
#k2Calculator .calc-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#k2Calculator .calc-keys button{min-height:48px;font-size:21px}
#k2Calculator .calc-equals{grid-column:1/-1;background:var(--ink,#fff);color:var(--paper,#101916)}
#k2Calculator .calc-actions{margin-top:10px}#k2Calculator .calc-actions button{width:100%}
#k2Calculator .calc-help,#calcStatus{font-size:14px;margin:10px 0;color:var(--ink-soft,#abbcb5)}
#calcStatus:empty{display:none}#k2Calculator summary{cursor:pointer;min-height:36px;padding-top:8px;font-size:14px}
#calcRecent button{display:block;width:100%;text-align:left;padding:10px;margin:7px 0;overflow-wrap:anywhere}
#calcClearHistory{padding:8px 12px;font-size:14px!important}
@media(max-height:700px){#k2Calculator{padding:14px}#k2Calculator .calc-head{margin-bottom:8px}#k2Calculator .calc-keys{gap:5px}#k2Calculator .calc-keys button{min-height:44px}#k2Calculator output{min-height:36px;padding:6px 2px}}

/* Keep the header launcher circular when the actions row stretches. */
#btnCalculator{box-sizing:border-box;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;flex:0 0 58px!important;aspect-ratio:1;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;align-self:center;touch-action:manipulation}
#btnCalculator svg{display:block;width:20px;height:22px}