.kbd{min-width:22px;height:22px;padding:0 var(--space-1);background-color:var(--color-bg-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);border-bottom:2px solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);box-shadow:inset 0 -1px 0 var(--color-border-default);justify-content:center;align-items:center;display:inline-flex}.kbd-combo{align-items:center;gap:var(--space-0_5);display:inline-flex}.kbd-combo__separator{color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--font-weight-medium);flex-shrink:0}@keyframes navsheet-scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes navsheet-panel-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.navsheet-scrim{z-index:var(--z-scrim);background:var(--color-bg-scrim);position:fixed;inset:0}.navsheet-scrim[data-state=open]{animation:navsheet-scrim-enter var(--duration-slower) var(--ease-emphasized) forwards}.navsheet-panel{width:var(--layout-navsheet-w);padding-right:env(safe-area-inset-right);z-index:var(--z-modal);background:var(--color-bg-surface);box-shadow:var(--shadow-lg);outline:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.navsheet-panel[data-state=open]{animation:navsheet-panel-enter var(--duration-slower) var(--ease-emphasized) forwards}@media (prefers-reduced-motion:reduce){.navsheet-scrim[data-state=open]{animation:none}.navsheet-panel[data-state=open]{animation:none;transform:translate(0)}}