/* SafariAnts shared skeleton loading system */
:root{--sa-skeleton-base:#e7e7e7;--sa-skeleton-highlight:#f5f5f5;--sa-skeleton-page:#f3f2ef}
.sa-skeleton-screen{position:fixed;inset:0;z-index:2147483000;overflow:auto;background:var(--sa-skeleton-page);padding:14px 18px 32px;opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease;pointer-events:all}
.sa-skeleton-screen[hidden]{display:none!important}
.sa-skeleton-header{height:58px;max-width:1320px;margin:0 auto 18px;background:#fff;border:1px solid #d6d6d3;border-radius:10px;display:flex;align-items:center;gap:18px;padding:0 18px}
.sa-skeleton-brand{width:34px;height:34px;border-radius:9px;flex:0 0 34px}
.sa-skeleton-search{height:34px;width:min(330px,32vw);border-radius:20px}
.sa-skeleton-nav{margin-left:auto;display:flex;gap:22px;align-items:center}
.sa-skeleton-nav i{display:block;width:48px;height:25px;border-radius:6px}
.sa-skeleton-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr) minmax(180px,280px);gap:20px;align-items:start}
.sa-skeleton-column{display:grid;gap:14px;min-width:0}
.sa-skeleton-card{background:#fff;border:1px solid #d6d6d3;border-radius:12px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04);min-width:0}
.sa-skeleton-profile{height:260px}.sa-skeleton-side{height:150px}.sa-skeleton-post{min-height:240px}.sa-skeleton-post+.sa-skeleton-post{min-height:210px}
.sa-skeleton-line,.sa-skeleton-avatar,.sa-skeleton-media,.sa-skeleton-pill{background:linear-gradient(100deg,var(--sa-skeleton-base) 20%,var(--sa-skeleton-highlight) 38%,var(--sa-skeleton-base) 56%);background-size:220% 100%;animation:sa-skeleton-shimmer 1.45s ease-in-out infinite}
.sa-skeleton-line{height:13px;border-radius:5px;margin:0 0 11px;width:100%}.sa-skeleton-line.short{width:42%}.sa-skeleton-line.medium{width:68%}.sa-skeleton-line.long{width:88%}
.sa-skeleton-avatar{width:58px;height:58px;border-radius:50%;flex:0 0 58px}.sa-skeleton-media{height:150px;border-radius:7px;margin-top:15px}.sa-skeleton-pill{height:22px;width:22%;border-radius:20px}
.sa-skeleton-row{display:flex;gap:12px;align-items:center;margin-bottom:18px}.sa-skeleton-row-lines{flex:1;min-width:0}
@keyframes sa-skeleton-shimmer{0%{background-position:100% 0}100%{background-position:-120% 0}}
@media(max-width:900px){.sa-skeleton-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.sa-skeleton-layout>.sa-skeleton-column:last-child{display:none}}
@media(max-width:620px){.sa-skeleton-screen{padding:8px}.sa-skeleton-header{height:50px;margin-bottom:10px;padding:0 10px}.sa-skeleton-nav{gap:8px}.sa-skeleton-nav i{width:25px}.sa-skeleton-search{width:min(42vw,220px)}.sa-skeleton-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.sa-skeleton-layout>.sa-skeleton-column:first-child,.sa-skeleton-layout>.sa-skeleton-column:last-child{display:none}.sa-skeleton-card{padding:14px}.sa-skeleton-post{min-height:200px}.sa-skeleton-media{height:125px}}
@media(prefers-reduced-motion:reduce){.sa-skeleton-line,.sa-skeleton-avatar,.sa-skeleton-media,.sa-skeleton-pill{animation:none;background:var(--sa-skeleton-base)}.sa-skeleton-screen{transition:none}}
