.keyboard-app-wrapper[data-astro-cid-ryxcdfen]{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;margin-top:.15rem;margin-bottom:0;display:flex;position:relative}.tester-section[data-astro-cid-ryxcdfen]{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.tester-section[data-astro-cid-ryxcdfen]>.container[data-astro-cid-ryxcdfen]{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;padding:0 .5rem;display:flex}.tester-compact-toolbar[data-astro-cid-ryxcdfen]{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;box-sizing:border-box;border-radius:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.35rem;width:100%;margin-bottom:.25rem;padding:.15rem .45rem;display:flex;position:relative;box-shadow:0 2px 8px -2px #0000001a}.toolbar-left[data-astro-cid-ryxcdfen]{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.toolbar-center[data-astro-cid-ryxcdfen]{flex:1;justify-content:center;align-items:center;gap:.4rem;min-width:0;display:flex;overflow:hidden}.toolbar-right[data-astro-cid-ryxcdfen]{z-index:101;flex-shrink:0;align-items:center;gap:.35rem;display:flex;position:relative}.layout-control[data-astro-cid-ryxcdfen]{align-items:center;gap:.45rem;display:flex}.input-mode-badge[data-astro-cid-ryxcdfen]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;user-select:none;border-radius:6px;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.input-mode-badge[data-astro-cid-ryxcdfen]:hover{border-color:var(--accent-blue);background:var(--bg-card-hover);color:var(--text-primary)}.kb-icon[data-astro-cid-ryxcdfen]{vertical-align:middle;color:var(--text-secondary);flex-shrink:0;transition:color .15s;display:inline-block}.lock-icon-wrap[data-astro-cid-ryxcdfen]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lock-svg[data-astro-cid-ryxcdfen]{vertical-align:middle;flex-shrink:0;transition:all .15s;display:inline-block}.lock-svg[data-astro-cid-ryxcdfen].icon-unlocked{color:var(--text-muted)}.lock-svg[data-astro-cid-ryxcdfen].icon-locked{color:var(--accent-blue)}.input-mode-badge[data-astro-cid-ryxcdfen]:hover .kb-icon[data-astro-cid-ryxcdfen],.input-mode-badge[data-astro-cid-ryxcdfen]:hover .lock-svg[data-astro-cid-ryxcdfen]{color:var(--text-primary)}.input-mode-badge[data-astro-cid-ryxcdfen].locked-keyboard{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 8px var(--accent-glow);background:#2563eb1f}.input-mode-badge[data-astro-cid-ryxcdfen].locked-keyboard .kb-icon[data-astro-cid-ryxcdfen],.input-mode-badge[data-astro-cid-ryxcdfen].locked-keyboard .lock-svg[data-astro-cid-ryxcdfen].icon-locked{color:var(--accent-blue)}.mouse-tester-bar[data-astro-cid-ryxcdfen]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .3rem;display:flex}.mouse-test-btn[data-astro-cid-ryxcdfen]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;user-select:none;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.68rem;font-weight:700;transition:all .1s;display:inline-flex}.mouse-test-btn[data-astro-cid-ryxcdfen]:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text-primary)}.mouse-test-btn[data-astro-cid-ryxcdfen].active{transform:translateY(1px);background:var(--key-active-bg)!important;border-color:var(--key-active-border)!important;color:var(--key-active-text)!important}.mouse-test-btn[data-astro-cid-ryxcdfen].tested{background:var(--key-tested-bg)!important;border-color:var(--key-tested-border)!important;color:var(--key-tested-text)!important}.mouse-svg[data-astro-cid-ryxcdfen]{vertical-align:middle;color:var(--text-secondary);flex-shrink:0;transition:color .1s;display:inline-block}.mouse-test-btn[data-astro-cid-ryxcdfen]:hover .mouse-svg[data-astro-cid-ryxcdfen]{color:var(--text-primary)}.mouse-test-btn[data-astro-cid-ryxcdfen].active .mouse-svg[data-astro-cid-ryxcdfen],.mouse-test-btn[data-astro-cid-ryxcdfen].tested .mouse-svg[data-astro-cid-ryxcdfen]{color:currentColor}.mouse-btn-name[data-astro-cid-ryxcdfen]{font-size:.68rem}.mouse-btn-count[data-astro-cid-ryxcdfen]{font-size:.65rem;font-family:var(--font-mono);color:var(--accent-blue);margin-left:2px;font-weight:800}.stat-pill[data-astro-cid-ryxcdfen]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;box-sizing:border-box;border-radius:6px;flex-shrink:0;align-items:center;gap:.3rem;height:26px;padding:0 .5rem;font-size:.72rem;display:inline-flex}.stat-pill[data-astro-cid-ryxcdfen] strong[data-astro-cid-ryxcdfen]{color:var(--text-primary);font-weight:700}.pill-dot[data-astro-cid-ryxcdfen]{border-radius:50%;width:6px;height:6px}.pill-dot[data-astro-cid-ryxcdfen].green{background-color:var(--success)}.pill-dot[data-astro-cid-ryxcdfen].blue{background-color:var(--accent-blue)}.pill-pct[data-astro-cid-ryxcdfen]{color:var(--success);margin-left:.15rem;font-size:.65rem;font-weight:700}.pill-progress-track[data-astro-cid-ryxcdfen]{background:var(--pill-track-bg);border-radius:2px;width:32px;height:4px;margin-left:.2rem;overflow:hidden}.pill-progress-fill[data-astro-cid-ryxcdfen]{background:var(--success);height:100%;transition:width .2s}.pill-key[data-astro-cid-ryxcdfen].highlight{font-family:var(--font-mono);text-align:center;min-width:12px;font-weight:800;color:var(--accent-blue)!important}.pill-sub[data-astro-cid-ryxcdfen]{color:var(--text-muted);font-size:.68rem}.zoom-controls-compact[data-astro-cid-ryxcdfen]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:1px;padding:1px;display:flex}.zoom-btn-sm[data-astro-cid-ryxcdfen]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem .35rem;transition:all .12s;display:inline-flex}.zoom-btn-sm[data-astro-cid-ryxcdfen]:hover{background:var(--bg-card-hover);color:var(--text-primary)}.zoom-btn-sm[data-astro-cid-ryxcdfen].fit-btn{padding:.2rem .4rem;font-size:.68rem;font-weight:700}.sound-pill-group[data-astro-cid-ryxcdfen]{background:var(--bg-secondary);border:1px solid var(--border-color);box-sizing:border-box;user-select:none;height:26px;transition:border-color var(--transition-fast);border-radius:6px;align-items:center;display:inline-flex;position:relative}.sound-pill-group[data-astro-cid-ryxcdfen]:hover{border-color:var(--border-accent)}.sound-mute-btn[data-astro-cid-ryxcdfen]{height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;align-items:center;gap:.3rem;padding:0 .45rem;font-size:.72rem;font-weight:700;transition:all .12s;display:inline-flex}.sound-mute-btn[data-astro-cid-ryxcdfen]:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sound-mute-btn[data-astro-cid-ryxcdfen].unmuted,.sound-mute-btn[data-astro-cid-ryxcdfen].unmuted .sound-icon-on[data-astro-cid-ryxcdfen]{color:var(--accent-blue)}.sound-mute-btn[data-astro-cid-ryxcdfen].muted{color:var(--text-muted)}.sound-mute-btn[data-astro-cid-ryxcdfen].muted .sound-icon-off[data-astro-cid-ryxcdfen]{color:var(--danger)}.sound-divider[data-astro-cid-ryxcdfen]{background:var(--border-color);flex-shrink:0;width:1px;height:14px}.sound-dropdown-container[data-astro-cid-ryxcdfen]{z-index:102;align-items:center;height:100%;display:inline-flex;position:relative}.sound-arrow-btn[data-astro-cid-ryxcdfen]{width:20px;height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:inline-flex}.sound-arrow-btn[data-astro-cid-ryxcdfen]:hover,.sound-arrow-btn[data-astro-cid-ryxcdfen].open{background:var(--bg-card-hover);color:var(--text-primary)}.sound-arrow-btn[data-astro-cid-ryxcdfen].open .sound-arrow-icon[data-astro-cid-ryxcdfen]{transform:rotate(180deg)}.sound-arrow-icon[data-astro-cid-ryxcdfen]{transition:transform .15s}.sound-dropdown-menu[data-astro-cid-ryxcdfen]{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 14px 35px #00000059, 0 0 0 1px var(--border-color);z-index:99999;-webkit-backdrop-filter:blur(16px);border-radius:8px;flex-direction:column;gap:.2rem;min-width:140px;padding:.3rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.sound-opt-item[data-astro-cid-ryxcdfen]{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;padding:.3rem .5rem;font-size:.72rem;font-weight:600;transition:all .12s;display:flex}.sound-opt-item[data-astro-cid-ryxcdfen]:hover{background:var(--bg-secondary);color:var(--text-primary)}.sound-opt-item[data-astro-cid-ryxcdfen].active{color:var(--accent-blue);background:#2563eb1f}.sound-opt-item[data-astro-cid-ryxcdfen] .opt-check[data-astro-cid-ryxcdfen]{opacity:0;color:var(--accent-blue);transition:opacity .12s}.sound-opt-item[data-astro-cid-ryxcdfen].active .opt-check[data-astro-cid-ryxcdfen]{opacity:1}.toolbar-btn-danger[data-astro-cid-ryxcdfen]{color:#f87171;cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef444440;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.toolbar-btn-danger[data-astro-cid-ryxcdfen]:hover{color:#fff;background:#ef444433;border-color:#ef444473}.keyboard-stage[data-astro-cid-ryxcdfen]{z-index:1;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;height:calc(100vh - 110px);min-height:0;max-height:calc(100dvh - 110px);display:flex;position:relative;overflow:hidden!important}.home-legal-strip[data-astro-cid-ryxcdfen]{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;z-index:10;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem;margin-bottom:.15rem;padding:.2rem .5rem;font-size:.7rem;display:flex}.legal-strip-brand[data-astro-cid-ryxcdfen]{color:var(--text-secondary);align-items:baseline;gap:.4rem;min-width:0;display:flex}.legal-brand-name[data-astro-cid-ryxcdfen]{color:var(--text-primary);letter-spacing:-.01em;font-size:.72rem;font-weight:800}.legal-brand-sub[data-astro-cid-ryxcdfen]{color:var(--text-muted);font-size:.65rem}.legal-strip-links[data-astro-cid-ryxcdfen]{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.legal-strip-link[data-astro-cid-ryxcdfen]{color:var(--text-primary);transition:color var(--transition-fast);font-size:.68rem;font-weight:700;text-decoration:none}.legal-strip-link[data-astro-cid-ryxcdfen]:hover{color:var(--accent-blue);text-decoration:underline}.legal-strip-dot[data-astro-cid-ryxcdfen]{color:var(--border-color);font-size:.6rem}@media (width<=768px){.home-legal-strip[data-astro-cid-ryxcdfen]{flex-direction:column;align-items:center;gap:.2rem;padding:.25rem .4rem}.legal-strip-notice[data-astro-cid-ryxcdfen]{white-space:normal;text-align:center}}.keyboard-scaler[data-astro-cid-ryxcdfen]{transform-origin:50%;width:max-content;height:max-content;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)scale(1)}.keyboard-frame[data-astro-cid-ryxcdfen]{--key-unit:54px;--key-gap:6px;--key-radius:8px;background:var(--frame-bg);border:1px solid var(--frame-border);gap:var(--key-gap);box-shadow:var(--frame-shadow);-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer;border-radius:12px;outline:none;flex-direction:column;padding:10px 12px;transition:box-shadow .2s,border-color .2s,background-color .2s;display:inline-flex;position:relative}.keyboard-frame[data-astro-cid-ryxcdfen].input-locked{border-color:var(--accent-blue)!important;box-shadow:0 0 0 1px var(--accent-blue), var(--frame-shadow)!important}.keyboard-row[data-astro-cid-ryxcdfen]{align-items:center;gap:var(--key-gap);height:var(--key-unit);display:flex;white-space:nowrap!important;flex-wrap:nowrap!important}.keycap[data-astro-cid-ryxcdfen]{width:var(--key-unit);height:var(--key-unit);border-radius:var(--key-radius);background:var(--key-bg);border:1px solid var(--key-border);box-shadow:0 4px 0 var(--key-shadow), 0 3px 6px #0000001a;cursor:pointer;flex-shrink:0;transition:transform 80ms,background-color .12s,border-color .12s,box-shadow .12s;position:relative}.keycap[data-astro-cid-ryxcdfen]:hover{background:var(--key-bg-hover);border-color:var(--accent-blue)}.keycap-inner[data-astro-cid-ryxcdfen]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex;position:relative}.key-main-legend[data-astro-cid-ryxcdfen]{font-family:var(--font-mono);color:var(--key-text);pointer-events:none;font-size:.85rem;font-weight:700;line-height:1.1}.key-sub-legend[data-astro-cid-ryxcdfen]{font-family:var(--font-mono);color:var(--key-subtext);pointer-events:none;margin-bottom:2px;font-size:.65rem;line-height:1}.key-press-badge[data-astro-cid-ryxcdfen]{color:#fff;background:#0009;border-radius:3px;padding:0 3px;font-size:.6rem;font-weight:800;display:none;position:absolute;top:2px;right:3px}.keycap[data-astro-cid-ryxcdfen].w-1_25{width:calc(var(--key-unit) * 1.25 + var(--key-gap) * .25)}.keycap[data-astro-cid-ryxcdfen].w-1_5{width:calc(var(--key-unit) * 1.5 + var(--key-gap) * .5)}.keycap[data-astro-cid-ryxcdfen].w-1_75{width:calc(var(--key-unit) * 1.75 + var(--key-gap) * .75)}.keycap[data-astro-cid-ryxcdfen].w-2{width:calc(var(--key-unit) * 2 + var(--key-gap) * 1)}.keycap[data-astro-cid-ryxcdfen].w-2_25{width:calc(var(--key-unit) * 2.25 + var(--key-gap) * 1.25)}.keycap[data-astro-cid-ryxcdfen].w-2_75{width:calc(var(--key-unit) * 2.75 + var(--key-gap) * 1.75)}.keycap[data-astro-cid-ryxcdfen].w-6_25{width:calc(var(--key-unit) * 6.25 + var(--key-gap) * 5.25)}.keycap[data-astro-cid-ryxcdfen].h-2{height:calc(var(--key-unit) * 2 + var(--key-gap));z-index:2;align-self:flex-start}.key-gap[data-astro-cid-ryxcdfen]{width:calc(var(--key-unit) * var(--gap-width,1) + var(--key-gap) * (var(--gap-width,1) - 1));flex-shrink:0}.keycap[data-astro-cid-ryxcdfen].pressing{background:var(--key-active-bg,#2563eb)!important;border-color:var(--key-active-border,#1d4ed8)!important;box-shadow:0 1px 0 var(--key-active-shadow,#1e40af), var(--key-active-glow)!important;transform:translateY(3px)!important}.keycap[data-astro-cid-ryxcdfen].pressing .key-main-legend[data-astro-cid-ryxcdfen],.keycap[data-astro-cid-ryxcdfen].pressing .key-sub-legend[data-astro-cid-ryxcdfen]{color:var(--key-active-text,#fff)!important}.keycap[data-astro-cid-ryxcdfen].tested{background:var(--key-tested-bg)!important;border-color:var(--key-tested-border)!important;box-shadow:0 3px 0 var(--key-tested-shadow,var(--key-shadow)), var(--key-tested-glow)!important}.keycap[data-astro-cid-ryxcdfen].tested .key-main-legend[data-astro-cid-ryxcdfen]{color:var(--key-tested-text)!important}.keycap[data-astro-cid-ryxcdfen].tested .key-sub-legend[data-astro-cid-ryxcdfen]{color:var(--key-tested-subtext)!important}.keycap[data-astro-cid-ryxcdfen].tested .key-press-badge[data-astro-cid-ryxcdfen]{display:inline-block}.top-history-stream-wrapper[data-astro-cid-ryxcdfen]{background:var(--bg-secondary);border:1px solid var(--border-color);box-sizing:border-box;border-radius:6px;flex:1;align-items:center;min-width:50px;max-width:170px;height:26px;padding:0 .45rem;display:flex;overflow:hidden}.mod-flags-group[data-astro-cid-ryxcdfen]{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.mod-flag[data-astro-cid-ryxcdfen]{font-size:.6rem;font-weight:800;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.12rem .3rem;transition:all .15s}.mod-flag[data-astro-cid-ryxcdfen].active{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 6px var(--accent-glow);background:#2563eb24}.history-stream[data-astro-cid-ryxcdfen]{scrollbar-width:none;white-space:nowrap;align-items:center;gap:.25rem;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#0000,#000 15px)}.history-stream[data-astro-cid-ryxcdfen]::-webkit-scrollbar{display:none}.history-chip[data-astro-cid-ryxcdfen]{background:var(--bg-card);border:1px solid var(--border-color);font-size:.65rem;font-family:var(--font-mono);color:var(--text-primary);border-radius:4px;align-items:center;gap:.2rem;padding:.12rem .35rem;font-weight:700;animation:.12s ease-out fadeInChip;display:inline-flex}.history-empty[data-astro-cid-ryxcdfen]{color:var(--text-muted);font-size:.68rem;font-style:italic}@media (width<=1200px){.mod-flags-group[data-astro-cid-ryxcdfen]{display:none}}@media (width<=880px){#input-mode-text[data-astro-cid-ryxcdfen],.sound-state-text[data-astro-cid-ryxcdfen],.pill-progress-track[data-astro-cid-ryxcdfen],.pill-pct[data-astro-cid-ryxcdfen]{display:none}.top-history-stream-wrapper[data-astro-cid-ryxcdfen]{max-width:100px}}@media (width<=660px){.mouse-btn-name[data-astro-cid-ryxcdfen],.mouse-btn-count[data-astro-cid-ryxcdfen],.top-history-stream-wrapper[data-astro-cid-ryxcdfen],.pill-label[data-astro-cid-ryxcdfen],.zoom-controls-compact[data-astro-cid-ryxcdfen]{display:none}.tester-compact-toolbar[data-astro-cid-ryxcdfen]{gap:.25rem;padding:.15rem .35rem}}@media (width<=440px){.mouse-tester-bar[data-astro-cid-ryxcdfen]{display:none}}@keyframes fadeInChip{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}