.shortcuts-modal{width:min(560px,calc(100vw - 2rem));max-height:min(80vh,640px);margin:auto;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden}.shortcuts-modal::-webkit-backdrop{background:var(--scrim)}.shortcuts-modal::backdrop{background:var(--scrim)}.shortcuts-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.shortcuts-modal-head h2{margin:0;font-size:1rem;font-weight:600}.shortcuts-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer}.shortcuts-modal-close:hover{background:var(--fill-hover);color:var(--text)}.shortcuts-modal-body{padding:.75rem 1rem 1rem;overflow:auto;max-height:calc(min(80vh, 640px) - 3.5rem)}.shortcuts-modal-body section+section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.shortcuts-modal-body h3{margin:0 0 .55rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.shortcuts-modal-body h4{margin:.65rem 0 .35rem;font-size:.72rem;font-weight:600;color:var(--muted-2)}.shortcuts-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.35rem;gap:.35rem}.shortcuts-list li{display:flex;align-items:baseline;gap:.65rem;font-size:.84rem}.shortcuts-list kbd{flex-shrink:0;min-width:4.5rem;padding:.15rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--fill-muted);font-family:var(--font-mono);font-size:.72rem;text-align:center}.shortcuts-list--compact kbd{min-width:2rem}.shortcuts-list span{color:var(--muted)}