.shead{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--gap-m);padding-top:clamp(140px,18vh,200px);padding-bottom:var(--gap-m)}
.shead h1{font-size:clamp(52px,7.4vw,124px);margin-bottom:var(--gap-s)}
.sbox{position:sticky;top:72px;z-index:20;padding:18px 0 14px;background:linear-gradient(var(--void) 92%,transparent)}
.inp{display:flex;align-items:center;gap:14px;border-radius:20px;padding:20px 24px;background:rgba(13,16,27,.92);box-shadow:inset 0 0 0 1px rgba(157,180,255,.3),0 30px 80px -30px rgba(86,116,255,.6);transition:box-shadow .3s}
.inp:focus-within{box-shadow:inset 0 0 0 1px var(--cyan),0 30px 90px -24px rgba(183,242,255,.55)}
.inp input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:500 clamp(18px,1.6vw,22px) var(--display);letter-spacing:-.01em}
.inp input::placeholder{color:var(--faint)}
.inp span{font:500 12px var(--mono);letter-spacing:.08em;color:var(--faint);white-space:nowrap}
.cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.cats button{font:500 12.5px var(--display);padding:7px 13px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1px var(--line);background:rgba(255,255,255,.03);color:var(--mut);cursor:pointer;transition:all .25s}
.cats button:hover{color:#fff}
.cats button.on{box-shadow:inset 0 0 0 1px var(--cyan);color:var(--cyan);background:rgba(183,242,255,.08)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:16px 0 60px}
.it{--gx:50%;--gy:50%;position:relative;display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:radial-gradient(240px circle at var(--gx) var(--gy),rgba(183,242,255,.1),transparent 60%),rgba(31,38,55,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);animation:itin .5s var(--ease) backwards;animation-delay:calc(var(--i)*12ms);transition:box-shadow .25s,transform .25s}
.it:hover{box-shadow:inset 0 0 0 1px rgba(183,242,255,.35);transform:translateY(-2px)}
@keyframes itin{from{opacity:0;transform:translateY(14px) scale(.97)}}
.it .lg{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.it .lg img{width:24px;height:24px;border-radius:6px;object-fit:contain}
.it .lg.t{color:var(--cyan);background:rgba(183,242,255,.1);font:700 16px var(--display)}
.it b{display:block;font:600 14.5px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.it small{color:var(--faint);font-size:11.5px}
.empty{padding:80px 0;text-align:center;color:var(--mut);font-size:17px}.empty b{font:600 28px var(--display);color:#fff}
.more{text-align:center;padding-bottom:80px}
@media (max-width:980px){.shead{grid-template-columns:1fr}.shead .idx{display:none}}
.inp input::-webkit-search-cancel-button{filter:grayscale(1) brightness(1.6);cursor:pointer}