.hyper-kb{background:var(--bg-subtle);border:1px solid var(--border-strong);pointer-events:none;box-sizing:border-box;width:100%;max-width:560px;padding:clamp(8px,1.4cqi,14px);container-type:inline-size}.hyper-kb .hg-rows{flex-direction:column;gap:3px;width:100%;display:flex}.hyper-kb .hg-row{gap:3px;display:flex}.hyper-kb .hg-button{aspect-ratio:1;border:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-muted);background:var(--bg-base);cursor:default;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0;padding:0;font-size:clamp(.5rem,1.4cqi,.75rem);line-height:1;display:flex}.hyper-kb .hg-button-bksp{aspect-ratio:auto;flex:2}.hyper-kb .hg-button-tab{aspect-ratio:auto;flex:1.6}.hyper-kb .hg-button-lock{aspect-ratio:auto;flex:1.9}.hyper-kb .hg-button-enter{aspect-ratio:auto;flex:2.3}.hyper-kb .hg-button-shift{aspect-ratio:auto;flex:2.4}.hyper-kb .hg-button-rshift{aspect-ratio:auto;flex:2.8}.hyper-kb .hg-button-bs{aspect-ratio:auto;flex:1.4}.hyper-kb .key-trigger{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.hyper-kb .key-nav{color:var(--accent);background:#d977060d;border-color:#d977064d}.hyper-kb .key-symbol{color:#78716b;background:#78716b0d;border-color:#78716b4d}.hyper-kb [class*=key-sub-]:after{opacity:.5;margin-top:1px;font-size:clamp(.375rem,.85cqi,.5rem)}.hyper-kb .key-sub-left:after{content:"←"}.hyper-kb .key-sub-down:after{content:"↓"}.hyper-kb .key-sub-up:after{content:"↑"}.hyper-kb .key-sub-right:after{content:"→"}.hyper-kb .key-sub-paren:after{content:"("}.hyper-kb .key-sub-bracket:after{content:"["}.hyper-kb .key-sub-brace:after{content:"{"}