.api-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-column:1/-1;width:100%}
.api-skeleton{display:block;aspect-ratio:2/3;border-radius:16px;background:linear-gradient(100deg,#19191c 25%,#252529 45%,#19191c 65%);background-size:240% 100%;animation:api-shimmer 1.5s linear infinite}
.api-empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:16px;text-align:center;padding:64px 24px;min-height:220px;color:#b9b9c4}
.api-empty h2{font-size:20px;color:#f7f7fa;margin:0}.api-empty p{max-width:420px;margin:0;line-height:1.9}
.api-empty button,[data-comments-more],[data-comments-retry]{background:#242429;color:#fff;border:0;border-radius:999px;padding:12px 24px;font:inherit;cursor:pointer}
.api-empty svg{width:36px;height:36px;color:#777783}
.api-record{padding:18px 0;display:grid;gap:8px}.api-record small{color:#a5a5af}.api-record p{margin:0;line-height:1.9}
.api-record button{justify-self:start;background:#29292f;color:#fff;border:0;border-radius:999px;padding:10px 18px;font:inherit}
button[aria-busy=true]{opacity:.65;pointer-events:none}
@keyframes api-shimmer{to{background-position:-240% 0}}
@media(max-width:600px){.api-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.api-empty{padding:48px 20px}}
@media(prefers-reduced-motion:reduce){.api-skeleton{animation:none}}