@font-face{font-family:"V4UKIJ";src:url("../fonts/UKIJTuz.ttf") format("truetype")} .v4-panel{box-sizing:border-box;width:100%;background:#eef2f7;border:1px solid #c6d1dc;border-radius:10px;padding:10px;margin:8px 0 10px;color:#263443;font:14px system-ui,Arial,sans-serif}.v4-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:9px}.v4-hint{font-size:12px;color:#576577}.v4-tip{background:white;padding:6px 10px;border-radius:6px;font-weight:750;color:#85400e}.v4-layout{display:flex;flex-direction:column;gap:4px;width:100%}.v4-row{display:flex;gap:4px;width:100%}.v4-key{box-sizing:border-box;min-width:0;flex:1 1 0;background:#fff;border:1px solid #b7c4d4;border-bottom:3px solid #9baec2;border-radius:5px;min-height:47px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3px;cursor:pointer}.v4-key .latin{color:#607084;font-size:11px;line-height:1.1}.v4-key .uy{font:25px/1.05 "V4UKIJ",serif;color:#152a44}.v4-key:active{background:#dceafa;transform:translateY(1px)}.v4-key.special{background:#e4eaf1;flex:1.6 1 0}.v4-key.spacekey{flex:7 1 0}.v4-key.unmapped{background:#f1f4f8;cursor:default}.v4-key.dual .uy{font-size:18px}.v4-key:focus-visible{outline:3px solid #187bba}@media(max-width:740px){.v4-panel{overflow-x:auto}.v4-layout{min-width:720px}.v4-key{min-height:42px}.v4-key .uy{font-size:21px}}