.community-page{max-width:1560px;margin:0 auto;padding:1rem 1rem 2rem}.community-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,300px);gap:1rem;align-items:start;min-width:0;width:100%}.community-left{min-width:0;grid-column:2;grid-row:1}.community-main{min-width:0}.community-sidebar{--community-sidebar-top:calc(var(--p4g-sticky-site-header-height,8.5rem) + 0.75rem);position:sticky;top:var(--community-sidebar-top);align-self:start;min-width:0;z-index:5}.community-sidebar--member{grid-column:1;grid-row:1;align-self:start}.community-sidebar--tools{grid-column:3;grid-row:1;align-self:start}.community-page .member-public-card{margin-bottom:1rem}.community-search-card h3,.community-keywords-card h3,.community-collection-card h3,.community-friends-card h3,.community-media-card h3,.community-achievements-card h3,.community-comments-card h3,.community-online-card h3{margin:0 0 0.75rem;font-size:0.95rem}.community-media-card-title-link{color:inherit;text-decoration:none}.community-media-card-title-link:hover,.community-media-card-title-link:focus-visible{color:var(--bg-blue,#1e73be);text-decoration:underline}.community-friends-count{display:inline-flex;align-items:center;margin-left:0.45rem;padding:0.12rem 0.45rem;border-radius:999px;background:rgba(20,89,130,0.12);color:var(--bg-accent);font-size:0.78rem;font-weight:700;vertical-align:middle}body.theme-dark .community-friends-count{background:rgba(148,163,184,0.16);color:#8fc7ff}.community-search-form{margin:0}.community-search-field{display:flex;align-items:stretch;gap:0.35rem}.community-search-field input[type="search"]{flex:1 1 auto;min-width:0;border:1px solid rgba(20,89,130,0.22);border-radius:10px;padding:0.55rem 0.7rem;font-size:0.86rem;background:rgba(255,255,255,0.92);color:inherit}.community-search-field input[type="search"]:focus{outline:none;border-color:rgba(20,89,130,0.45);box-shadow:0 0 0 2px rgba(20,89,130,0.12)}.community-search-submit{flex:0 0 auto;width:2.5rem;border:0;border-radius:10px;background:var(--header-topbar-bg,var(--header-secondary-bg,var(--button-bg,var(--bg-blue))));color:var(--button-text,var(--text-light));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.18s ease,transform 0.18s ease}.community-search-submit:hover,.community-search-submit:focus-visible{background:color-mix(in srgb,var(--header-topbar-bg,var(--header-secondary-bg,var(--button-bg,var(--bg-blue)))) 84%,#000);color:var(--button-text,var(--text-light))}.community-search-keywords{margin-top:0.75rem}.community-search-keywords-label{margin:0 0 0.45rem;font-size:0.74rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted-text)}.community-keyword-cloud--compact{gap:0.35rem}.community-search-banner{margin-bottom:1rem}.community-search-banner p{margin:0;font-size:0.92rem}.community-member-card{padding:0;overflow:hidden}.community-member-banner{position:relative;height:92px;overflow:hidden;background:linear-gradient(135deg,rgba(20,89,130,0.35),rgba(124,58,237,0.28))}.community-member-banner img,.community-member-banner video{display:block;width:100%;height:100%;object-fit:cover}.community-member-body{padding:0 0.9rem 1rem;position:relative;z-index:1}.community-member-card .community-member-head{margin-bottom:0.85rem;align-items:flex-start;position:relative;z-index:2}.community-member-card:has(.community-member-banner) .community-member-avatar{margin-top:-2.45rem}.community-member-card .community-member-avatar{flex-shrink:0;position:relative;z-index:2}.community-member-card .community-member-meta{flex:1 1 auto;min-width:0;padding-top:0.15rem}.community-member-card .community-member-avatar img{display:block;width:72px;height:72px;border:3px solid var(--surface-card,#fff);box-shadow:0 4px 14px rgba(14,32,56,0.14)}.community-member-card:not(:has(.community-member-banner)) .community-member-body{padding-top:0.85rem}.community-member-card:not(:has(.community-member-banner)) .community-member-head{align-items:center}.community-member-card:not(:has(.community-member-banner)) .community-member-avatar{margin-top:0}.community-member-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.9rem}.community-member-avatar img{border-radius:999px}.community-member-head strong{display:block}.community-member-head p{margin:0.15rem 0 0;color:var(--muted-text);font-size:0.86rem}.community-sidebar-actions{display:flex;flex-direction:column;gap:0.5rem}.community-member-card .community-sidebar-actions{padding-top:0.15rem}.community-page .community-member-card .btn.community-settings-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;background:var(--header-topbar-bg,var(--header-secondary-bg,var(--button-bg,var(--bg-blue))));color:var(--button-text,var(--text-light));text-decoration:none;transition:background 0.18s ease,color 0.18s ease}.community-page .community-member-card .btn.community-settings-btn:hover,.community-page .community-member-card .btn.community-settings-btn:focus-visible{background:color-mix(in srgb,var(--header-topbar-bg,var(--header-secondary-bg,var(--button-bg,var(--bg-blue)))) 84%,#000);color:var(--button-text,var(--text-light))}.community-page .member-feed-card{scroll-margin-top:84px}.community-page .member-feed-card > .member-feed-text-bg,.member-public-feed-area .member-feed-card > .member-feed-text-bg{width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0;margin-top:0.35rem;margin-bottom:0.5rem;border-radius:10px;overflow:hidden;box-shadow:none;min-height:clamp(180px,30vw,260px);background-clip:padding-box}.community-page .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg,.community-page .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg p,.member-public-feed-area .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg,.member-public-feed-area .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg p{display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-align:center}.community-keyword-banner{margin-bottom:1rem}.community-keyword-banner p{margin:0;font-size:0.92rem}.community-keywords-card h3{margin:0 0 0.75rem}.community-keyword-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.45rem}.community-keyword-pill{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.55rem;border-radius:999px;font-size:0.78rem;font-weight:600;text-decoration:none;border:1px solid rgba(20,89,130,0.2);background:rgba(246,250,255,0.95);color:rgba(91,33,182,0.95)}.community-keyword-pill:hover{border-color:rgba(124,58,237,0.45);color:rgba(76,29,149,1)}.community-keyword-pill.is-current{border-color:rgba(124,58,237,0.55);background:rgba(237,233,254,0.9)}.community-keyword-count{font-size:0.72rem;font-weight:600;opacity:0.75}.community-keywords-empty{margin:0;font-size:0.84rem;color:var(--muted-text)}.community-collection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.45rem}.community-collection-link{display:flex;align-items:center;gap:0.55rem;text-decoration:none;color:inherit;border-radius:10px;padding:0.35rem;transition:background 0.15s ease}.community-collection-link:hover,.community-collection-link:focus-visible{background:rgba(20,89,130,0.06)}.community-collection-cover{flex:0 0 auto;width:48px;height:64px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center}.community-collection-cover img{width:100%;height:100%;object-fit:cover;display:block}.community-collection-cover-fallback{color:rgba(255,255,255,0.72);font-size:1.1rem}.community-collection-meta{min-width:0;display:flex;flex-direction:column;gap:0.15rem}.community-collection-meta strong{font-size:0.82rem;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.community-collection-meta > span{font-size:0.72rem;color:var(--muted-text)}.community-collection-empty{margin:0;font-size:0.84rem;color:var(--muted-text)}.community-comments-card .sidebar-recent-comments-list{margin:0}.community-comments-card .sidebar-recent-comments-link{padding:0.45rem 0}.community-comments-card .sidebar-recent-comments-avatar{width:40px;height:40px}.community-comments-card .sidebar-recent-comments-avatar-img,.community-comments-card .sidebar-recent-comments-avatar .avatar{width:100%;height:100%;max-width:none;object-fit:cover}.community-comments-empty{margin:0}.community-friends-avatars{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.community-friends-avatars li{flex:0 0 auto}.community-friends-avatars a{display:block;width:44px;height:44px;flex-shrink:0;border-radius:50%;overflow:hidden;line-height:0;transition:box-shadow 0.15s ease,transform 0.12s ease}.community-friends-avatars a:hover,.community-friends-avatars a:focus-visible{box-shadow:0 0 0 2px rgba(20,89,130,0.45);transform:translateY(-1px)}.community-friends-avatars img{display:block;width:44px;height:44px;max-width:none;object-fit:cover;border-radius:50%}.community-friends-empty{margin:0;font-size:0.84rem;color:var(--muted-text)}.community-media-card .member-fb-media{margin-bottom:0.75rem}.community-media-profile-link{margin:0;font-size:0.82rem;text-align:center}.community-media-profile-link a{color:var(--bg-blue,#1e73be);text-decoration:none}.community-media-profile-link a:hover,.community-media-profile-link a:focus-visible{text-decoration:underline}.community-achievements-summary{margin:0 0 0.65rem;font-size:0.82rem;color:var(--muted-text)}.community-achievements-empty{margin:0 0 0.65rem;font-size:0.84rem;color:var(--muted-text)}.community-achievements-grid{list-style:none;margin:0 0 0.65rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.45rem}.community-achievement-badge{display:flex;flex-direction:column;align-items:center;gap:0.3rem;text-decoration:none;color:inherit;border-radius:10px;padding:0.2rem;transition:background 0.12s ease,transform 0.12s ease}.community-achievement-badge:hover,.community-achievement-badge:focus-visible{background:rgba(20,89,130,0.08);transform:translateY(-1px)}.community-achievement-badge img,.community-achievement-badge-fallback{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;display:block;border:1px solid rgba(20,89,130,0.12);background:rgba(241,245,249,0.9)}.community-achievement-badge-fallback{display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:rgba(100,116,139,0.72)}.community-achievement-badge-title{font-size:0.68rem;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.community-achievements-links{display:flex;flex-direction:column;gap:0.35rem;font-size:0.82rem;text-align:center}.community-achievements-links a{color:var(--bg-blue,#1e73be);text-decoration:none}.community-achievements-links a:hover,.community-achievements-links a:focus-visible{text-decoration:underline}body.theme-dark .community-achievement-badge img,body.theme-dark .community-achievement-badge-fallback{background:rgba(15,23,42,0.72);border-color:rgba(159,181,211,0.16)}body.theme-dark .community-achievement-badge:hover,body.theme-dark .community-achievement-badge:focus-visible{background:rgba(59,130,246,0.12)}.community-media-card .member-fb-albums-grid{gap:0.5rem}.community-media-card .member-fb-album-tile{flex:0 0 calc(50% - 0.25rem);width:calc(50% - 0.25rem);max-width:calc(50% - 0.25rem)}.community-media-card .member-fb-album-cover{aspect-ratio:1;min-height:0}.community-media-card .member-fb-album-tile-meta{padding:0.35rem 0.45rem 0.5rem}.community-media-card .member-fb-album-tile-title,.community-media-card .member-fb-album-tile-create-label{font-size:0.78rem;line-height:1.25}.community-media-card .member-fb-album-tile-count{font-size:0.72rem}.community-media-card .member-fb-album-detail-head{flex-wrap:wrap;gap:0.35rem}.community-media-card .member-fb-album-detail-title{font-size:0.95rem}.community-media-card .member-fb-album-detail-actions{flex-direction:column;align-items:stretch;width:100%}.community-media-card .member-fb-album-add-btn{font-size:0.78rem;justify-content:center}.community-media-card .member-fb-album-detail .member-fb-album-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.35rem}.community-online-card h3{margin:0 0 0.75rem}.community-online-list{list-style:none;margin:0;padding:0;display:grid;gap:0.55rem}.community-online-item{display:flex;align-items:center;gap:0.5rem;padding:0.3rem 0.35rem;border-radius:8px;background:rgba(20,89,130,0.06)}.community-online-item img{width:36px;height:36px;border-radius:50%}.community-online-item a,.community-online-item span{font-weight:600;color:var(--bg-dark)}.community-online-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,0.2);flex:0 0 auto}@media (max-width:1199px) and (min-width:961px){.community-layout{grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,240px);gap:0.85rem}}@media (max-width:960px){.community-page{width:100%;max-width:100%;padding-left:max(0.75rem,env(safe-area-inset-left,0px));padding-right:max(0.75rem,env(safe-area-inset-right,0px));padding-bottom:2rem}.community-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.community-left,.community-sidebar--member,.community-sidebar--tools{grid-column:1;grid-row:auto;width:100%;min-width:0}.community-sidebar{position:static;top:auto;z-index:auto}.community-page .member-public-card{width:100%;max-width:100%}.community-page .member-feed-card{scroll-margin-top:calc(var(--p4g-sticky-site-header-height,7.25rem) + 0.5rem)}}@media (max-width:620px){.community-page{padding-left:max(0.65rem,env(safe-area-inset-left,0px));padding-right:max(0.65rem,env(safe-area-inset-right,0px))}.community-achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-keyword-cloud{gap:0.35rem}.community-friends-avatars{justify-content:flex-start}}.community-pagination{margin-top:1.25rem}.community-pagination ul{display:flex;flex-wrap:wrap;gap:0.55rem;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}.community-pagination li{margin:0;padding:0;list-style:none}.community-pagination a,.community-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0.35rem 0.7rem;border-radius:10px;border:1px solid rgba(20,89,130,0.18);background:#fff;color:var(--bg-accent,#145982);font-weight:600;text-decoration:none;box-shadow:0 6px 16px rgba(17,24,39,0.07);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease}.community-pagination a:hover,.community-pagination a:focus-visible{transform:translateY(-1px);border-color:rgba(30,115,190,0.45);box-shadow:0 10px 22px rgba(30,115,190,0.2);outline:none}.community-pagination .current{background:linear-gradient(135deg,var(--bg-blue,#1e73be),var(--bg-accent,#145982));color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(16,86,156,0.28)}body.theme-dark .community-pagination a,body.theme-dark .community-pagination span{background:var(--surface-panel,#1a2740);border-color:var(--border-color,rgba(255,255,255,0.12));color:#dbe8ff}body.theme-dark .community-pagination .current{background:linear-gradient(135deg,var(--bg-blue,#1e73be),var(--bg-accent,#145982));color:#fff;border-color:transparent}