.community-hero { display: block !important; }
.community-title-row { display: block; }
.community-hero-copy { min-width: 0; }
.community-toolbar { margin-top: 26px; }
.community-toolbar .filter-row { display:flex; flex-wrap:wrap; gap:8px; }
.community-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.community-creator-card { min-width: 0; padding: 20px; border: 1px solid rgba(255,255,255,.085); border-radius: 6px; background: #0c0f11; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.community-creator-card:hover { transform: translateY(-2px); border-color: rgba(102,220,255,.34); background: #0e1215; }
.community-creator-card:focus-visible { outline: 2px solid #66dcff; outline-offset: 3px; }
.community-card-head { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 15px; align-items: center; }
.community-avatar { width: 68px; height: 68px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; object-fit: cover; background: #14191d; }
.community-avatar-fallback { display: grid; place-items: center; color: #66dcff; font-size: 24px; font-weight: 600; }
.community-card-head h2 { overflow: hidden; color: #fff; font-size: 18px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.community-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.community-tags span { padding: 3px 7px; border: 1px solid rgba(126,226,181,.18); color: #8ddfba; font-size: 11px; }
.community-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07); }
.community-socials { display: flex; gap: 8px; min-width: 0; overflow: hidden; }
.community-socials a { overflow: hidden; color: rgba(255,255,255,.45); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.community-socials a:hover { color: #fff; }
.community-profile-link { display: grid; flex: 0 0 auto; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(102,220,255,.22); border-radius: 50%; color: #66dcff; font-size: 12px; }
.community-more { display: flex; justify-content: center; margin-top: 28px; }
.community-more button { min-width: 180px; height: 42px; border: 1px solid rgba(102,220,255,.3); border-radius: 6px; background: #0b1114; color: #fff; cursor: pointer; }
.community-more button:hover { border-color: #66dcff; }
.community-state { grid-column: 1 / -1; display: grid; min-height: 240px; place-items: center; align-content: center; gap: 14px; border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.46); }
.community-loader { width: 28px; height: 28px; border: 2px solid rgba(255,255,255,.14); border-top-color: #66dcff; border-radius: 50%; animation: community-spin .8s linear infinite; }
@keyframes community-spin { to { transform: rotate(360deg); } }
@media (max-width: 1060px) { .community-results { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .community-toolbar .filter-row { overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; } .community-toolbar .filter-row::-webkit-scrollbar { display:none; } .community-toolbar .filter-btn { flex:0 0 auto; } .community-results { grid-template-columns: 1fr; } .community-creator-card { padding: 17px; } }
@media (prefers-reduced-motion: reduce) { .community-loader { animation-duration: .01ms; } .community-creator-card { transition: none; } }