.ucg-all-categories{--ucg-card-bg:#fff;--ucg-title-color:inherit;--ucg-name-color:#0073aa;--ucg-count-color:#666;--ucg-shadow:0 2px 10px rgba(0, 0, 0, 0.05);--ucg-shadow-hover:0 6px 16px rgba(0, 0, 0, 0.12);--ucg-card-padding:16px;--ucg-grid-gap:20px;--ucg-border-radius:12px;--ucg-transition-duration:0.25s;--ucg-hover-lift:-4px}@media (prefers-color-scheme:dark){.ucg-all-categories{--ucg-card-bg:#2d2d2d;--ucg-title-color:#f0f0f0;--ucg-name-color:#64b5f6;--ucg-count-color:#aaa;--ucg-shadow:0 2px 10px rgba(0, 0, 0, 0.3);--ucg-shadow-hover:0 6px 16px rgba(0, 0, 0, 0.5)}}.ucg-all-categories{max-width:1200px;margin:0 auto;padding:40px 20px}.ucg-title{text-align:center;margin-bottom:40px;font-size:clamp(1.5rem, 4vw, 2rem);font-weight:600;color:var(--ucg-title-color)}.ucg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px, 100%),1fr));gap:var(--ucg-grid-gap);justify-items:center}@media (min-width:1400px){.ucg-grid{grid-template-columns:repeat(4,1fr)}}.ucg-card{display:block;width:100%;max-width:320px;background:var(--ucg-card-bg);border-radius:var(--ucg-border-radius);overflow:hidden;box-shadow:var(--ucg-shadow);text-decoration:none;color:inherit;transition:transform var(--ucg-transition-duration) ease,box-shadow var(--ucg-transition-duration) ease}.ucg-card:hover,.ucg-card:focus{transform:translateY(var(--ucg-hover-lift));box-shadow:var(--ucg-shadow-hover)}.ucg-card:focus{outline:3px solid var(--ucg-name-color);outline-offset:2px}.ucg-card:focus:not(:focus-visible){outline:none}.ucg-card:focus-visible{outline:3px solid var(--ucg-name-color);outline-offset:2px}.ucg-card:active{transform:translateY(-2px)}.ucg-inner{display:flex;flex-direction:column;height:100%}.ucg-thumb-wrapper{position:relative;width:100%;flex-shrink:0}.ucg-thumb{width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-color,#eee)}@supports not (aspect-ratio:4 / 3){.ucg-thumb-wrapper{padding-top:75%}.ucg-thumb{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:unset}}.ucg-thumb.ucg-no-thumb{background-image:linear-gradient(135deg,rgba(255,255,255,.7),rgba(0,0,0,.05))}@media (prefers-color-scheme:dark){.ucg-thumb.ucg-no-thumb{background-image:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.2))}}.ucg-info{padding:var(--ucg-card-padding);text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.ucg-name{font-size:1.1rem;font-weight:600;margin:0;color:var(--ucg-name-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.ucg-count{display:block;font-size:.9rem;color:var(--ucg-count-color);margin-top:6px}.ucg-no-categories{text-align:center;color:var(--ucg-count-color);font-style:italic;padding:40px 20px}@media (prefers-reduced-motion:reduce){.ucg-card{transition:none}.ucg-card:hover,.ucg-card:focus,.ucg-card:active{transform:none}}@media (max-width:768px){.ucg-all-categories{padding:30px 16px}.ucg-title{margin-bottom:30px}.ucg-grid{gap:16px}.ucg-info{padding:14px}}@media (max-width:480px){.ucg-all-categories{padding:24px 12px}.ucg-card{max-width:100%}.ucg-name{font-size:1rem}.ucg-count{font-size:.85rem}.ucg-grid{gap:12px}}@media (forced-colors:active){.ucg-card{border:2px solid CanvasText}.ucg-card:focus{outline:3px solid Highlight}.ucg-thumb{border-bottom:1px solid CanvasText}}@media print{.ucg-all-categories{padding:20px 0;max-width:100%}.ucg-grid{grid-template-columns:repeat(3,1fr);gap:10px}.ucg-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd;max-width:100%}.ucg-card:hover{transform:none;box-shadow:none}.ucg-thumb{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ucg-card.is-loading .ucg-thumb{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:ucg-shimmer 1.5s infinite linear}.ucg-card.is-loading .ucg-name,.ucg-card.is-loading .ucg-count{background:#e0e0e0;color:transparent;border-radius:4px}@keyframes ucg-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ucg-card.is-loading .ucg-thumb{animation:none;background:#e0e0e0}}