/* Echoes discovery: search and horizontally browsable category rails. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.echo-discovery-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 16px}
.echo-search{position:relative;display:flex;align-items:center;min-width:0}
.echo-search>svg{position:absolute;left:17px;width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.echo-search input{width:100%;min-height:54px;padding:13px 50px;border:1px solid rgba(158,232,216,.25);border-radius:18px;background:rgba(12,18,34,.82);color:#f5f8ff;font:inherit;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.echo-search input::placeholder{color:rgba(190,202,221,.68);font-weight:650}
.echo-search input:hover{border-color:rgba(158,232,216,.42);background:rgba(15,23,41,.92)}
.echo-search input:focus{outline:0;border-color:rgba(158,232,216,.82);box-shadow:0 0 0 4px rgba(158,232,216,.11)}
.echo-search input::-webkit-search-cancel-button{display:none}
.echo-search-clear{position:absolute;right:9px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}
.echo-search-clear:hover{background:rgba(255,255,255,.07);color:#fff}
.echo-search-meta{display:flex;align-items:center;gap:13px;min-width:max-content;color:var(--muted);font-size:13px;font-weight:750}
.echo-search-hint{display:inline-flex;align-items:center;gap:6px;color:rgba(190,202,221,.65)}
.echo-search-hint kbd{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border:1px solid rgba(255,255,255,.13);border-bottom-color:rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.045);color:#eaf2ff;font:800 12px/1 Urbanist,sans-serif}
.echo-search-empty{margin:24px 0 34px;padding:34px;text-align:center}
.echo-search-empty[hidden],.echo-category-overview[hidden],.echo-category-section[hidden],.echo-category-chips a[hidden],.echo-carousel-button[hidden],.echo-agent-card[hidden]{display:none!important}
.echo-search-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border:1px solid rgba(184,167,255,.25);border-radius:18px;background:rgba(184,167,255,.09);color:#d9ceff;font-size:27px}
.echo-search-empty h2{margin:0 0 7px;font-size:26px}
.echo-search-empty p{margin:0 0 18px;color:var(--muted)}
.echo-category-chips{scroll-snap-type:x proximity}
.echo-category-chips a{scroll-snap-align:start}
.echo-carousel{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px}
.echo-carousel-button.previous{grid-column:1;grid-row:1}
.echo-agent-rail{grid-column:2;grid-row:1;display:grid;min-width:0;grid-auto-flow:column;grid-auto-columns:clamp(270px,30vw,340px);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 13px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:rgba(158,232,216,.28) transparent;scrollbar-width:thin}
.echo-carousel-button.next{grid-column:3;grid-row:1}
.echo-carousel.is-static{grid-template-columns:minmax(0,1fr)}
.echo-carousel.is-static .echo-agent-rail{grid-column:1}
.echo-agent-rail:focus-visible{outline:2px solid rgba(158,232,216,.7);outline-offset:5px;border-radius:18px}
.echo-agent-rail::-webkit-scrollbar{height:7px}
.echo-agent-rail::-webkit-scrollbar-track{background:transparent}
.echo-agent-rail::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(158,232,216,.28)}
.echo-carousel-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(158,232,216,.22);border-radius:50%;background:rgba(14,23,41,.92);color:#eaf8f5;font-size:21px;box-shadow:0 12px 30px rgba(0,0,0,.2);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}
.echo-carousel-button:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(158,232,216,.58);background:rgba(25,43,60,.98)}
.echo-carousel-button:disabled{opacity:.28;cursor:default}
.echo-category-section .echo-agent-card{min-height:270px;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
@media(max-width:680px){
  .echo-discovery-tools{grid-template-columns:1fr}
  .echo-search-meta{justify-content:space-between}
  .echo-search-hint{display:none}
  .echo-carousel{display:block;margin-right:-4vw}
  .echo-carousel-button{display:none}
  .echo-agent-rail{grid-auto-columns:min(82vw,320px);padding-right:4vw}
}
@media(prefers-reduced-motion:reduce){.echo-agent-rail{scroll-behavior:auto}.echo-carousel-button{transition:none}}