.shortcuts-help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:center;align-items:center;animation:.2s shortcutsModalFadeIn}@keyframes shortcutsModalFadeIn{from{opacity:0}to{opacity:1}}.shortcuts-help-modal{background:var(--bg-white,#fff);border-radius:12px;width:90%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px rgba(0,0,0,.2);animation:.2s shortcutsModalSlideIn}@keyframes shortcutsModalSlideIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.shortcuts-help-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light,#e1e8ed)}.shortcuts-help-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary,#2c3e50);font-family:var(--font-family-heading, sans-serif)}.shortcuts-help-close{background:0 0;border:none;font-size:24px;color:var(--text-muted,#95a5a6);cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s}.shortcuts-help-close:hover{background-color:var(--bg-hover,#f0f1f5);color:var(--text-primary,#2c3e50)}.shortcuts-help-body{padding:12px 20px;overflow-y:auto}.shortcuts-help-group{margin-bottom:16px}.shortcuts-help-group:last-child{margin-bottom:8px}.shortcuts-help-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#95a5a6);margin:0 0 8px}.shortcuts-help-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light,#e1e8ed)}.shortcuts-help-item:last-child{border-bottom:none}.shortcuts-help-desc{font-size:14px;color:var(--text-primary,#2c3e50)}.shortcuts-help-key{font-size:12px;padding:3px 8px;border-radius:5px;background:var(--bg-hover,#f0f1f5);color:var(--text-secondary,#5a6c7d);border:1px solid var(--border-light,#e1e8ed);font-family:var(--font-family-mono, monospace);white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}.shortcuts-help-footer{padding:12px 20px;border-top:1px solid var(--border-light,#e1e8ed);text-align:center;font-size:12px;color:var(--text-muted,#95a5a6)}.shortcuts-help-footer kbd{font-size:11px;padding:1px 5px;border-radius:3px;background:var(--bg-hover,#f0f1f5);border:1px solid var(--border-light,#e1e8ed);font-family:var(--font-family-mono, monospace)}@media (max-width:768px){.shortcuts-help-modal{width:95%;max-height:70vh}}