/* Social feed refinement: quiet surfaces, clear actions and shareable achievements. */
body.cf-app #socialTab .social-shell{padding-bottom:24px!important}
body.cf-app .cf-social-head-icon svg,body.cf-app #socialComposer .v131-attachment-bar svg,body.cf-app .social-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
body.cf-app .cf-social-head-icon{color:#a9bed1}
body.cf-app .cf-social-feed-tabs{margin-bottom:12px}
body.cf-app #socialComposer{background:#12202c;box-shadow:none}
body.cf-app #socialComposer .social-composer-body{gap:11px;padding:14px}
body.cf-app #socialComposer .v131-attachment-bar button{font-size:12px;gap:6px}
body.cf-app #socialComposer .v131-attachment-bar svg{width:19px;height:19px;color:#80d8f6}
body.cf-app #socialComposer .v131-attachment-bar button:last-child svg{color:#ffbb59}
body.cf-app #socialComposer #socialPostBtn{font-size:14px}
body.cf-app .social-feed{gap:14px}
body.cf-app .social-post{background:#13212d;box-shadow:none;overflow:hidden!important}
body.cf-app .social-post-head{padding:13px 14px 11px}
body.cf-app .social-author-name{font-size:14px}
body.cf-app .social-time{font-size:11px}
body.cf-app .social-caption{padding:12px 15px 6px;line-height:1.5}
body.cf-app .cf-social-media-grid{margin:0 11px;border-radius:10px}
body.cf-app .social-post-body{padding:0 14px 11px}
body.cf-app .v131-social-card{padding:12px;background:#101c27;border-color:#324d60}
body.cf-app .cf-social-progress-card{display:flex;align-items:flex-start;gap:12px}
body.cf-app .cf-achievement-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border:2px solid #ffb94e;border-radius:50%;background:#3a2913;color:#ffbe5c;font-size:22px;line-height:1;box-shadow:0 0 0 3px #ffa93016}
body.cf-app .cf-achievement-content{flex:1;min-width:0}
body.cf-app .cf-tracked-badge{width:auto;max-width:100%;margin:0 0 7px;padding:0;border:0;background:none;color:#ffba58;font-size:9px;letter-spacing:.055em;white-space:normal}
body.cf-app .cf-share-card-head{display:grid;gap:2px}
body.cf-app .cf-share-card-head strong{font-size:15px}
body.cf-app .cf-progress-headline{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
body.cf-app .cf-progress-headline b{font-size:22px}
body.cf-app .cf-share-exercises{display:block;margin:9px 0 0;padding:0;border-top:1px solid #2a4458}
body.cf-app .cf-share-exercises>summary{padding:10px 0 2px;color:#8ad9ff;font-size:11px;cursor:pointer}
body.cf-app .cf-share-exercises:not([open])>div{display:none}
body.cf-app .cf-share-exercises>div{padding:5px 0}
body.cf-app .cf-reaction-summary{padding:4px 0 8px;font-size:11px}
body.cf-app .social-actions{margin:0 11px;padding:0;border:1px solid #294154;border-radius:9px;overflow:hidden}
body.cf-app .social-actions button,body.cf-app .social-actions .cf-share-post{min-height:46px;font-size:12px;gap:5px;line-height:1.2}
body.cf-app .social-actions svg{width:18px;height:18px;color:#81d9fc}
body.cf-app .social-actions .cf-share-post span:last-child{font-size:12px;color:inherit}
body.cf-app .social-actions .cf-reaction-btn span:nth-child(2),body.cf-app .social-actions .social-comment-toggle span:nth-child(2){font-size:12px}
body.cf-app .social-actions .cf-reaction-btn,body.cf-app .social-actions .social-comment-toggle{flex-wrap:nowrap}
body.cf-app .social-actions button:focus-visible,body.cf-app #socialComposer button:focus-visible,body.cf-app .cf-achievement-tile button:focus-visible{outline:2px solid #61ccff;outline-offset:-2px}
body.cf-app .cf-comment-preview{padding:10px 14px 11px}
body.cf-app .social-post:has(.social-comments[open]) .cf-comment-preview{display:none}
body.cf-app .social-comment{font-size:12px}
body.cf-app .social-comments>summary{display:flex;padding:7px 14px;color:#88c9ee;font-size:11px}
body.cf-app .social-comments[open]>summary{display:none}
body.cf-app .social-comments-body{padding:10px 14px 13px}
body.cf-app .social-comments-body .social-comment+.social-comment{margin-top:10px}
body.cf-app .cf-profile-content-tabs button{font-size:12px}
body.cf-app .cf-profile-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.cf-app .cf-achievement-tile{position:relative;display:flex;min-width:0;min-height:210px;overflow:hidden;border:1px solid #36556a;border-radius:12px;background:linear-gradient(155deg,#1c3242,#0d1924)}
body.cf-app .cf-achievement-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
body.cf-app .cf-achievement-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1825 8%,#10202bd9 54%,#0b172322);pointer-events:none}
body.cf-app .cf-achievement-tile-copy{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;gap:5px;width:100%;padding:14px}
body.cf-app .cf-achievement-tile .cf-achievement-mark{width:32px;height:32px;font-size:17px;margin-bottom:auto}
body.cf-app .cf-achievement-type{font-size:9px;letter-spacing:.08em;color:#ffbb5d;font-weight:750}
body.cf-app .cf-achievement-tile strong{font-size:13px;line-height:1.3;color:#f2f7fb}
body.cf-app .cf-achievement-tile b{font-size:17px;line-height:1.2;color:#83dbfa;overflow-wrap:anywhere}
body.cf-app .cf-achievement-tile small{font-size:10px;color:#aabfcd}
body.cf-app .cf-achievement-tile button{align-self:flex-start;min-height:32px;padding:5px 12px;margin-top:6px;border:1px solid #517890;border-radius:7px;background:#112737;color:#d8f3ff;font-size:11px}
@media(max-width:380px){
 body.cf-app #socialComposer .v131-attachment-bar button{flex-direction:column;gap:2px;font-size:10px}
 body.cf-app .social-actions button,body.cf-app .social-actions .cf-share-post{font-size:11px}
 body.cf-app .social-actions .cf-reaction-btn span:nth-child(2),body.cf-app .social-actions .social-comment-toggle span:nth-child(2){font-size:10px}
 body.cf-app .cf-profile-achievement-grid{gap:7px}
 body.cf-app .cf-achievement-tile-copy{padding:10px}
}

/* Social profile: identity first, with the app data available on demand. */
body.cf-app.cf-social-profile-open > header .header-top{display:none!important}
body.cf-app .cf-social-page-head{justify-content:flex-end;min-height:38px;padding:0 4px 8px;margin:0}
body.cf-app #cfOwnProfileView{padding-top:2px}
body.cf-app .cf-own-profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 14px}
body.cf-app .cf-own-profile-topbar h2{margin:0;color:#f0f7fb;font:500 23px/1.2 var(--cf-heading-font)}
body.cf-app #cfBackToSocialFeed{display:grid;place-items:center;width:42px;height:42px;min-height:42px;margin:0;padding:0;border:1px solid #365065;border-radius:50%;background:#152532;color:#bcd4e3;font:300 28px/1 var(--cf-body-font)}
body.cf-app #cfBackToSocialFeed:hover,body.cf-app #cfBackToSocialFeed:focus-visible{border-color:#62bfe9;color:#fff;outline-offset:2px}
body.cf-app #cfSocialProfileCard{padding:20px!important;background:#13212c!important;box-shadow:none!important}
body.cf-app #cfSocialProfile{display:grid;gap:0}
body.cf-app #cfSocialProfile .cf-social-profile-main{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start}
body.cf-app #cfSocialProfile .cf-social-profile-photo{width:84px;height:84px;border:2px solid #4caccf;border-radius:50%}
body.cf-app #cfSocialProfile .cf-social-profile-name{display:grid;gap:1px;align-items:start}
body.cf-app #cfSocialProfile .cf-social-profile-name strong{font-size:22px;line-height:1.2}
body.cf-app #cfSocialProfile .cf-social-profile-name span{font-size:12px;color:#a1b9c9}
body.cf-app #cfSocialProfile .cf-social-profile-copy p{margin:10px 0 5px;font-size:13px;line-height:1.5;color:#c5d2db}
body.cf-app #cfSocialProfile .cf-training-chip{margin-top:4px;color:#8ccce9;font-size:11px}
body.cf-app .cf-profile-identity-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}
body.cf-app .cf-profile-identity-actions button{min-height:36px;padding:6px 12px;border:1px solid #405a6d;border-radius:8px;background:#1a2b38;color:#e4eff5;font-size:11px;box-shadow:none}
body.cf-app .cf-profile-identity-actions #cfFollowRequests{border:0;background:none;color:#91c9e4;padding-left:2px;padding-right:2px}
body.cf-app #cfSocialProfile .cf-social-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0;border-top:1px solid #30485a;border-bottom:1px solid #30485a}
body.cf-app #cfSocialProfile .cf-social-counts button{min-height:64px;padding:9px 4px;border:0;border-radius:0;background:none}
body.cf-app #cfSocialProfile .cf-social-counts button+button{border-left:1px solid #30485a}
body.cf-app #cfSocialProfile .cf-social-counts strong{font-size:19px;line-height:1.1;color:#f1f8fb}
body.cf-app #cfSocialProfile .cf-social-counts span{font-size:11px;color:#aabfcd}
body.cf-app .cf-profile-featured{position:relative;isolation:isolate;min-height:142px;margin-top:18px;overflow:hidden;border:1px solid #385b72;border-radius:12px;background:linear-gradient(125deg,#213d4e,#112431 72%,#13202b)}
body.cf-app .cf-profile-featured>img{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;opacity:.42;z-index:-2}
body.cf-app .cf-profile-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#142b3a 18%,#142b3ad9 58%,#142b3a4d);z-index:-1}
body.cf-app .cf-profile-featured-copy{display:flex;align-items:flex-start;flex-direction:column;gap:3px;padding:16px}
body.cf-app .cf-profile-featured-copy>span{color:#ffbe64;font-size:10px;font-weight:750;letter-spacing:.045em}
body.cf-app .cf-profile-featured-copy strong{max-width:100%;color:#f1f7fb;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
body.cf-app .cf-profile-featured-copy b{color:#82d8fa;font-size:19px;line-height:1.3}
body.cf-app .cf-profile-featured-copy button{min-height:33px;margin-top:6px;padding:5px 0;border:0;background:none;color:#a7def4;font-size:11px;font-weight:650;text-align:left}
body.cf-app .cf-profile-trophy-section{margin-top:20px}
body.cf-app .cf-profile-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
body.cf-app .cf-profile-section-head h3{margin:0;font-size:14px;font-weight:700;color:#eaf4f9}
body.cf-app .cf-profile-section-head #cfViewTrophies{min-height:32px;padding:4px 0;border:0;background:none;color:#8dd1f0;font-size:11px;box-shadow:none}
body.cf-app #cfSocialProfile #cfProfileTrophies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:0;border:0;background:none;text-align:center;box-shadow:none}
body.cf-app #cfSocialProfile #cfProfileTrophies:has(.tiny){grid-template-columns:1fr;text-align:left}
body.cf-app .cf-profile-trophy-item{display:flex;align-items:center;flex-direction:column;gap:3px;min-width:0;padding:9px 4px;border:1px solid #30495b;border-radius:9px;background:#172733}
body.cf-app .cf-profile-trophy-item>.cf-trophy-badge{display:grid;place-items:center}
body.cf-app .cf-profile-trophy-item>.cf-trophy-badge .cf-trophy-art{width:48px;height:48px}
body.cf-app .cf-profile-trophy-item>span:last-child{color:#bed0db;font-size:10px;line-height:1.25;overflow-wrap:anywhere}
body.cf-app #cfSocialProfile .cf-social-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 3px;padding:11px 0;border-bottom:1px solid #30485a}
body.cf-app #cfSocialProfile .cf-social-stats>span{min-width:0;padding:0 6px;text-align:center}
body.cf-app #cfSocialProfile .cf-social-stats strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9eff9;font-size:12px}
body.cf-app .social-author-name{display:flex;align-items:baseline;gap:5px 9px;flex-wrap:wrap}
body.cf-app .cf-author-stat{color:#8fc8e2;font-size:10px;font-weight:500;white-space:nowrap}
body.cf-app .cf-member-profile .cf-social-stats{width:100%;margin:10px 0;padding:10px 0;border-top:1px solid #30485a;border-bottom:1px solid #30485a}
body.cf-app .cf-share-exercises>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0 0;list-style:none}
body.cf-app .cf-share-exercises>summary::-webkit-details-marker{display:none}
body.cf-app .cf-share-exercises .cf-share-topset{min-width:0;margin:0;padding:7px 9px;color:#dce8f0;font-size:10px;line-height:1.35}
body.cf-app .cf-share-exercises .cf-view-exercises-label{color:#86d5f6;font-size:10px;white-space:nowrap}
body.cf-app .cf-share-exercise-list>div{display:flex;justify-content:space-between;gap:8px;padding:6px 2px;border-top:1px solid #294154}
body.cf-app .cf-profile-content-tabs{margin:14px 0 12px;background:#101b25}
body.cf-app #cfOwnProfileView .cf-profile-content-tabs button{min-height:43px}
body.cf-app #cfOwnProfileView .cf-profile-content-tabs button.active{background:#1b3344;box-shadow:inset 0 -2px #4ab9e7;color:#c8efff}
@media(max-width:390px){
 body.cf-app #cfSocialProfileCard{padding:15px!important}
 body.cf-app #cfSocialProfile .cf-social-profile-main{grid-template-columns:72px minmax(0,1fr);gap:12px}
 body.cf-app #cfSocialProfile .cf-social-profile-photo{width:72px;height:72px}
 body.cf-app .cf-profile-identity-actions{gap:4px}
 body.cf-app .cf-profile-identity-actions button{padding-left:8px;padding-right:8px}
}
