.command-hint {
  order: 3;
  margin-top: 18px;
  border: 1px solid #476158;
  border-radius: 9px;
  background: #29443a;
  color: #bfcfc7;
  padding: 9px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
kbd {
  border: 1px solid currentColor;
  border-radius: 5px;
  padding: 1px 6px;
  font: 11px/1.5 ui-monospace, monospace;
  opacity: .72;
}
.command-dialog {
  width: min(680px, 94vw);
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  overflow: visible;
}
.command-dialog::backdrop { background: rgba(22,35,30,.62); backdrop-filter: blur(3px); }
.command-box { background: #fffefa; border-radius: 16px; box-shadow: 0 32px 100px rgba(0,0,0,.32); overflow: hidden; }
.command-search { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.command-search > span { font-size: 24px; color: var(--muted); }
.command-search input { border: 0; outline: 0; background: transparent; font: 17px/1.4 inherit; color: var(--ink); width: 100%; }
.command-results { max-height: min(55vh, 470px); overflow-y: auto; padding: 8px; }
.command-group { padding: 8px 10px 5px; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 800; }
.command-result { width: 100%; border: 0; background: transparent; border-radius: 9px; padding: 10px 12px; display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; text-align: left; color: var(--ink); cursor: pointer; }
.command-result:hover, .command-result.selected { background: var(--green2); }
.command-result .symbol { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #edf1ed; color: var(--green); font-weight: 800; }
.command-result strong, .command-result small { display: block; }
.command-result small { color: var(--muted); }
.command-result .kind { color: var(--muted); font-size: 11px; }
.command-footer { border-top: 1px solid var(--line); padding: 9px 14px; display: flex; gap: 16px; color: var(--muted); font-size: 11px; }
@media (max-width: 820px) { .command-hint { display: none; } }