/* Existing palette, short state transitions, Chromium 86 compatible. */
html body .skel{position:relative;display:block;overflow:hidden;background:var(--muted);border-radius:var(--r-sm);min-height:12px;animation:none}
html body .skel::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:60%;background:linear-gradient(110deg,transparent,var(--card),transparent);transform:translateX(-100%);animation:yzc-sweep 1.45s ease-in-out infinite;pointer-events:none}
@keyframes yzc-sweep{to{transform:translateX(380%) skewX(-16deg)}}
.yzc-skeleton{min-width:0;padding:16px 0}
.yzc-skeleton-blocks{display:flex;flex-direction:column;gap:18px}
.yzc-skeleton-block{display:flex;flex-direction:column;gap:10px;min-width:0}
.yzc-skeleton .skel{height:16px;width:100%}.yzc-skeleton .yzc-skeleton-short{width:58%;height:12px}
.yzc-skeleton-cards .yzc-skeleton-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.yzc-skeleton .yzc-skeleton-picture{height:166px;margin-bottom:2px}
.yzc-skeleton-form .yzc-skeleton-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.yzc-skeleton-form .skel{height:38px}
.yzc-load-enter{animation:yzc-content-in 180ms cubic-bezier(.22,1,.36,1) both}
@keyframes yzc-content-in{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.yzc-progressive-image{background:var(--muted);transition:opacity 220ms ease-out,filter 220ms ease-out}
.yzc-progressive-image.yzc-image-pending{opacity:.18;filter:blur(8px)}
.yzc-progressive-image.yzc-image-ready,.yzc-progressive-image.yzc-image-error{opacity:1;filter:none}
.yzc-load-more{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 8px;min-height:52px}
.yzc-load-more .btn{margin:0;min-height:40px;cursor:pointer}.yzc-load-more .hint{margin:0;font-size:12px;overflow-wrap:anywhere}
.yzc-load-more[aria-busy=true]{background:var(--muted)}
@media(max-width:620px){.yzc-skeleton-cards .yzc-skeleton-blocks,.yzc-skeleton-form .yzc-skeleton-blocks{grid-template-columns:minmax(0,1fr)}.yzc-load-more .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){html body .skel::after{animation:none;display:none}.yzc-load-enter{animation:none;transform:none}.yzc-progressive-image{transition:none}.yzc-progressive-image.yzc-image-pending{filter:none;opacity:1}}
