.sc{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-1);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);border-radius:22px;grid-template-rows:128px auto 1fr auto;display:grid;position:relative;overflow:hidden}.sc__banner{background:var(--surface-2);gap:3px;display:grid;position:relative;overflow:hidden}.sc__banner--2{grid-template-columns:1fr 1fr}.sc__banner--3{grid-template-columns:1.3fr 1fr 1fr}.sc__banner img{object-fit:cover;width:100%;height:128px;transition:transform .7s var(--ease), filter .4s var(--ease);filter:saturate(.92)}.sc__banner:after{content:"";pointer-events:none;background:linear-gradient(0deg, color-mix(in srgb, var(--brand) 38%, transparent), transparent 75%);transition:opacity .4s var(--ease);position:absolute;inset:0}.sc__banner:has(.ph):after{opacity:.25}.sc__mark{z-index:2;bottom:9px;opacity:.9;background:url(/images/icon-48.png) 50%/cover;border-radius:6px;width:20px;height:20px;position:absolute;inset-inline-end:10px;box-shadow:0 0 0 2px #ffffff8c}.sc__avatar{z-index:2;border:3px solid var(--surface);width:64px;height:64px;box-shadow:var(--sh-2);background:#fff;border-radius:50%;place-items:center;margin:-32px 14px 0;display:grid;position:relative;overflow:hidden}.sc__avatar img{object-fit:contain;width:100%;height:100%;padding:6px}.sc__body{align-content:start;gap:3px;min-width:0;padding:8px 16px 0;display:grid}.sc__name{text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:1.04rem;font-weight:800;line-height:1.35;display:block;overflow:hidden}.sc__name .sf-ver{vertical-align:-3px;display:inline}.sf-ver,.sp-ver{width:17px;height:17px;color:var(--brand);flex:none}.sc__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sc__badges{gap:6px;height:26px;margin-top:8px;display:flex;overflow:hidden}.sc__badge{border-radius:var(--r-full);background:var(--surface-2);height:26px;color:var(--text-2);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.sc__badge.is-ver{background:var(--brand-50);color:var(--brand-700)}.sc__badge.is-fast{background:var(--olive-50);color:var(--olive)}.sc__badge.is-live{background:var(--olive-50);color:var(--olive-ink)}.sc__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;display:flex}.sc__count{color:var(--muted);font-size:13px;font-weight:600}.sc__count b{color:var(--text);font-size:1rem;font-weight:800}.sc__cta{border-radius:var(--r-full);background:var(--brand-50);height:32px;color:var(--brand-700);transition:background var(--t), color var(--t), transform .35s var(--ease-spring);align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}@media (hover:hover){.sc:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--border));box-shadow:var(--sh-3);transform:translateY(-4px)}.sc:hover .sc__banner:after{opacity:.18}.sc:hover .sc__banner img{filter:none;transform:scale(1.06)}.sc:hover .sc__cta{background:var(--brand-fill);color:#fff;transform:translate(-3px)}}.sc:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.sc.is-in{animation:sf-in .4s var(--ease) both}@keyframes sf-in{0%{opacity:0;transform:translateY(10px)}}}@media (width<=700px){.sc{border-radius:18px;grid-template-rows:92px auto 1fr auto}.sc__banner img{height:92px}.sc__banner--3{grid-template-columns:1fr 1fr}.sc__banner--3 img:nth-child(3){display:none}.sc__avatar{width:50px;height:50px;margin:-25px 10px 0}.sc__body{padding:6px 10px 0}.sc__name{font-size:.92rem}.sc__meta{font-size:11.5px}.sc__badges{height:22px;margin-top:6px}.sc__badges .sc__badge:nth-child(2){display:none}.sc__badge{height:22px;padding:0 7px;font-size:10.5px}.sc__foot{margin-top:8px;padding:8px 10px}.sc__count{font-size:11.5px}.sc__count b{font-size:.9rem}.sc__cta{gap:0;height:28px;padding:0 8px;font-size:0}.sc__cta .i{width:16px;height:16px}}
