.category-shortcuts{container-type:inline-size;display:grid;gap:8px;scroll-margin-top:190px}.category-shortcuts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px}.category-shortcuts-arrows{display:flex;gap:6px}.category-shortcuts-arrows button{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--primary-hover);cursor:pointer}.category-shortcuts-arrows button:hover:not(:disabled){background:var(--surface-muted)}.category-shortcuts-arrows button:disabled{opacity:.4;cursor:default}.category-shortcuts-toggle{margin-inline-start:auto;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--primary-hover);padding:3px 10px;font-size:11px;font-weight:800;cursor:pointer}.category-shortcuts-toggle:hover{background:var(--surface-muted)}.category-shortcuts-toolbar button:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.category-shortcuts-expanded{--category-size:calc((100cqw - 24px) / 3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 8px}.category-shortcuts-expanded .category-shortcut{width:100%}.category-shortcuts-track{--category-slots:3;--category-gap:12px;--category-size:calc((100cqw - (var(--category-slots) - 1) * var(--category-gap)) / var(--category-slots));display:flex;gap:var(--category-gap);overflow-x:auto;padding:0 0 8px;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.category-shortcut{display:flex;flex-direction:column;gap:8px;flex:0 0 var(--category-size);width:var(--category-size);min-width:0;scroll-snap-align:start;border-radius:16px}.category-shortcut-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--surface-muted);color:var(--primary-hover)}.category-shortcut-image>svg{width:45%;height:45%}.category-shortcut-image.has-image:after{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgb(15 35 20/75%));content:""}.category-shortcut-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--foreground);font-size:clamp(11px,calc(var(--category-size) * .115),20px);font-weight:800;line-height:1.5;text-align:center;overflow-wrap:anywhere}.category-shortcut-image.has-image .category-shortcut-title{position:absolute;z-index:1;inset-inline:5px;bottom:8px;color:white;text-shadow:0 1px 3px rgb(0 0 0/45%)}.category-shortcut:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}@container (min-width: 600px){.category-shortcuts-track{--category-slots:5}}@media (min-width:1024px){.category-shortcuts-track{--category-slots:var(--category-count)}}@container (min-width: 600px){.category-shortcuts-expanded{--category-size:calc((100cqw - 48px) / 5);grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.category-shortcuts-expanded{--category-size:calc((100cqw - (min(10, var(--category-count)) - 1) * 12px) / min(10, var(--category-count)));grid-template-columns:repeat(min(10,var(--category-count)),minmax(0,1fr))}}