.hub-list-skeleton{--skeleton-ink:#315b49;--skeleton-fill:#e0e8e2;margin-top:0;pointer-events:none}
.hub-list-skeleton[data-skeleton-route=tastings]{--skeleton-ink:#793b48;--skeleton-fill:#ede1e5}
.hub-list-skeleton i{display:block;background:var(--skeleton-fill);border-radius:7px;animation:hub-skeleton-pulse 1.8s ease-in-out infinite}
.hub-skeleton-search{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;margin-bottom:12px}.hub-skeleton-search i{height:48px;border-radius:15px}
.hub-list-skeleton .hub-skeleton-caption{width:180px;height:12px;margin:0 0 12px}
.hub-skeleton-filters{display:flex;gap:6px;padding:3px;background:#f0f0f2;border-radius:13px;overflow:hidden;height:42px;box-sizing:border-box}.hub-skeleton-filters i{height:36px;flex:1;min-width:46px;opacity:.65}
.hub-list-skeleton .hub-skeleton-group{height:15px;width:150px;margin:28px 0 14px}
.hub-skeleton-list{display:grid;gap:12px}.hub-skeleton-card{display:flex;gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--skeleton-ink) 12%,white);border-radius:20px;background:#fff;min-height:106px;box-sizing:border-box}
.hub-skeleton-identity{display:flex;flex-direction:column;align-items:center;gap:8px;width:40px;flex-shrink:0}.hub-skeleton-identity i:first-child{width:35px;height:12px}.hub-skeleton-identity i:nth-child(2){width:12px;height:30px;border-radius:12px}.hub-skeleton-identity i:last-child{width:32px;height:10px}
[data-skeleton-route=tastings] .hub-skeleton-identity i:nth-child(2){width:36px;height:32px;border-radius:8px}
.hub-skeleton-copy{flex:1;min-width:0;display:grid;gap:12px;align-content:start}.hub-skeleton-copy>i:first-child{width:78%;height:18px}.hub-skeleton-copy>i:nth-child(2){width:55%;height:12px}.hub-skeleton-tags{display:flex;gap:8px}.hub-skeleton-tags i{width:54px;height:21px}.hub-skeleton-copy .hub-skeleton-action{width:180px;max-width:85%;height:42px;margin-top:4px}
@keyframes hub-skeleton-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hub-list-skeleton i{animation:none}}
@media(max-width:450px){.hub-skeleton-card{padding:16px;gap:12px}.hub-skeleton-copy>i:first-child{width:94%}.hub-skeleton-copy>i:nth-child(2){width:75%}}