.category[data-v-4c04a5fa]{--plate:color-mix(in srgb, var(--surface-sunken) 72%, var(--brand-soft));border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-default);-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-out);text-decoration:none;display:flex;position:relative}.category[data-v-4c04a5fa]:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.category[data-v-4c04a5fa]:focus-visible{border-color:var(--brand);outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);outline-offset:2px}.category:focus-visible .name[data-v-4c04a5fa],.category:hover .name[data-v-4c04a5fa]{color:var(--brand)}.category[data-v-4c04a5fa]:active{transition-duration:60ms;transform:scale(.98)}.name[data-v-4c04a5fa]{color:var(--text-strong);text-overflow:ellipsis;transition:color var(--duration-fast) var(--ease-out);font-weight:700;overflow:hidden}.count[data-v-4c04a5fa],.name[data-v-4c04a5fa]{display:block}.count[data-v-4c04a5fa]{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-top:2px}.media[data-v-4c04a5fa]{background:var(--plate);place-items:center;display:grid;overflow:hidden}.media[data-v-4c04a5fa] img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;mix-blend-mode:var(--image-blend);transition:transform var(--duration-slow) var(--ease-out)}.plate[data-v-4c04a5fa]{color:color-mix(in srgb,var(--brand) 35%,var(--text-subtle));font-family:var(--font-heading);font-weight:800;line-height:1}.chevron[data-v-4c04a5fa]{width:20px;height:20px;color:var(--text-subtle);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out);flex-shrink:0}.category:hover .chevron[data-v-4c04a5fa]{color:var(--brand);transform:translate(3px)}.category.is-tile[data-v-4c04a5fa]{padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-2);border-color:#0000;flex-direction:column}.category.is-tile[data-v-4c04a5fa]:hover{box-shadow:var(--shadow-md),0 12px 24px -10px #1018282e;border-color:#0000;transform:translateY(-3px)}.category.is-tile[data-v-4c04a5fa]:active{transform:translateY(-1px)scale(.98)}.category.is-tile .media[data-v-4c04a5fa]{aspect-ratio:4/3;border-radius:var(--radius-md)}.category.is-tile .media[data-v-4c04a5fa] img{width:78%;height:78%}.category.is-tile:hover .media[data-v-4c04a5fa] img{transform:scale(1.06)}.category.is-tile .plate[data-v-4c04a5fa]{font-size:var(--text-3xl)}.tag[data-v-4c04a5fa]{top:calc(8px + var(--space-2));left:calc(8px + var(--space-2));border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface-card) 88%,transparent);color:var(--text-muted);font-variant-numeric:tabular-nums;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px;position:absolute;box-shadow:0 1px 2px #10182814}.category.is-tile .body[data-v-4c04a5fa]{min-width:0;padding:0 var(--space-2) var(--space-2)}.category.is-tile .name[data-v-4c04a5fa]{min-height:calc(2em * var(--leading-snug));font-size:var(--text-sm);-webkit-line-clamp:2;line-height:var(--leading-snug);overflow-wrap:break-word;text-overflow:clip;-webkit-box-orient:vertical;display:-webkit-box}@media (width<=560px){.category.is-tile[data-v-4c04a5fa]{gap:6px;padding:6px}.category.is-tile .plate[data-v-4c04a5fa]{font-size:var(--text-2xl)}.category.is-tile .body[data-v-4c04a5fa]{padding:0 2px 4px}.category.is-tile .name[data-v-4c04a5fa]{font-size:var(--text-xs);-webkit-hyphens:auto;hyphens:auto}.tag[data-v-4c04a5fa]{padding:0 6px;font-size:10px;line-height:16px;top:10px;left:10px}}@media (hover:none){.category.is-tile[data-v-4c04a5fa]:hover{box-shadow:var(--shadow-sm);transform:none}.category.is-tile:hover .media[data-v-4c04a5fa] img{transform:none}}.category.is-compact[data-v-4c04a5fa]{min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-md);align-items:center;gap:var(--space-3)}.category.is-compact[data-v-4c04a5fa]:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border-subtle));box-shadow:var(--shadow-md)}.category.is-compact .media[data-v-4c04a5fa]{border-radius:10px;flex-shrink:0;width:64px;height:64px}.category.is-compact .media[data-v-4c04a5fa] img{width:84%;height:84%}.category.is-compact:hover .media[data-v-4c04a5fa] img{transform:scale(1.08)}.category.is-compact .plate[data-v-4c04a5fa]{font-size:var(--text-xl,22px)}.category.is-compact .body[data-v-4c04a5fa]{flex:1;min-width:0}.category.is-compact .name[data-v-4c04a5fa]{font-size:var(--text-sm);-webkit-line-clamp:2;line-height:var(--leading-snug);text-overflow:clip;-webkit-box-orient:vertical;display:-webkit-box}@media (width<=560px){.category.is-compact[data-v-4c04a5fa]{padding:6px var(--space-2) 6px 6px;gap:var(--space-2)}.category.is-compact .media[data-v-4c04a5fa]{border-radius:var(--radius-sm);width:40px;height:40px}.category.is-compact .name[data-v-4c04a5fa]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:12.5px}.category.is-compact .chevron[data-v-4c04a5fa]{display:none}}.category.is-row[data-v-4c04a5fa]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);align-items:center;gap:var(--space-3)}.category.is-row .media[data-v-4c04a5fa]{border-radius:var(--radius-sm);flex-shrink:0;width:44px;height:44px}.category.is-row .plate[data-v-4c04a5fa]{font-size:var(--text-lg)}.category.is-row .body[data-v-4c04a5fa]{flex:1;min-width:0}.category.is-chip[data-v-4c04a5fa]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);align-items:center;gap:var(--space-2);white-space:nowrap}.category.is-chip .name[data-v-4c04a5fa]{font-weight:600}.badge[data-v-4c04a5fa]{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.category.is-chip:hover .badge[data-v-4c04a5fa]{background:var(--brand-soft);color:var(--brand-soft-text)}@media (prefers-reduced-motion:reduce){.category[data-v-4c04a5fa],.chevron[data-v-4c04a5fa],.media[data-v-4c04a5fa] img{transition:none}.category.is-compact:hover .media[data-v-4c04a5fa] img,.category.is-tile:hover .media[data-v-4c04a5fa] img,.category[data-v-4c04a5fa]:active,.category[data-v-4c04a5fa]:hover,.category:hover .chevron[data-v-4c04a5fa]{transform:none}}
