#heardDesktopSearch svg{display:block;width:21px;height:21px;margin:auto;fill:currentColor}
#heardDesktopSearchDialog{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #496554;border-radius:16px;background:#101d17;color:#f0faf4}
#heardDesktopSearchDialog::backdrop{background:#020705d9;backdrop-filter:blur(4px)}
.heard-search-shell{display:grid;gap:12px;padding:16px}
.heard-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.heard-search-head h2{margin:0;font-size:22px}
.heard-search-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:8px;align-items:end;padding:0}
.heard-search-form label{display:grid;gap:4px;font-size:11px;color:#bcd1c4}
.heard-search-form input{min-width:0;height:38px;padding:7px 9px;border:1px solid #4a6656;border-radius:8px;background:#08130e;color:#fff}
.heard-search-submit{height:38px;padding:0 16px;border:1px solid #70c28e;border-radius:8px;background:#2f8b58;color:#fff;font-weight:800}
.heard-search-status{min-height:18px;margin:0;color:#91aa9b;font-size:12px}
.heard-search-results{display:grid;gap:7px;max-height:calc(100dvh - 260px);overflow:auto}
.heard-search-result{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:8px;border:1px solid #2e493a;border-radius:9px;background:#0b1711;color:inherit;font:inherit;text-align:left;cursor:pointer}
.heard-search-result:hover{border-color:#50745f;background:#10231a}
.heard-search-result:focus-visible{outline:2px solid #9ccdb0;outline-offset:2px}
.heard-search-result img,.heard-search-result-art{width:44px;height:44px;border-radius:7px;object-fit:cover;background:#1d3528;display:grid;place-items:center;color:#91b7a1}
.heard-search-result strong,.heard-search-result span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heard-search-result span{margin-top:2px;color:#b6cabd;font-size:12px}
.heard-search-result time{color:#8fa99a;font-size:11px;white-space:nowrap;text-align:right}
@media(max-width:760px){.heard-search-form{grid-template-columns:1fr 1fr}.heard-search-keyword{grid-column:1/-1}.heard-search-submit{grid-column:1/-1}.heard-search-result{grid-template-columns:40px minmax(0,1fr)}.heard-search-result time{grid-column:2;text-align:left}.heard-search-result img,.heard-search-result-art{width:40px;height:40px}}