.kb-unhide-wrapper{box-sizing:border-box;justify-content:center;width:100%;max-width:1040px;margin-top:clamp(10px,2vh,18px);margin-left:auto;margin-right:auto;padding:4px 12px;display:flex}.kb-unhide-wrapper.hidden{display:none!important}.kb-unhide-btn{color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);background:#0a0f1cf0;border:1.5px solid #00f0ff73;border-radius:9999px;align-items:center;gap:10px;padding:10px 22px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #00f0ff2e,0 2px 8px #0006}.kb-unhide-btn:hover{color:#fff;background:#00f0ff24;border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 6px 26px #00f0ff66}.kb-unhide-btn .unhide-icon{font-size:16px}.kb-unhide-btn .unhide-pill{color:#00f0ff;background:#00f0ff33;border:1px solid #00f0ff66;border-radius:12px;padding:2px 10px;font-size:11.5px;font-weight:800}[data-theme=light] .kb-unhide-btn{color:#0f172a!important;background:#fff!important;border:1.5px solid #0070f3!important;box-shadow:0 4px 14px #0070f326!important}[data-theme=light] .kb-unhide-btn:hover{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 6px 20px #0070f340!important}[data-theme=light] .kb-unhide-btn .unhide-pill{color:#0070f3!important;background:#eff6ff!important;border-color:#bfdbfe!important}.keyboard-container{border-radius:var(--radius-xl);width:100%;max-width:1040px;transition:all var(--transition-smooth);box-sizing:border-box;touch-action:pan-y;background:#0a0f1cf5;border:1px solid #00f0ff40;margin-top:clamp(10px,2vh,18px);margin-left:auto;margin-right:auto;padding:clamp(10px,1.8vw,18px);box-shadow:0 12px 36px #0009,0 0 24px #00f0ff1a}.keyboard-container.hidden{display:none!important}.keyboard-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:clamp(6px,1.2vh,12px);padding-bottom:8px;display:flex}.keyboard-title{color:var(--text-muted);align-items:center;gap:8px;font-size:clamp(12px,1.6vw,14px);font-weight:800;display:flex}.keyboard-controls{gap:8px;display:flex}.kb-tool-btn{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;background:#ffffff14;padding:4px 10px;font-size:clamp(11px,1.3vw,12px);font-weight:700}.kb-tool-btn:hover{color:var(--text-main);border-color:var(--accent-cyan);background:#00f0ff26}.keyboard-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;align-items:center;gap:clamp(4px,.8vw,7px);width:100%;display:flex;overflow-x:auto}.kb-row{touch-action:pan-y;justify-content:center;align-items:stretch;gap:clamp(3px,.6vw,6px);width:100%;display:flex}.kb-key{color:#fff;min-width:clamp(22px,5vw,56px);max-width:68px;height:clamp(38px,5.8vh,52px);font-family:var(--font-mono);user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;background:linear-gradient(#182338 0%,#0e1524 100%);border:1px solid #ffffff24;border-radius:clamp(4px,.8vw,8px);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2px 4px;transition:transform 50ms,background-color 80ms,border-color 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:0 3px #00000080,inset 0 1px #ffffff1f}.kb-key:active{transform:translateY(2px);box-shadow:0 1px #00000080}.kb-key.home-key:after{content:"";background:#00f0ff99;border-radius:2px;width:8px;height:2.5px;position:absolute;bottom:3px}.kb-key-wide{flex:1.5;min-width:clamp(42px,8vw,76px);max-width:86px}.kb-key-med{flex:1.3;min-width:clamp(32px,6.2vw,60px);max-width:68px}.kb-key-xwide{flex:1.8;min-width:clamp(50px,9.5vw,92px);max-width:104px}.kb-key-space{flex:5.5;min-width:clamp(140px,34vw,320px);max-width:360px}.k-shift{color:var(--text-subtle);font-size:clamp(8px,1.1vw,10px);font-weight:600;line-height:1}.k-main{color:#fff;letter-spacing:.2px;font-size:clamp(13px,1.8vw,17px);font-weight:800;line-height:1.1}.k-sub{color:var(--accent-cyan);font-size:clamp(10px,1.4vw,13px);font-family:var(--font-marathi);text-shadow:0 0 6px #00f0ff80;font-weight:700;line-height:1}.kb-key.target-active{transform:translateY(-2px);border-color:var(--accent-cyan)!important;color:#fff!important;box-shadow:0 0 18px var(--accent-cyan-glow), inset 0 1px 0 #fff!important;background:linear-gradient(#00f0ff73,#00b4d266)!important}.kb-key.pressed-correct{transform:translateY(1px);border-color:var(--accent-green)!important;background:#10b9818c!important;box-shadow:0 0 16px #10b98180!important}.kb-key.pressed-wrong{transform:translateY(1px);border-color:var(--accent-danger)!important;background:#ef44448c!important;box-shadow:0 0 16px #ef444480!important}.show-finger-guides .finger-l-pinky{border-left:3px solid #ec4899}.show-finger-guides .finger-l-ring{border-left:3px solid #8b5cf6}.show-finger-guides .finger-l-mid{border-left:3px solid #3b82f6}.show-finger-guides .finger-l-idx{border-left:3px solid #06b6d4}.show-finger-guides .finger-r-idx{border-left:3px solid #10b981}.show-finger-guides .finger-r-mid{border-left:3px solid #f59e0b}.show-finger-guides .finger-r-ring{border-left:3px solid #f97316}.show-finger-guides .finger-r-pinky{border-left:3px solid #ef4444}.show-finger-guides .finger-thumb{border-bottom:3px solid #6366f1}@media (width<=600px){.keyboard-container{box-sizing:border-box;width:100%;padding:8px 4px}.kb-row{box-sizing:border-box;gap:2px;width:100%}.kb-key{min-width:18px;height:clamp(30px,4.8vh,38px);padding:1px}.k-main{font-size:clamp(10px,3vw,13px)}.k-sub{font-size:clamp(7.5px,2vw,9.5px)}}@media (width<=380px){.keyboard-container{padding:6px 2px}.kb-row{gap:1.5px}.kb-key{border-radius:3px;min-width:15px;height:28px}.k-main{font-size:9.5px}.k-sub{font-size:7px}}[data-theme=light] .keyboard-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 24px #0f172a0f!important}[data-theme=light] .keyboard-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .keyboard-title{color:#0f172a!important;font-weight:800!important}[data-theme=light] .kb-tool-btn{color:#475569!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}[data-theme=light] .kb-tool-btn:hover{color:#0070f3!important;background:#eff6ff!important;border-color:#0070f3!important}[data-theme=light] .kb-key{color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important;box-shadow:0 3px #cbd5e1,0 1px 3px #0000000d!important}[data-theme=light] .kb-key:active{transform:translateY(2px)!important;box-shadow:0 1px #cbd5e1!important}[data-theme=light] .k-main{color:#0f172a!important;font-weight:800!important}[data-theme=light] .k-shift{color:#64748b!important;font-weight:700!important}[data-theme=light] .k-sub{color:#0070f3!important;text-shadow:none!important;font-weight:800!important}[data-theme=light] .kb-key.target-active{transform:translateY(-2px);background:linear-gradient(#0070f3 0%,#0056b3 100%)!important;border-color:#004494!important;box-shadow:0 0 16px #0070f373,0 3px #003380!important}[data-theme=light] .kb-key.target-active .k-main{color:#fff!important;text-shadow:0 1px 2px #0000004d!important;font-weight:900!important}[data-theme=light] .kb-key.target-active .k-shift{color:#dbeafe!important;font-weight:700!important}[data-theme=light] .kb-key.target-active .k-sub{color:#e0f2fe!important;text-shadow:none!important;font-weight:800!important}[data-theme=light] .kb-key.pressed-correct{background:#10b981!important;border-color:#059669!important;box-shadow:0 0 14px #10b98180,0 2px #047857!important}[data-theme=light] .kb-key.pressed-correct .k-main,[data-theme=light] .kb-key.pressed-correct .k-shift,[data-theme=light] .kb-key.pressed-correct .k-sub{color:#fff!important}[data-theme=light] .kb-key.pressed-wrong{background:#ef4444!important;border-color:#dc2626!important;box-shadow:0 0 14px #ef444480,0 2px #b91c1c!important}[data-theme=light] .kb-key.pressed-wrong .k-main,[data-theme=light] .kb-key.pressed-wrong .k-shift,[data-theme=light] .kb-key.pressed-wrong .k-sub{color:#fff!important}