#pia-osk{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#eceff3;border-top:1px solid #cfd6df;
  box-shadow:0 -6px 24px rgba(0,0,0,.14);padding:8px 8px calc(8px + env(safe-area-inset-bottom));
  display:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:inherit}
#pia-osk.on{display:block}
#pia-osk .osk-row{display:flex;gap:6px;justify-content:center;margin:6px 0}
#pia-osk .osk-k{flex:1 1 0;min-width:0;height:52px;border:1px solid #c3cbd6;border-radius:9px;background:#fff;
  font-size:22px;line-height:1;color:#1b2430;display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 0 #c9d0da;cursor:pointer;font-weight:600}
#pia-osk .osk-k:active{background:#dfe6ef;transform:translateY(1px)}
#pia-osk .osk-k.wide{flex:2 2 0}
#pia-osk .osk-k.fn{background:#d7dee8;font-size:15px;font-weight:700;color:#39424f}
#pia-osk .osk-k.act{background:#246beb;color:#fff;border-color:#1d56bc}
#pia-osk .osk-k.space{flex:5 5 0}
#pia-osk .osk-k.done{background:#1f9d55;color:#fff;border-color:#178045;flex:1.6 1.6 0;font-size:16px}
@media (max-width:520px){ #pia-osk .osk-k{height:46px;font-size:19px} }