/*! Scientific Calculator – TI-30XS MultiView style emulator. v1.0.0 */
.t30-wrap{display:flex;justify-content:center;padding:12px 8px;box-sizing:border-box}
.t30-wrap *,.t30-wrap *::before,.t30-wrap *::after{box-sizing:border-box}
.t30{width:100%;max-width:390px;background:#434e54;border-radius:16px;padding:58px 16px 18px;box-shadow:0 14px 34px rgba(0,0,0,.35);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:"Myriad Pro","Segoe UI",Frutiger,"Trebuchet MS",Arial,sans-serif;position:relative;outline:none;touch-action:manipulation;-webkit-touch-callout:none}
.t30-lcd{background:#fff;padding:2.5% 2.6%;margin:0 2px 16px;position:relative}
.t30-lcd canvas{display:block;width:100%;height:auto;image-rendering:auto}
.t30-keys{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:46px;gap:11px 10px}
.t30-k{position:relative;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 2px 5px;background:#546168;color:#fff;border:2.5px solid #000;box-shadow:inset 0 0 0 1px #75848b;font-weight:600;line-height:1;transition:transform .05s,filter .05s;touch-action:manipulation;margin:0;font-family:inherit;min-width:0}
.t30-k.t30-press{transform:scale(.95);filter:brightness(1.18)}
.t30-k .t30-m{font-size:17.5px;white-space:nowrap;letter-spacing:.1px}
.t30-k .t30-s{position:absolute;top:2px;left:0;right:0;text-align:center;font-size:13px;color:#c3dc7f;white-space:nowrap;font-weight:700;line-height:1}
.t30-k.t30-op{background:#32373d;box-shadow:inset 0 0 0 1px #5d656b}
.t30-k.t30-op .t30-m{font-size:24px;font-weight:700}
.t30-k.t30-w{background:#fff;color:#2b2f33;box-shadow:inset 0 0 0 1px #c9cdd0}
.t30-k.t30-w .t30-s{color:#4a8a12}
.t30-k.t30-w.t30-dig .t30-m{font-size:25px;font-weight:700}
.t30-k.t30-2nd{background:#aacc7a;color:#2d3d4a;box-shadow:inset 0 0 0 1px #c8e0a6}
.t30-k.t30-2nd.t30-on{box-shadow:inset 0 0 0 2px #fff}
.t30-k sup{font-size:.62em;vertical-align:.55em;line-height:0}
.t30-k sub{font-size:.62em;vertical-align:-.2em;line-height:0}
.t30-fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:.95}
.t30-fr>span:first-child{border-bottom:1.5px solid currentColor;padding:0 1px}
.t30-sm .t30-fr{font-size:.66em;line-height:.85}
.t30-k .t30-m .t30-fr{font-size:13.5px;line-height:.84;margin-bottom:-2px}
.t30-k[data-k=toggle]{justify-content:center;padding-bottom:0}.t30-k[data-k=toggle] .t30-m{font-size:20px}
.t30-k .t30-s .t30-fr>span:first-child{border-bottom-width:1px}
.t30-var{font-family:"Times New Roman",Georgia,serif;font-style:italic;font-weight:700;display:inline-flex;align-items:center;gap:1px}
.t30-var b{font-size:22px}
.t30-var span{display:inline-flex;flex-direction:column;font-size:11.5px;line-height:1;letter-spacing:1px}
.t30-pi{font-family:"Times New Roman",Georgia,serif;font-style:italic;font-size:21px!important}
.t30-pad{grid-column:4/6;grid-row:1/3;position:relative;align-self:center;height:104px;margin:0 -2px}
.t30-pad,.t30-pad svg{touch-action:manipulation}
.t30-pad svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.t30-pad path{fill:#32373d;stroke:#000;stroke-width:2.2;cursor:pointer;transition:filter .05s}
.t30-pad path.t30-press{filter:brightness(1.5)}
.t30-pad .t30-ar{fill:#fff;pointer-events:none;stroke:none}
.t30-pad .t30-ctr{fill:#434e54;stroke:#000;stroke-width:2;pointer-events:none}
@media (max-width:380px){.t30{padding:46px 11px 14px;border-radius:13px}.t30-keys{gap:9px 7px;grid-auto-rows:42px}.t30-k .t30-m{font-size:15.5px}.t30-k .t30-s{font-size:11px}.t30-k.t30-w.t30-dig .t30-m{font-size:22px}.t30-pad{height:94px}}
/* ---- protection against theme styles (WordPress) ---- */
.t30-wrap{margin:0 auto;line-height:1;color:#fff;text-align:left;font-size:16px}
.t30-wrap span,.t30-wrap b,.t30-wrap i,.t30-wrap sup,.t30-wrap sub{margin:0;padding:0;border:0;background:none;letter-spacing:normal;text-transform:none;text-shadow:none;float:none}
.t30-wrap div{letter-spacing:normal;text-transform:none;float:none;min-height:0}
.t30-wrap .t30-k span,.t30-wrap .t30-k b,.t30-wrap .t30-k i{color:inherit}
.t30-wrap .t30-k i{font-style:italic}
.t30-wrap .t30-fr,.t30-wrap .t30-var,.t30-wrap .t30-var span{display:inline-flex}
.t30-wrap .t30-var span{flex-direction:column}
.t30-wrap .t30-fr>span:first-child{border-bottom:1.5px solid currentColor;padding:0 1px}
.t30-wrap .t30-k .t30-s .t30-fr>span:first-child{border-bottom-width:1px}
.t30-wrap .t30-fr>span{display:block}
.t30-wrap .t30{padding:58px 16px 18px;margin:0 auto;border:0;width:100%;max-width:390px;height:auto;background:#434e54;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.t30-wrap .t30-pad{grid-column:4/6;grid-row:1/3;height:104px;margin:0 -2px;padding:0;border:0;background:none}
.t30-wrap .t30-keys{gap:11px 10px;grid-template-columns:repeat(5,1fr);grid-auto-rows:46px;border:0;background:none}
.t30-wrap .t30-lcd{padding:2.5% 2.6%;margin:0 2px 16px;border:0;background:#fff}
.t30-wrap .t30-lcd canvas{display:block;width:100%;max-width:100%;height:auto;border:0;margin:0;padding:0;background:#fff}
.t30-wrap .t30-keys{display:grid;padding:0;margin:0}
.t30-wrap button.t30-k{appearance:none;-webkit-appearance:none;margin:0;height:auto;min-height:0;width:auto;max-width:none;padding:0 2px 5px;border:2.5px solid #000;border-radius:7px;text-transform:none;letter-spacing:normal;font-family:"Myriad Pro","Segoe UI",Frutiger,"Trebuchet MS",Arial,sans-serif;font-size:16px;font-weight:600;line-height:1;text-decoration:none;text-shadow:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:visible;white-space:nowrap}
.t30-wrap button.t30-k,.t30-wrap button.t30-k:hover,.t30-wrap button.t30-k:focus,.t30-wrap button.t30-k:active{background:#546168;color:#fff;box-shadow:inset 0 0 0 1px #75848b}
.t30-wrap button.t30-k.t30-op,.t30-wrap button.t30-k.t30-op:hover,.t30-wrap button.t30-k.t30-op:focus,.t30-wrap button.t30-k.t30-op:active{background:#32373d;color:#fff;box-shadow:inset 0 0 0 1px #5d656b}
.t30-wrap button.t30-k.t30-w,.t30-wrap button.t30-k.t30-w:hover,.t30-wrap button.t30-k.t30-w:focus,.t30-wrap button.t30-k.t30-w:active{background:#fff;color:#2b2f33;box-shadow:inset 0 0 0 1px #c9cdd0}
.t30-wrap button.t30-k.t30-2nd,.t30-wrap button.t30-k.t30-2nd:hover,.t30-wrap button.t30-k.t30-2nd:focus,.t30-wrap button.t30-k.t30-2nd:active{background:#aacc7a;color:#2d3d4a;box-shadow:inset 0 0 0 1px #c8e0a6}
.t30-wrap button.t30-k.t30-2nd.t30-on{box-shadow:inset 0 0 0 2px #fff}
.t30-wrap button.t30-k:focus-visible{outline:2px solid #c3dc7f;outline-offset:1px}
.t30-wrap .t30-k .t30-s{position:absolute;top:2px;left:0;right:0;text-align:center;display:block}
.t30-wrap .t30-k.t30-w .t30-s{color:#4a8a12}
.t30-wrap .t30-k.t30-w .t30-s{color:#4a8a12}
.t30-wrap .t30-pad svg{display:block;max-width:none;width:100%;height:100%;border:0;margin:0}
.t30-wrap .t30-note{display:block;text-align:center;font:12px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#8a949a;margin:10px 0 0;padding:0}
@media (max-width:380px){.t30-wrap .t30{padding:46px 11px 14px;border-radius:13px}.t30-wrap .t30-keys{gap:9px 7px;grid-auto-rows:42px}.t30-wrap .t30-pad{height:94px}}
.t30-wrap .t30-k svg{display:block;max-width:none;width:20px;height:10px;border:0;margin:0 0 2px;padding:0;background:none}