.community{display:grid;gap:18px;max-width:100%;min-width:0}.community .card{min-width:0}.community-tabs,.community-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.community-tabs button,.community-actions button{min-height:42px}.community-person{display:flex;gap:12px;align-items:center;min-width:0}.community-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#1c2831}.community-person-info{min-width:0;overflow-wrap:anywhere}.community-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.community-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.community-media img,.community-media video{width:100%;max-height:460px;object-fit:contain;background:#0c1015;border-radius:14px}.community-form{display:grid;gap:15px}.community-form textarea{min-height:110px;resize:vertical}.community-form input,.community-form textarea,.community-form select{max-width:100%;min-width:0}.community-comment{padding:16px 0;border-top:1px solid var(--line,#26303b);overflow-wrap:anywhere}.community-reply{margin-left:18px;border-left:2px solid #26303b;padding-left:12px}.community-error{padding:14px;background:#321e25;color:#ffc1b7;border-radius:12px}.community-profile-links{display:flex;flex-wrap:wrap;gap:12px;overflow-wrap:anywhere}.community-small{font-size:12px;color:#98a5b5}.community-public-note{padding:14px;background:#1b2922;border-radius:12px}.community-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.community-field-row{grid-template-columns:1fr}.community-media{grid-template-columns:1fr}.community-reply{margin-left:8px;padding-left:8px}.community-actions button{flex:1 1 auto}}

.community-content{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}.community-content:disabled{opacity:.75}

.community-calendar{display:flex;flex-wrap:wrap;gap:6px}.community-calendar span{padding:8px;color:var(--muted)}.community-calendar .active{color:var(--lime)}.club-cover{display:block;width:100%;height:180px;object-fit:cover;border-radius:14px}.shared-muscle-map svg{width:100%;max-height:340px}.community-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.community-media>a,.community-media>video{flex:0 0 100%;scroll-snap-align:center;min-width:0}

.community-media>.shared-workout-card{flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box;padding:16px;min-width:0}.community-media img{max-width:100%}

.community .feed-post{width:100%;max-width:700px;margin-inline:auto}.feed-post .community-media{border-radius:14px;overflow:hidden}.feed-post .community-media img{max-height:600px}.community a.secondary{display:inline-flex;align-items:center;text-decoration:none;min-height:44px}.community [data-social="share-target"]{display:block;margin-top:12px;width:100%}

/* Photo-led social layout, with YuFit's own accent and neutral dark surfaces. */
.social-route .account-bar,.social-route .profile-nudge{display:none}
.community.feed-mode{gap:10px}.feed-shell{max-width:1060px;margin:0 auto;width:100%;min-width:0}.feed-section-title{font:700 28px Manrope,sans-serif;margin:8px 0}
.feed-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 23px;gap:14px}.feed-toolbar p{color:var(--muted);font-size:9px;letter-spacing:1.5px;margin:0 0 7px}.feed-toolbar h1{font:700 34px Manrope,sans-serif;letter-spacing:-1.6px;margin:0}.feed-brand-dot{color:var(--lime)}.feed-toolbar-actions{display:flex;align-items:center;gap:10px}.feed-new{display:flex;align-items:center;gap:8px;background:var(--lime);color:#15200e;min-height:42px;padding:10px 17px;border-radius:999px;font-weight:600}.feed-new .icon{width:18px;height:18px}
.feed-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(220px,280px);gap:48px;align-items:start}.feed-stream{min-width:0;display:flex;flex-direction:column}.feed-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px;padding:0 4px;margin-bottom:3px}.feed-tabs button{border:0;background:none;color:var(--muted);font-size:14px;font-weight:600;padding:14px 0;min-height:48px;border-bottom:2px solid transparent}.feed-tabs button.active{color:var(--text);border-bottom-color:var(--lime)}.feed-tabs button.feed-refresh{margin-left:auto;min-width:44px}.feed-tabs .icon{width:20px;height:20px}.feed-search{border-bottom:1px solid var(--line);padding:8px 0}.feed-search>summary{list-style:none;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);min-height:36px;cursor:pointer}.feed-search .icon{width:17px;height:17px}.feed-search .community-form{padding:5px 0 15px}.feed-empty{padding:70px 22px;text-align:center}.feed-empty>span{font-size:40px}.feed-empty h2{font:600 20px Manrope,sans-serif;margin:16px 0 10px}.feed-empty p{color:var(--muted);line-height:1.7;font-size:13px}.feed-empty button{margin-top:12px}
.community .feed-post{width:100%;max-width:none;margin:0;padding:0 0 20px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;min-width:0;box-sizing:border-box}.feed-post button{border:0;background:none;color:var(--text);font:inherit;cursor:pointer}.feed-post-header{display:flex;align-items:center;gap:10px;padding:17px 3px 13px;position:relative}.feed-profile{display:flex;align-items:center;gap:11px;min-width:0;text-align:left;flex:1;padding:0!important;min-height:44px}.feed-avatar{height:42px;width:42px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--panel2)}.feed-monogram{display:flex;align-items:center;justify-content:center;font:700 17px Manrope,sans-serif;color:var(--lime)}.feed-profile-copy{display:grid;gap:4px;min-width:0}.feed-profile-copy strong{font-size:13px;color:var(--text);font-weight:600}.feed-profile-copy>span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-post-menu,.feed-tools{position:relative}.feed-post-menu summary,.feed-tools summary{list-style:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--text)}.feed-post-menu summary::-webkit-details-marker,.feed-tools summary::-webkit-details-marker,.feed-search summary::-webkit-details-marker{display:none}.feed-post-menu summary:hover,.feed-tools summary:hover{background:var(--panel)}.feed-post-menu .icon,.feed-tools .icon{width:23px;height:23px;stroke-linecap:round;stroke-width:3}.feed-menu-items{position:absolute;right:0;top:47px;min-width:245px;max-width:calc(100vw - 40px);z-index:4;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:6px;box-shadow:0 14px 44px #0007}.feed-menu-items button{font:500 12px 'DM Sans',sans-serif!important;text-align:left;width:100%;display:block;background:transparent!important;border:0!important;color:var(--text);padding:14px 12px!important;min-height:44px;border-radius:8px}.feed-menu-items button:hover{background:var(--panel2)!important}.feed-menu-items button.feed-danger{color:var(--danger,#ffc1b7)}
.feed-media-wrap{position:relative;min-width:0}.feed-media.community-media{gap:0!important;scrollbar-width:none;border-radius:0;scroll-snap-type:x mandatory}.feed-media::-webkit-scrollbar{display:none}.feed-media>a{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:4/5;max-height:min(78svh,760px);background:#070907;scroll-snap-align:start;overflow:hidden}.feed-media img{display:block;width:100%;height:100%;max-height:none!important;object-fit:contain;border-radius:0!important}.feed-media>video{flex:0 0 100%;width:100%;max-height:680px;border-radius:0!important;scroll-snap-align:start}.feed-media>.shared-workout-card{border-radius:0;background:var(--panel);scroll-snap-align:start}.feed-image-count{position:absolute;right:12px;top:12px;pointer-events:none;padding:5px 9px;border-radius:99px;background:#0009;color:white;font-size:10px}.feed-pagination{display:flex;justify-content:center;align-items:center;gap:0;padding-top:6px}.feed-pagination button{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0!important}.feed-pagination i{height:5px;width:5px;background:var(--line);border-radius:5px;display:block}.feed-pagination [aria-pressed=true] i{background:var(--lime);width:16px}.feed-post-copy{padding:5px 3px 0}.feed-reactions{display:flex;align-items:center;gap:17px;margin:2px 0 4px}.feed-reactions button{display:flex;align-items:center;gap:7px;min-height:48px;padding:0;min-width:48px;font-size:13px;font-weight:600;border-radius:13px}.feed-flex-emoji{font:28px 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;line-height:1.3}.feed-reaction.is-active{color:var(--lime);background:var(--panel);padding-inline:9px}.feed-comment-action .icon{width:27px;height:27px;stroke-width:1.7}.feed-total{font-size:13px;font-weight:600;margin:5px 0 8px}.feed-caption{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 8px}.feed-caption button{padding:0;font-weight:600}.feed-activity{font-size:11px;color:var(--lime);margin:8px 0}.feed-view-comments{display:block;color:var(--muted)!important;font-size:13px!important;padding:3px 0!important;min-height:32px}.feed-time{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}.feed-sidebar{padding-top:14px;min-width:0}.feed-sidebar .card{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:21px 0;margin-top:19px}.feed-sidebar h3{font-size:13px!important}.feed-sidebar .secondary{width:100%;display:block;text-align:left;background:none;border:0;color:var(--text);font-size:12px;padding:12px 3px}.feed-self .community-person button{color:var(--text)}.feed-self>p,.feed-sidebar-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px}.feed-self .community-avatar{background:var(--panel2)}
.feed-post button:focus-visible,.feed-pagination button:focus-visible,.feed-tools summary:focus-visible,.feed-post-menu summary:focus-visible,.feed-tabs button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:1150px){.feed-layout{grid-template-columns:minmax(0,620px);justify-content:center}.feed-sidebar{display:none}.feed-toolbar{max-width:620px;margin:auto}.feed-shell{max-width:620px}}
@media(max-width:600px){.feed-toolbar{padding-bottom:14px}.feed-toolbar p{font-size:8px;letter-spacing:1.1px}.feed-toolbar h1{font-size:29px}.feed-new{padding:10px 13px;font-size:12px}.feed-layout{display:block}.feed-toolbar-actions{gap:3px}.feed-post .feed-media-wrap{margin-inline:-22px}.feed-post-copy{padding-inline:0}.feed-post-header{padding:14px 0 12px}.feed-post .feed-media{width:calc(100vw - 0px);max-width:none}.feed-pagination{margin-inline:22px}.feed-post-menu .feed-menu-items{right:-3px}.feed-tabs{gap:24px}.feed-profile-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.feed-media{scroll-behavior:auto}}
@media(max-width:600px){body.social-route:has(.feed-mode) main{padding-inline:0}.feed-mode .feed-toolbar{padding-inline:16px}.feed-mode .feed-tabs,.feed-mode .feed-search{margin-inline:16px}.feed-mode .feed-post-header,.feed-mode .feed-post-copy{padding-left:16px;padding-right:16px}.feed-post .feed-media-wrap{margin-inline:0!important}.feed-post .feed-media{width:100%;max-width:100%}.feed-mode .feed-section-title{padding-inline:16px}.feed-mode>.community-error{margin-inline:16px}}
.social-route .sidebar,.social-route .topbar{background:var(--bg)}

/* Community forms use the shared rhythm; page navigation belongs to style.css. */
.community-form{gap:20px}.community-form .field{margin:0}.community-form .field :is(input,select,textarea){margin-top:8px}
.community-form textarea{border-color:var(--control-line);font-size:16px;line-height:1.6;background:var(--bg)}
.community-actions .primary,.community-actions .secondary{min-height:48px}
.club-editor>h2{margin:0;font:700 23px/1.35 Manrope,sans-serif}.club-editor>.note{margin:12px 0 24px}
.club-editor .community-public-note{margin:0;line-height:1.7}

.community:has(.community-create-fab){padding-bottom:100px}
.community-create-fab{position:fixed;right:28px;bottom:28px;z-index:6;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lime);color:#172410;box-shadow:0 6px 20px #0005}
.community-create-fab .icon{width:29px;height:29px;stroke-width:1.8}
.community-form input[type=file]::file-selector-button{font:inherit;font-size:14px;border:0;border-radius:8px;padding:8px 12px;margin-right:12px;background:var(--panel2);color:var(--text);cursor:pointer}
@media(hover:hover){.community-create-fab:hover{background:#c9ff8a}}
@media(max-width:900px){.community-create-fab{right:20px;bottom:calc(102px + env(safe-area-inset-bottom,0px))}}

/* Community discovery: real covers, membership and audience at a glance. */
.club-summary{display:grid;gap:16px;align-content:start}.club-summary-head{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center}
.club-summary-cover,.club-summary-placeholder{width:76px;height:76px;border-radius:12px;object-fit:cover;background:var(--panel2)}
.club-summary-placeholder{display:grid;place-items:center;color:var(--muted)}.club-summary-placeholder .icon{width:30px;height:30px}
.club-summary-name{min-width:0}.club-summary h3{margin:0;font:700 19px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}
.club-summary-category{color:var(--muted);font-size:13px;margin:4px 0 8px}.club-privacy{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:12px;line-height:1.5;background:var(--panel2);padding:5px 9px;border-radius:8px}
.club-privacy .icon{width:14px;height:14px}.club-summary-description{margin:0;color:var(--muted);font-size:14px}
.club-summary-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--muted);font-size:13px}.club-summary-meta span{display:inline-flex;gap:6px;align-items:center;min-width:0;overflow-wrap:anywhere}
.club-summary-meta .icon{width:17px;height:17px}.club-summary-tags{color:var(--muted);font-size:12px;margin:0;overflow-wrap:anywhere}.club-summary>.secondary{justify-content:space-between;width:100%}
.community-empty{display:grid;justify-items:center;gap:12px;padding:36px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px}
.community-empty>.icon{width:32px;height:32px;color:var(--muted)}.community-empty h2,.community-empty h3{margin:0;font:600 20px/1.4 Manrope,sans-serif}.community-empty p{margin:0;max-width:48ch;color:var(--muted);line-height:1.7}
.community-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--panel2);border-radius:12px;line-height:1.6}
.community-notice p{margin:0}.community-notice>div{min-width:0}.community-notice>.icon{margin-top:2px;width:20px;height:20px;color:var(--muted)}.community-notice-error{color:#ffc1b7;background:#2b1e1d}
.community-loading-mark{width:18px;height:18px;border:2px solid var(--muted);border-top-color:transparent;border-radius:50%;margin-top:3px;flex-shrink:0;animation:community-spin 1s linear infinite}
@keyframes community-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.community-loading-mark{animation:none}}

.club-filters>summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:48px;padding:12px 0;color:var(--text);font-size:14px}.club-filters>summary::-webkit-details-marker{display:none}.club-filters>summary .icon:last-child{margin-left:auto;width:18px;height:18px}.club-filters[open]>summary .icon:last-child{transform:rotate(90deg)}.club-filters .community-form{padding-top:16px}