.virtual-text-div{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;background:rgba(255,255,255,0.4);z-index:9999;}
.virtual-text-div table{pointer-events:auto;background:#fff;padding:14px;border-radius:14px;border-spacing:8px;max-width:95vw;box-shadow:0 12px 30px rgba(0,0,0,0.18);animation:popIn .2s ease;}
#virtual-text-input{width:100%!important;background:#f2f2f2!important;height:90px!important;font-size:34px!important;color:#000!important;border-radius:10px;border:1.5px solid #ccc!important;padding:10px 15px!important;margin-bottom:12px;outline:none;box-sizing:border-box;}
.virtual-text-div td{text-align:center;}
.key{background:linear-gradient(145deg,#fff,#eaeaea);color:#000;font-size:26px;height:80px;min-width:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 6px rgba(0,0,0,0.18),-1px -1px 4px rgba(255,255,255,0.7);transition:.12s ease;user-select:none;}
.key:hover{background:linear-gradient(145deg,#f5f5f5,#ddd);transform:translateY(-1px);}
.key:active{transform:scale(.95);box-shadow:inset 2px 2px 5px rgba(0,0,0,0.15);}
.key.ok{background:linear-gradient(145deg,#66bb6a,#43a047);color:#fff;}
.key.cancel{background:linear-gradient(145deg,#ef5350,#c62828);color:#fff;}
.key.delete{background:linear-gradient(145deg,#ffa726,#ef6c00);color:#fff;}
.key.clear{background:linear-gradient(145deg,#90a4ae,#546e7a);color:#fff;}
.key.caps{background:linear-gradient(145deg,#5c6bc0,#3949ab);color:#fff;}
.key.space{min-width:180px;}
.key.caps.active{box-shadow:0 0 10px #5c6bc0;}
.hide{display:none;}
@keyframes popIn{from{transform:scale(.9);opacity:0;}to{transform:scale(1);opacity:1;}}