:root{--kp-bg:#FFFFFF;--kp-card:#FAF8F5;--kp-card-2:#F4F1EC;--kp-line:#ECE8E2;--kp-line-2:#DCD6CD;--kp-fg:#0A0A0A;--kp-muted:#5F5B55;--kp-faint:#8A857E;--kp-tan:#82633A;--kp-ok:#1F6B3A;--kp-warn:#A3261A;--kp-scrim:rgba(20,16,12,.32)}
:root[data-theme="dark"]{--kp-bg:#0B0A09;--kp-card:#0F0E0D;--kp-card-2:#171614;--kp-line:#24221F;--kp-line-2:#35322E;--kp-fg:#FFFFFF;--kp-muted:#A8A39C;--kp-faint:#7D7871;--kp-tan:#C9AE8A;--kp-ok:#7FD29B;--kp-warn:#FF9A8C;--kp-scrim:rgba(0,0,0,.6)}
.kb-pal{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:max(12vh,24px) 16px 16px;background:var(--kp-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.kb-pal[hidden]{display:none}
.kb-pal-box{width:min(620px,100%);max-height:min(560px,76vh);display:flex;flex-direction:column;background:var(--kp-bg);border:1px solid var(--kp-line-2);border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.kb-pal-in{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-bottom:1px solid var(--kp-line)}
.kb-pal-in svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--kp-muted);stroke-width:1.8;stroke-linecap:round}
.kb-pal-in input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--kp-fg);font:400 17px/1 inherit}
.kb-pal-in input::-webkit-search-cancel-button{-webkit-appearance:none}
.kb-pal kbd{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border:1px solid var(--kp-line-2);border-radius:6px;font:500 11px/1 ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;color:var(--kp-faint)}
.kb-pal-list{margin:0;padding:6px;list-style:none;overflow-y:auto}
.kb-pal-h{padding:10px 12px 4px;font:500 11.5px/1.4 ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;letter-spacing:.03em;color:var(--kp-faint)}
.kb-pal-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 12px;border-radius:10px;color:var(--kp-fg);text-decoration:none}
.kb-pal-list a b{font-weight:550;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-pal-list a em{font:normal 12px/1.6 ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;color:var(--kp-faint);white-space:nowrap}
.kb-pal-list a span{grid-column:1/-1;font-size:13px;color:var(--kp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-pal-list li[aria-selected="true"] a,.kb-pal-list a:hover{background:var(--kp-card-2)}
.kb-pal-foot{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:10px 16px;border-top:1px solid var(--kp-line);font:12px/1.4 ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;color:var(--kp-faint)}
.kb-pal-open body{overflow:hidden}
.kb-proof{display:inline-flex;align-items:center;gap:7px;margin-left:auto;margin-right:10px;font:12px/1 ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;color:var(--kp-muted);white-space:nowrap;cursor:help}
.kb-proof i{width:7px;height:7px;border-radius:50%;background:var(--kp-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--kp-ok) 18%,transparent)}
.kb-proof b{font-weight:600;color:var(--kp-fg)}
.kb-proof.is-sent i{background:var(--kp-warn)}
@media (max-width:640px){.kb-pal{padding-top:16px}.kb-pal-foot{display:none}.kb-proof{margin-right:8px;font-size:11.5px}}
@media (prefers-reduced-motion:no-preference){.kb-pal-box{animation:kbpal .16s ease-out}}
@keyframes kbpal{from{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}