.category[data-v-0af8b30d]{--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-0af8b30d]:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.category[data-v-0af8b30d]: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-0af8b30d],.category:hover .name[data-v-0af8b30d]{color:var(--brand)}.category[data-v-0af8b30d]:active{transition-duration:60ms;transform:scale(.98)}.name[data-v-0af8b30d]{color:var(--text-strong);text-overflow:ellipsis;transition:color var(--duration-fast) var(--ease-out);font-weight:700;overflow:hidden}.count[data-v-0af8b30d],.name[data-v-0af8b30d]{display:block}.count[data-v-0af8b30d]{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-top:2px}.media[data-v-0af8b30d]{background:var(--plate);place-items:center;display:grid;overflow:hidden}.media[data-v-0af8b30d] 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-0af8b30d]{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-0af8b30d]{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-0af8b30d]{color:var(--brand);transform:translate(3px)}.is-tile[data-v-0af8b30d]{padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-2);flex-direction:column}.is-tile[data-v-0af8b30d],.is-tile[data-v-0af8b30d]:hover{border-color:#0000}.is-tile[data-v-0af8b30d]:hover{box-shadow:var(--shadow-md),0 12px 24px -10px #1018282e;transform:translateY(-3px)}.is-tile[data-v-0af8b30d]:active{transform:translateY(-1px)scale(.98)}.is-tile .media[data-v-0af8b30d]{aspect-ratio:4/3;border-radius:var(--radius-md)}.is-tile .media[data-v-0af8b30d] img{width:78%;height:78%}.is-tile:hover .media[data-v-0af8b30d] img{transform:scale(1.06)}.is-tile .plate[data-v-0af8b30d]{font-size:var(--text-3xl)}.tag[data-v-0af8b30d]{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}.is-tile .body[data-v-0af8b30d]{min-width:0;padding:0 var(--space-2) var(--space-2)}.is-tile .name[data-v-0af8b30d]{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){.is-tile[data-v-0af8b30d]{gap:6px;padding:6px}.is-tile .plate[data-v-0af8b30d]{font-size:var(--text-2xl)}.is-tile .body[data-v-0af8b30d]{padding:0 2px 4px}.is-tile .name[data-v-0af8b30d]{font-size:var(--text-xs);-webkit-hyphens:auto;hyphens:auto}.tag[data-v-0af8b30d]{padding:0 6px;font-size:10px;line-height:16px;top:10px;left:10px}}@media (hover:none){.is-tile[data-v-0af8b30d]:hover{box-shadow:var(--shadow-sm);transform:none}.is-tile:hover .media[data-v-0af8b30d] img{transform:none}}.is-compact[data-v-0af8b30d]{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)}.is-compact[data-v-0af8b30d]:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border-subtle));box-shadow:var(--shadow-md)}.is-compact .media[data-v-0af8b30d]{border-radius:10px;flex-shrink:0;width:64px;height:64px}.is-compact .media[data-v-0af8b30d] img{width:84%;height:84%}.is-compact:hover .media[data-v-0af8b30d] img{transform:scale(1.08)}.is-compact .plate[data-v-0af8b30d]{font-size:var(--text-xl,22px)}.is-compact .body[data-v-0af8b30d]{flex:1;min-width:0}.is-compact .name[data-v-0af8b30d]{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){.is-compact[data-v-0af8b30d]{padding:6px var(--space-2) 6px 6px;gap:var(--space-2)}.is-compact .media[data-v-0af8b30d]{border-radius:var(--radius-sm);width:40px;height:40px}.is-compact .name[data-v-0af8b30d]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:12.5px}.is-compact .chevron[data-v-0af8b30d]{display:none}}.is-row[data-v-0af8b30d]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);align-items:center;gap:var(--space-3)}.is-row .media[data-v-0af8b30d]{border-radius:var(--radius-sm);flex-shrink:0;width:44px;height:44px}.is-row .plate[data-v-0af8b30d]{font-size:var(--text-lg)}.is-row .body[data-v-0af8b30d]{flex:1;min-width:0}.is-chip[data-v-0af8b30d]{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}.is-chip .name[data-v-0af8b30d]{font-weight:600}.badge[data-v-0af8b30d]{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}.is-chip:hover .badge[data-v-0af8b30d]{background:var(--brand-soft);color:var(--brand-soft-text)}@media (prefers-reduced-motion:reduce){.category[data-v-0af8b30d],.chevron[data-v-0af8b30d],.media[data-v-0af8b30d] img{transition:none}.category[data-v-0af8b30d]:active,.category[data-v-0af8b30d]:hover,.category:hover .chevron[data-v-0af8b30d],.is-compact:hover .media[data-v-0af8b30d] img,.is-tile:hover .media[data-v-0af8b30d] img{transform:none}}
