.apgym{--bg:#0f1115;--card:#12161d;--border:rgba(255,255,255,.08);--text:#e8eefc;--muted:rgba(232,238,252,.72);--chip:rgba(255,255,255,.08);--chipText:#d8e5ff;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:18px;--radiusSm:12px;--gap:16px;--focus:rgba(130,185,255,.35);color:var(--text)}
.apgym *{box-sizing:border-box}
.apgym__grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--apgym-cols-mobile),minmax(0,1fr))}
@media (min-width:768px){.apgym__grid{grid-template-columns:repeat(var(--apgym-cols-tablet),minmax(0,1fr))}}
@media (min-width:1024px){.apgym__grid{grid-template-columns:repeat(var(--apgym-cols-desktop),minmax(0,1fr))}}
.apgym-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transform:translateZ(0);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.apgym-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.14);box-shadow:0 14px 36px rgba(0,0,0,.42)}
.apgym-card__thumb{position:relative;display:block;aspect-ratio:16/9;background:rgba(255,255,255,.03);overflow:hidden}
.apgym-card__thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,13,0),rgba(5,8,13,.72))}
.apgym-card__thumbLink{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}
.apgym-card__img{width:100%;height:100%;object-fit:cover;display:block}
.apgym-card__img--placeholder{width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),rgba(255,255,255,.02) 55%,rgba(255,255,255,.01))}
.apgym-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px}
.apgym-card__meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;min-width:0;flex-wrap:wrap}
.apgym-card__badge{position:absolute!important;z-index:3!important;display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:26px!important;padding:5px 8px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.20)!important;background:rgba(9,12,18,.76)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;box-shadow:0 6px 14px rgba(0,0,0,.30)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.apgym-card__views{top:8px!important;left:8px!important}
.apgym-card__eye{filter:grayscale(1);opacity:.9}
.apgym-card__keyBadge{top:8px!important;right:8px!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.apgym-card__keyBadge--key{background:linear-gradient(135deg,rgba(238,52,52,.96),rgba(179,22,34,.92))!important;border-color:rgba(255,112,112,.72)!important;color:#fff!important;box-shadow:0 6px 14px rgba(224,35,35,.24)!important}
.apgym-card__keyBadge--no-key{background:linear-gradient(135deg,rgba(35,190,94,.96),rgba(16,132,61,.92))!important;border-color:rgba(106,245,156,.70)!important;color:#f3fff7!important;box-shadow:0 6px 14px rgba(27,175,83,.24)!important}
.apgym-card__author{position:absolute!important;left:8px!important;bottom:8px!important;z-index:4!important;display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:calc(100% - 16px)!important;padding:4px 8px 4px 4px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(8,12,18,.70)!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;line-height:1!important;box-shadow:0 6px 14px rgba(0,0,0,.28)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.apgym-card__author:hover{background:rgba(8,12,18,.82);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}
.apgym-card__authorAvatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid rgba(255,255,255,.18)}
.apgym-card__authorName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apgym-card__title{margin:0;font-size:16px;line-height:1.35}
.apgym-card__title a{color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apgym-card__title a:hover{text-decoration:underline}
.apgym-card__chip{align-self:flex-start;max-width:100%;min-width:0;padding:7px 10px;border-radius:999px;background:var(--chip);border:1px solid rgba(255,255,255,.09);color:var(--chipText);text-decoration:none;font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apgym-card__chip:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.10)}
.apgym-card__placeRow{margin-top:-2px;min-width:0}
.apgym-card__placeBadge{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;padding:4px 8px!important;border-radius:8px!important;background:rgba(111,94,255,.10)!important;border:1px solid rgba(111,94,255,.28)!important;border-left:2px solid #6f5eff!important;color:#cfcaff!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease}
.apgym-card__placeBadge:hover{background:rgba(111,94,255,.16)!important;border-color:rgba(111,94,255,.45)!important;color:#fff!important;text-decoration:none!important}
.apgym-card__placeIcon{flex:0 0 auto!important;font-size:10px!important;line-height:1!important;opacity:.9!important}
.apgym-card__placeText{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.apgym mark{background:rgba(130,185,255,.28);color:inherit;padding:0 .12em;border-radius:.25em}
.apgym__below{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}
.apgym__loadMore{appearance:none;border:none;background:rgba(255,255,255,.08);color:var(--text);padding:12px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.10);transition:transform .15s ease, background .15s ease, border-color .15s ease}
.apgym__loadMore:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.10)}
.apgym__loadMore[disabled]{opacity:.65;cursor:default;transform:none}
.apgym__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.85);display:none;animation:apgym-spin .8s linear infinite}
.apgym__loadMore.is-loading .apgym__spinner{display:inline-block}
@keyframes apgym-spin{to{transform:rotate(360deg)}}
.apgym-card--skeleton{box-shadow:none}
.apgym-card--skeleton .apgym-card__thumb,
.apgym-card--skeleton .apgym-card__meta,
.apgym-card--skeleton .apgym-card__title{background:rgba(255,255,255,.06);border-radius:var(--radiusSm)}
.apgym-card--skeleton .apgym-card__thumb{aspect-ratio:16/9}
.apgym-card--skeleton .apgym-card__meta{height:12px;width:70%}
.apgym-card--skeleton .apgym-card__title{height:14px}
.apgym-card--skeleton .apgym-card__title--sm{width:85%}
.apgym-card--skeleton .apgym-card__body{gap:12px} .apgym :where(img){filter:none !important;-webkit-filter:none !important} .apgym__skeleton{width:100%;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--apgym-cols-mobile),minmax(0,1fr))}
@media (min-width:768px){.apgym__skeleton{grid-template-columns:repeat(var(--apgym-cols-tablet),minmax(0,1fr))}}
@media (min-width:1024px){.apgym__skeleton{grid-template-columns:repeat(var(--apgym-cols-desktop),minmax(0,1fr))}}
.apgym__skeleton .apgym-card{width:100%} .apgym-card__body{min-height:118px}
.apgym-card__title a{min-height:calc(1.35em * 2)}
.apgym-card__chip{margin-top:0}
.apgym__skeleton[hidden]{display:none !important} html{scrollbar-gutter: stable;}
@supports not (scrollbar-gutter: stable){body{overflow-y: scroll;}}
.apgym-card__chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;min-width:0}
.apgym-card__chips .apgym-card__chip{margin-top:0}
.apgym-card__chip--slot{width:auto;max-width:100%;flex:none;box-sizing:border-box}
.apgym-card__chip--key,.apgym-card__chip--placeholder{display:none !important}
@media (max-width:767.98px){
.apgym-card__badge{font-size:10px!important;min-height:24px!important;padding:4px 7px!important}
.apgym-card__views{top:7px!important;left:7px!important}
.apgym-card__keyBadge{top:7px!important;right:7px!important}
.apgym-card__author{left:7px!important;bottom:7px!important;max-width:calc(100% - 14px)!important;font-size:10px!important;padding:3px 7px 3px 3px!important}
.apgym-card__authorAvatar{width:20px!important;height:20px!important}
}