/* harrhys.com · palette.css · Spotlight search (Ctrl+K) */
/* ---------- command palette ---------- */
/* Spotlight-style search: frosted glass bar, icon tiles, filled selection, window-like open/close */
#cmdk{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;align-items:flex-start;padding:16vh 16px 16px;background:rgba(0,0,0,0);transition:background .3s var(--mac)}
#cmdk.open{background:rgba(0,0,0,.3)}
#cmdk[hidden]{display:none}
.ck-panel{width:min(700px,100%);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--card) 74%,transparent);-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);
  border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);box-shadow:0 0 0 .5px rgba(0,0,0,.35),0 28px 80px rgba(0,0,0,.45),0 0 40px var(--glow);
  opacity:0;transform:translateY(-12px) scale(.95);transition:opacity .22s var(--mac),transform .45s var(--mac)}
#cmdk.open .ck-panel{opacity:1;transform:none}
#cmdk.closing .ck-panel{opacity:0;transform:scale(.97);transition-duration:.16s}
.ck-bar{display:flex;align-items:center;gap:12px;padding:14px 20px}
.ck-mag{width:24px;height:24px;flex:none;color:var(--muted)}
#cmdk #ckq{border:0;border-radius:0;padding:4px 0;font:400 1.55rem/1.2 "Exo 2",sans-serif;background:transparent;box-shadow:none}
#ckr{max-height:min(56vh,480px);overflow:auto;padding:0 8px}
#ckr:not(:empty){border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);padding:6px 8px 8px}
.ck-g{font:600 .72rem "Exo 2",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 12px 4px}
.ck-item{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:10px;cursor:pointer;transition:background-color .12s ease,color .12s ease}
.ck-ic{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-content:center;font:400 .72rem "Share Tech Mono",ui-monospace,monospace;background:var(--sage-l);color:var(--sage-d);border:1px solid color-mix(in srgb,var(--sage) 35%,transparent)}
.ck-item[data-g="Scripts"] .ck-ic,.ck-item[data-g="Replies"] .ck-ic,.ck-item[data-g="Error codes"] .ck-ic{background:var(--blue-l);color:var(--blue-ink);border-color:color-mix(in srgb,var(--blue) 40%,transparent)}
.ck-tx{flex:1;min-width:0}
.ck-tx b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-tx small{display:block;font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-item.on{background:var(--sage);color:#04140B}
.ck-item.on small{color:rgba(4,20,11,.72)}
.ck-item.on .ck-ic{background:rgba(255,255,255,.4);color:#04140B;border-color:transparent}
.ck-foot{display:flex;flex-wrap:wrap;gap:18px;padding:9px 20px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);font:500 .76rem "Exo 2",sans-serif;color:var(--muted)}
.ck-empty{padding:18px 12px;color:var(--muted)}
.ckbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.ckbtn+.themebtn{margin-left:6px}
kbd{font:400 .72rem "Share Tech Mono",ui-monospace,monospace;border:1px solid var(--line);border-radius:3px;padding:1px 5px;color:var(--muted);text-transform:none;letter-spacing:0}
@media (max-width:640px){.ckbtn kbd{display:none}}