.catpage{padding:calc(var(--nav-h) + 64px) 0 60px}.catpage__head{max-width:60ch;margin-bottom:38px}.catpage__title{margin:14px 0 16px;font-size:clamp(38px,6vw,78px)}.catpage__lead{color:var(--ink-2);line-height:1.7}.cbar{top:var(--nav-h);z-index:60;background:linear-gradient(180deg, var(--void) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:14px 0;display:flex;position:sticky}.cbar__search{border-radius:var(--r-sm);border:1px solid var(--line-strong);min-width:0;color:var(--ink-3);background:#0006;flex:260px;align-items:center;gap:10px;padding:0 14px;transition:border-color .3s,box-shadow .3s;display:flex}.cbar__search:focus-within{border-color:var(--iris);box-shadow:0 0 0 3px #8d34fb24}.cbar__search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:13px 0}.cbar__search input::placeholder{color:var(--ink-4)}.cbar__sort{border-radius:var(--r-sm);border:1px solid var(--line-strong);cursor:pointer;background:#0006;outline:none;max-width:230px;padding:13px 14px}.cbar__sort option{background:var(--surface-2)}.cbar__filters{border-radius:var(--r-sm);border:1px solid var(--line-strong);transition:all .3s var(--ease-out);background:#ffffff08;align-items:center;gap:9px;padding:13px 18px;font-size:14px;display:flex}.cbar__filters:hover,.cbar__filters.is-open{border-color:var(--iris);color:#c9a6ff;background:#8d34fb1a}.cbar__count{background:var(--iris);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.cbar__reset{color:var(--ink-3);border-radius:var(--r-sm);padding:13px 16px;font-size:13px;transition:color .25s,background .25s}.cbar__reset:hover{color:var(--iris);background:#8d34fb14}.fpanel{transition:grid-template-rows .55s var(--ease-out), opacity .4s, margin .4s;opacity:0;grid-template-rows:0fr;margin-bottom:0;display:grid;overflow:hidden}.fpanel.is-open{opacity:1;grid-template-rows:1fr;margin-bottom:30px}.fpanel__inner{min-height:0;overflow:hidden}.fpanel.is-open .fpanel__inner{border-radius:var(--r-lg);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff06;flex-direction:column;gap:22px;padding:26px;display:flex}.fgroup h4{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px;font-size:10.5px;font-weight:500}.fgroup__pills{flex-wrap:wrap;gap:7px;display:flex}.fpill{border:1px solid var(--line-strong);color:var(--ink-2);transition:all .3s var(--ease-out);background:#ffffff08;border-radius:99px;padding:7px 14px;font-size:13px}.fpill:hover{color:var(--ink);border-color:#ffffff4d;transform:translateY(-1px)}.fpill.is-on{background:var(--iris);border-color:var(--iris);color:#fff;box-shadow:0 4px 16px #8d34fb59}.cgrid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:22px 18px;margin-top:18px;display:grid}@media (max-width:560px){.cgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 12px}}.cgrid .pcard{flex:initial;width:100%}.skel{aspect-ratio:2/3;border-radius:var(--r-md);background:linear-gradient(100deg, var(--surface) 28%, var(--surface-3) 50%, var(--surface) 72%);background-size:260% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{to{background-position:-260% 0}}.cempty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:90px 20px;display:flex}.cempty h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px}.cempty p{color:var(--ink-3)}.cend{text-align:center;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-4);padding:54px 0 20px;font-size:10.5px}