.kbd-shortcuts-overlay{position:fixed;inset:0;background:var(--modal-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--modal-z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--space-4, 16px) var(--space-4, 16px);animation:modal-fade .15s ease-out;box-sizing:border-box}.kbd-shortcuts-overlay[hidden]{display:none}.kbd-shortcuts-overlay .panel{width:100%;max-width:var(--modal-panel-width);background:var(--color-bg, var(--bg-card, #fff));border:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .1)));border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-lg, 0 20px 50px rgba(0, 0, 0, .18));padding:var(--space-4, 16px);animation:modal-rise .2s ease-out}@media (prefers-reduced-motion: reduce){.kbd-shortcuts-overlay,.kbd-shortcuts-overlay .panel{animation:none}}@media (max-width: 480px){.kbd-shortcuts-overlay{padding:6vh var(--space-3, 12px) var(--space-3, 12px)}.kbd-shortcuts-overlay .panel{max-width:none;padding:var(--space-3, 12px)}}.kbd-shortcuts-overlay header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3, var(--s-3, 12px))}.kbd-shortcuts-overlay h2{font-size:var(--text-h6, 18px);font-weight:600;margin:0;color:var(--color-ink-1, var(--ink-1, #111827))}.kbd-shortcuts-overlay .kbd-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;border-radius:var(--radius-sm, var(--r-sm, 6px));font-size:18px;line-height:1;color:var(--color-ink-2, var(--ink-2, #555));transition:background var(--motion-fast, .1s)}.kbd-shortcuts-overlay .kbd-close:hover{background:var(--color-surface-2, var(--bg-muted, rgba(0, 0, 0, .06)));color:var(--color-ink-1, var(--ink-1, #111827))}.kbd-shortcuts-overlay .kbd-close:focus-visible{outline:2px solid var(--color-accent, var(--accent, #2563eb));outline-offset:2px}.kbd-shortcuts-overlay section{margin-top:var(--space-3, var(--s-3, 12px))}.kbd-shortcuts-overlay section:first-of-type{margin-top:0}.kbd-shortcuts-overlay h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2, var(--s-2, 8px)) 0;color:var(--color-ink-3, var(--ink-3, #6b7280))}.kbd-shortcuts-overlay ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2, var(--s-2, 8px))}.kbd-shortcuts-overlay li{display:flex;align-items:center;gap:var(--space-3, var(--s-3, 12px))}.kbd-shortcuts-overlay kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .12)));border-radius:6px;background:var(--color-surface-1, var(--bg-muted, rgba(0, 0, 0, .04)));font-family:var(--font-mono, ui-monospace, monospace);font-size:13px;line-height:1;color:var(--color-ink-1, var(--ink-1, #111827));font-weight:500;white-space:nowrap}.kbd-shortcuts-overlay li span{flex:1;font-size:var(--text-body-sm, 14px);color:var(--color-ink-1, var(--ink-1, #111827))}