.key-combo{flex-wrap:wrap;justify-content:end;align-items:center;gap:4px 6px;min-width:0;display:inline-flex}.key-chord{font:inherit;align-items:center;gap:3px;display:inline-flex}.key-cap{isolation:isolate;min-block-size:24px;min-inline-size:24px;color:var(--silk);font-family:var(--font-ui);white-space:nowrap;font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:.8125rem;font-weight:600;line-height:1;display:inline-grid;position:relative}.key-cap:before{content:"";z-index:-1;background:var(--mask-sunken);border:1px solid var(--border);box-shadow:0 1px 0 var(--border);border-radius:6px;position:absolute;inset:0}.key-cap .key-cap{display:contents}.key-or,.key-none{color:var(--silk-muted);font-size:var(--small)}.sheet.key-help{block-size:calc(100dvh - 2rem);inline-size:min(56rem,100% - 2rem)}.sheet.key-help[open],.sheet.palette[open]{flex-direction:column;display:flex;overflow:hidden}:is(.sheet.key-help,.sheet.palette) .sheet-body{flex-direction:column;flex:1;min-block-size:0;display:flex}.key-help-list,.palette-list{overscroll-behavior:contain;flex:1;min-block-size:0;overflow:auto}.key-help-search{background:var(--mask-raised);border-bottom:1px solid color-mix(in srgb, var(--silk) 10%, transparent);gap:6px;padding-block:4px 12px;display:grid}.key-help-label{color:var(--silk-muted);font-size:var(--small);font-weight:600}.key-help-search input,.palette-input{box-sizing:border-box;border:1px solid var(--border);background:var(--mask-sunken);min-block-size:44px;inline-size:100%;color:var(--silk);font:inherit;border-radius:var(--radius-s,8px);padding:0 12px;font-size:1rem}.key-help-search input:focus-visible,.palette-input:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.key-help-hint,.key-help-found,.key-help-empty{color:var(--silk-muted);font-size:var(--small);margin:0}.key-help-found{min-block-size:1.45em;color:var(--silk);font-weight:600}.key-help-found:empty{display:none}.key-help-empty{padding-block:16px}.key-groups{gap:8px 32px;display:grid;container-type:inline-size}@container (width>=640px){.key-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.key-group h3{margin:16px 0 4px;font-size:1rem}.key-rows{margin:0}.key-row{border-bottom:1px solid color-mix(in srgb, var(--silk) 8%, transparent);min-block-size:44px;transition:background-color var(--dur-fast) var(--ease-out);border-inline-start:2px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-inline:-8px;padding:6px 8px 6px 6px;display:grid}.key-row dt{overflow-wrap:anywhere;min-width:0}.key-row dd{min-width:0;margin:0}.key-row[data-found]{border-inline-start-color:var(--copper-hot);background:color-mix(in srgb, var(--silk) 8%, transparent)}.key-later{color:var(--silk-muted);font-size:var(--small);white-space:nowrap;margin-inline-start:8px;font-weight:400}.key-gesture{color:var(--silk-muted);font-size:var(--small);text-align:end}.sheet.palette{block-size:min(36rem,100dvh - 2rem);inline-size:min(40rem,100% - 2rem)}.palette-input{flex:none}.palette-list{margin-block-start:8px}.palette-group{color:var(--silk-muted);font-size:var(--small);padding:12px 8px 4px;font-weight:600}.palette-option{border-radius:var(--radius-s,8px);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-inline-start:2px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;min-block-size:44px;padding:6px 8px 6px 6px;display:grid}.palette-option[aria-selected=true]{border-inline-start-color:var(--copper-hot);background:color-mix(in srgb, var(--silk) 9%, transparent)}.palette-option:active{background:color-mix(in srgb, var(--silk) 14%, transparent)}.palette-text{gap:2px;min-width:0;display:grid}.palette-title{overflow-wrap:anywhere;font-weight:600}.palette-help{color:var(--silk-muted);font-size:var(--small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-empty{color:var(--silk-muted);margin:16px 8px}@media (width<=639px){.sheet.key-help,.sheet.palette{inline-size:100%;block-size:calc(100dvh - max(24px, env(safe-area-inset-top)) - 16px)}.sheet.palette{block-size:100dvh;max-block-size:100dvh;padding-block-start:env(safe-area-inset-top,0px)}}.board-menu-pop{z-index:6;isolation:isolate;background:var(--glass-strong,var(--mask-raised));-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--glass-border);inline-size:max-content;min-inline-size:220px;max-inline-size:min(320px,100vw - 32px);box-shadow:var(--shadow-2);border-radius:var(--radius-m,12px);padding:6px;display:grid;position:absolute}.board-app .board-menu-item{min-block-size:44px;color:var(--silk);text-align:start;cursor:pointer;touch-action:manipulation;border-radius:var(--radius-s,8px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 10px;font-weight:500;display:grid}.board-menu-item:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.board-app .board-menu-item:hover{background:color-mix(in srgb, var(--silk) 8%, transparent)}}.board-app .board-menu-item:active{background:color-mix(in srgb, var(--silk) 14%, transparent)}