.kb3{--kb3-f-L5:#fde2e4;--kb3-f-L4:#fff0d4;--kb3-f-L3:#e2f5d8;--kb3-f-L2:#dceafe;--kb3-f-R2:#e8e2fb;--kb3-f-R3:#d6f2ee;--kb3-f-R4:#fbe2f2;--kb3-f-R5:#f2ece0;--kb3-f-T:#eceff3;--kb3-strong:#1c2027;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);-webkit-user-select:none;user-select:none;gap:.28rem;padding:.6rem;display:grid;container-type:inline-size}:root[data-theme=dark] .kb3{--kb3-f-L5:#4a2329;--kb3-f-L4:#45351a;--kb3-f-L3:#23401f;--kb3-f-L2:#1e3256;--kb3-f-R2:#33295a;--kb3-f-R3:#153d39;--kb3-f-R4:#4a2241;--kb3-f-R5:#3d3528;--kb3-f-T:#2b323b;--kb3-strong:#e9ecf0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .kb3{--kb3-f-L5:#4a2329;--kb3-f-L4:#45351a;--kb3-f-L3:#23401f;--kb3-f-L2:#1e3256;--kb3-f-R2:#33295a;--kb3-f-R3:#153d39;--kb3-f-R4:#4a2241;--kb3-f-R5:#3d3528;--kb3-f-T:#2b323b;--kb3-strong:#e9ecf0}}.kb3-row{gap:.28rem;display:flex}.kb3-key,.kb3-gap{flex:var(--kb3-u,1) 1 0;min-width:0}.kb3-key{height:2.4rem;border:1px solid var(--line-strong);background:var(--kb3-f,var(--surface));height:clamp(1.75rem,6.2cqi,2.75rem);color:var(--text);font-size:.85rem;border-radius:6px;align-content:center;justify-items:center;font-size:clamp(.62rem,2.6cqi,.95rem);font-weight:650;line-height:1.05;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -2px #00000014}.kb3-key[lang=hi]{font-family:"Noto Sans Devanagari", "Nirmala UI", "Mangal", "Kohinoor Devanagari", var(--font-body);font-size:.95rem;font-weight:500;font-size:clamp(.62rem,2.7cqi,1.05rem)}.kb3-shift{color:var(--text-2);font-size:.78em;font-weight:500}.kb3-mod{font-size:.72rem;color:var(--text-2);background:var(--surface-3);font-size:clamp(.55rem,2cqi,.78rem);font-weight:600}.kb3-enter-bottom{border-top-color:#0000;border-top-left-radius:0}.kb3-f-L5{--kb3-f:var(--kb3-f-L5)}.kb3-f-L4{--kb3-f:var(--kb3-f-L4)}.kb3-f-L3{--kb3-f:var(--kb3-f-L3)}.kb3-f-L2{--kb3-f:var(--kb3-f-L2)}.kb3-f-R2{--kb3-f:var(--kb3-f-R2)}.kb3-f-R3{--kb3-f:var(--kb3-f-R3)}.kb3-f-R4{--kb3-f:var(--kb3-f-R4)}.kb3-f-R5{--kb3-f:var(--kb3-f-R5)}.kb3-f-T{--kb3-f:var(--kb3-f-T)}.kb3-mod.kb3-f-L5,.kb3-mod.kb3-f-R5,.kb3-mod.kb3-f-T{--kb3-f:var(--surface-3)}.kb3--plain .kb3-key:not(.kb3-mod){--kb3-f:var(--surface)}.kb3-key[data-code=KeyF]:after,.kb3-key[data-code=KeyJ]:after{content:"";background:var(--text-3);border-radius:2px;width:.7rem;height:2px;position:absolute;bottom:.22rem}.kb3-key.is-next{background:var(--kb3-strong);border-color:var(--kb3-strong);color:var(--surface);box-shadow:0 0 0 3px var(--signal);z-index:1}.kb3-key.is-next .kb3-shift{color:inherit;opacity:.8}.kb3-key.is-shift{background:var(--signal);border-color:var(--signal-deep);color:#1c2027}.kb3-key.is-wrong{animation:.38s ease-out kb3-wrong}@keyframes kb3-wrong{0%,60%{background:var(--danger-bg);border-color:var(--danger)}}@media (prefers-reduced-motion:reduce){.kb3-key.is-wrong{background:var(--danger-bg);animation:none}}@media (forced-colors:active){.kb3-key.is-next{outline:3px solid highlight}}