.jdls{--bg:#050805;--fg:#33ff66;--dim:#1f9c40;--line:#145c28;--hi:#0b2a14;--mk:#33ff66;--mkfg:#021006;--warn:#ffb000;
  position:relative;max-width:720px;margin:1.25rem auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:15px;line-height:1.4;box-sizing:border-box}
.jdls *,.jdls *::before,.jdls *::after{box-sizing:border-box}
.jdls--light{--bg:#fff;--fg:#14202b;--dim:#5b6b78;--line:#c5ced6;--hi:#eaf2fa;--mk:#ffe48a;--mkfg:#14202b}
.jdls--inherit{--bg:transparent;--fg:inherit;--dim:currentColor;--line:currentColor;--hi:rgba(127,127,127,.15);--mk:rgba(255,220,80,.6);--mkfg:inherit;font-family:inherit}

.jdls__box{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;transition:border-color .15s,box-shadow .15s}
.jdls--crt .jdls__box{box-shadow:inset 0 0 18px rgba(51,255,102,.06)}
.jdls__box:focus-within{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg),0 0 14px rgba(51,255,102,.25)}
.jdls--light .jdls__box:focus-within,.jdls--inherit .jdls__box:focus-within{box-shadow:0 0 0 1px var(--fg)}
.jdls__prompt{color:var(--fg);font-weight:700}
.jdls .jdls__input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--fg)!important;font:inherit;padding:0!important;margin:0;-webkit-appearance:none;appearance:none;caret-color:var(--fg)}
.jdls .jdls__input::placeholder{color:var(--dim);opacity:.8}
.jdls .jdls__input::-webkit-search-cancel-button{-webkit-appearance:none}
.jdls__hint{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:4px;padding:0 .4em;color:var(--dim);background:transparent}
.jdls__input:focus ~ .jdls__hint{display:none}
.jdls__spinner{display:none;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;animation:jdls-spin .7s linear infinite}
.jdls.is-loading .jdls__spinner{display:block}.jdls.is-loading .jdls__hint{display:none}

.jdls__list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:9999;margin:0;padding:4px;list-style:none;max-height:min(70vh,520px);overflow:auto;
  background:var(--bg);color:var(--fg);border:1px solid var(--fg);border-radius:6px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
.jdls--light .jdls__list{box-shadow:0 12px 32px rgba(20,32,43,.18);border-color:var(--line)}
.jdls__list[hidden]{display:none}
.jdls__item{position:relative;display:flex;align-items:stretch;gap:.5rem;border-radius:4px}
.jdls__item.is-active{background:var(--hi);outline:1px solid var(--line)}
.jdls__link{flex:1;min-width:0;display:block;padding:.5rem .65rem;color:inherit!important;text-decoration:none!important}
.jdls__head{display:flex;align-items:baseline;gap:.55rem}
.jdls__badge{flex:none;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border:1px solid var(--line);border-radius:3px;padding:0 .4em}
.jdls__title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jdls__snippet{display:block;margin-top:.15rem;color:var(--dim);font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jdls__meta{display:block;margin-top:.15rem;font-size:12px;color:var(--dim);opacity:.85}
.jdls mark{background:var(--mk);color:var(--mkfg);padding:0 1px;border-radius:2px}
.jdls__dl{flex:none;align-self:center;margin-right:.5rem;font-size:12px;color:var(--fg)!important;border:1px solid var(--line);border-radius:4px;padding:.15rem .5rem;text-decoration:none!important}
.jdls__dl:hover,.jdls__dl:focus-visible{background:var(--fg);color:var(--bg)!important}
.jdls__empty{padding:.7rem .8rem;color:var(--warn)}
.jdls--light .jdls__empty{color:#8a5a00}

@keyframes jdls-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.jdls__spinner{animation:none;border-top-color:var(--line)}.jdls__box{transition:none}}
@media (max-width:480px){.jdls__hint{display:none}.jdls__dl{display:none}}