.searchbar{max-width:var(--maxw);margin:1rem auto 1.25rem;padding:0 1rem;display:flex;column-gap:.5rem;row-gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:flex-start;position:relative}.search-input-wrap{flex:1 1 320px;min-width:220px;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.35rem .55rem;border:3px solid var(--ink);border-radius:var(--radius-lg);background:var(--offwhite);box-shadow:0 6px 0 var(--ink);cursor:var(--cursor-text);transition:box-shadow var(--transition-fast)}.search-input-wrap:focus-within{box-shadow:0 6px 0 var(--ink),0 0 0 3px #f8345940}.search-input-wrap input{flex:1 1 120px;min-width:80px;border:none;background:transparent;font:inherit;padding:.2rem;outline:none}.search-input-wrap input::placeholder{opacity:.55}.search-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;line-height:1.35;white-space:nowrap;border:2px solid transparent;user-select:none}.search-chip--tag{background:var(--accent);color:#fff;border-color:var(--accent)}.search-chip--artist{background:var(--ziggy);color:var(--ink);border-color:var(--ziggy)}.search-chip--cameo{background:var(--elliot);color:#fff;border-color:var(--elliot)}.search-chip--year{background:var(--year-color);color:var(--ink);border-color:var(--year-color)}.search-chip-label{pointer-events:none}.search-chip-cat{display:inline-flex;align-items:center;flex-shrink:0;opacity:.7;pointer-events:none}.search-chip-remove{appearance:none;border:none;background:none;color:inherit;font-size:1rem;line-height:1;padding:0 .1rem;cursor:var(--cursor-pointer);opacity:.7;transition:opacity var(--transition-fast)}.search-chip-remove:hover{opacity:1}.search-dropdown{position:absolute;top:100%;left:1rem;right:1rem;margin-top:.35rem;background:var(--offwhite);border:3px solid var(--ink);border-radius:var(--radius-md);box-shadow:0 8px 0 var(--ink),0 12px 28px #0000002e;max-height:320px;overflow-y:auto;z-index:900;padding:.35rem 0}.search-dropdown[hidden]{display:none}.search-dropdown-header{padding:.35rem .75rem .2rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);opacity:.55;user-select:none;display:flex;align-items:center;gap:.3rem}.search-dropdown-header svg{flex-shrink:0;vertical-align:middle}.search-dropdown-item{padding:.45rem .75rem;cursor:var(--cursor-pointer);display:flex;align-items:center;gap:.5rem;font-weight:600;transition:background-color var(--transition-fast)}.search-dropdown-item:hover,.search-dropdown-item.is-highlighted{background-color:var(--bg-analogous)}.search-dropdown-item--tag .search-dropdown-badge{background:var(--accent);color:#fff}.search-dropdown-item--artist .search-dropdown-badge{background:var(--ziggy);color:var(--ink)}.search-dropdown-item--cameo .search-dropdown-badge{background:var(--elliot);color:#fff}.search-dropdown-item--year .search-dropdown-badge{background:var(--year-color);color:var(--ink)}.search-dropdown-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.search-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dropdown-count{flex-shrink:0;font-size:.78rem;color:#888;margin-left:.3rem}.search-dropdown-avatar{width:22px;height:22px;border-radius:var(--radius-circle);object-fit:cover;flex-shrink:0}#search-clear{appearance:none;border:none;background:none;padding:.35rem;margin-left:auto;flex-shrink:0;cursor:var(--cursor-pointer);color:var(--ink);opacity:0;pointer-events:none;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast),background-color var(--transition-fast)}#search-clear.is-visible{opacity:.5;pointer-events:auto;background-color:#0000000f}#search-clear.is-visible:hover{opacity:.8;background-color:#0000001f}#search-clear.is-visible:active{opacity:1;background-color:#0000002e}.search-result-count{font-family:var(--ui-font);font-size:.88rem;font-weight:700;color:var(--ink);opacity:.55;white-space:nowrap;flex:0 0 5.5em;text-align:right;margin-left:-1rem}#search:focus{outline:none}@media (max-width: 600px){.search-dropdown{left:.5rem;right:.5rem;max-height:260px}.search-chip{font-size:.75rem;padding:.1rem .35rem}.search-input-wrap{min-width:0;flex:1 1 100%}}html.dark-mode .search-input-wrap{background:var(--dm-border);border-color:var(--dm-border);color:var(--dm-text)}html.dark-mode .search-input-wrap:focus-within{box-shadow:0 6px 0 var(--dm-border),0 0 0 3px #8795ce59}html.dark-mode .search-input-wrap input{color:var(--dm-text)}html.dark-mode .search-input-wrap input::placeholder{color:var(--dm-accent)}html.dark-mode .search-chip{border-color:var(--dm-border)}html.dark-mode .search-chip--artist,html.dark-mode .search-chip--year{color:var(--dm-deep)}html.dark-mode .search-dropdown{background:var(--dm-surface);border-color:var(--dm-border);box-shadow:0 8px 0 var(--dm-border),0 12px 28px #0000004d}html.dark-mode .search-dropdown-header{color:var(--dm-text-muted)}html.dark-mode .search-dropdown-item{color:var(--dm-text)}html.dark-mode .search-dropdown-item:hover,html.dark-mode .search-dropdown-item.is-highlighted{background-color:var(--dm-elevated)}html.dark-mode .search-dropdown-count{color:var(--dm-accent)}html.dark-mode .search-dropdown-item--artist .search-dropdown-badge,html.dark-mode .search-dropdown-item--year .search-dropdown-badge{color:var(--dm-deep)}html.dark-mode #search-clear{color:var(--dm-text)}html.dark-mode #search-clear.is-visible{background-color:#ffffff0f}html.dark-mode #search-clear.is-visible:hover{background-color:#ffffff1f}