.shortcuts-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.shortcuts-modal{width:100%;max-width:520px;max-height:calc(100vh - 40px);background:var(--bg-surface,#131c2d);border:1px solid var(--border-subtle,rgba(116,147,197,.2));border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle,rgba(116,147,197,.14))}.shortcuts-modal-header h2{margin:0;font-size:16px;color:var(--text-primary,#e5e7eb)}.shortcuts-close{background:transparent;border:none;color:var(--text-muted,#94a3b8);font-size:22px;cursor:pointer;padding:0 8px;line-height:1}.shortcuts-close:hover{color:var(--text-primary,#e5e7eb)}.shortcuts-body{padding:8px 20px 12px;overflow-y:auto;flex:1 1}.shortcuts-group h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted,#94a3b8);margin:16px 0 6px}.shortcuts-group ul{list-style:none;margin:0;padding:0}.shortcuts-group li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle,rgba(116,147,197,.08));font-size:13px}.shortcut-label{color:var(--text-secondary,#a7b6ca)}.shortcut-keys{display:inline-flex;gap:4px}.shortcut-keys kbd{display:inline-block;padding:2px 8px;background:var(--bg-base,#0d1422);border:1px solid var(--border-subtle,rgba(116,147,197,.3));border-radius:5px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px;color:var(--text-primary,#e5e7eb);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2)}.shortcuts-hint{padding:10px 20px 16px;font-size:11px;color:var(--text-muted,#94a3b8);text-align:center;margin:0;border-top:1px solid var(--border-subtle,rgba(116,147,197,.08))}:root{color-scheme:dark}body{margin:0}