.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-layout{display:grid;grid-template-columns:minmax(0,690px) minmax(220px,1fr);gap:24px;align-items:start}.social-layout .feed{width:100%;max-width:none;margin:0}.social-aside .card{margin-bottom:20px}.composer{padding:20px;margin-bottom:20px}.composer-line{display:flex;gap:12px;align-items:center}.composer-prompt{border:0;border-radius:24px;background:var(--background);color:var(--muted);padding:15px 20px;font:inherit;text-align:left;flex:1;cursor:pointer}.composer-prompt:hover{background:var(--accent-soft);color:var(--accent)}.composer-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-bottom>small{margin-left:auto;color:var(--muted);font-size:11px}.social-post{padding:22px 0 0;overflow:visible;margin-bottom:20px}.social-post .post-head,.social-post>.post-text,.social-post>.meetup-box{margin-left:22px;margin-right:22px}.social-post .post-head{position:relative;align-items:start}.post-head>.avatar{flex-shrink:0;border:0;cursor:pointer}.author-link{border:0;background:none;padding:0;color:var(--text);font-size:14px;font-weight:700;cursor:pointer;text-align:left}.author-link:hover{text-decoration:underline}.post-menu{margin-left:auto;position:relative}.post-menu summary{font-size:23px;cursor:pointer;list-style:none;padding:0 8px}.post-menu>div{position:absolute;right:0;top:30px;width:200px;background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #0002;z-index:5}.post-menu .btn{display:flex;width:100%;margin:4px 0;justify-content:start}.social-photos{display:grid;gap:3px;background:var(--background);grid-template-columns:1fr;overflow:hidden}.social-photos>button{background:var(--background);padding:0;border:0;cursor:zoom-in;min-width:0;line-height:0}.social-photos img{width:100%;max-height:560px;object-fit:contain;display:block}.social-photos.count-2,.social-photos.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.social-photos.count-2 img,.social-photos.count-3 img{height:250px;object-fit:contain}.social-photos.count-3>button:first-child{grid-column:1 / -1}.social-photos.count-3>button:first-child img{height:340px}.social-counts{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px}.social-counts>span:first-child{display:flex;gap:6px;align-items:center}.social-counts .icon{color:var(--accent);width:18px;height:18px}.social-actions{margin:0 22px;display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;gap:3px}.social-actions .btn{flex:1;justify-content:center;border:0;font-size:12px;padding:10px 5px}.social-actions .liked{color:var(--accent);background:var(--accent-soft)}.social-comments{padding:15px 22px 20px}.social-comment{display:flex;gap:10px;align-items:start;margin-bottom:12px}.avatar.small{width:30px;height:30px;font-size:11px;flex-shrink:0}.social-comment>div:last-child{border-radius:14px;padding:10px 14px;background:var(--background);max-width:90%;font-size:12px}.social-comment p{margin:4px 0;color:var(--text)}.social-comment small{font-size:10px;color:var(--muted)}.inline-comment{display:flex;gap:8px}.inline-comment input{flex:1;min-width:0;padding:11px 15px;border-radius:22px;border:1px solid var(--line);background:var(--background);color:var(--text);font:inherit;font-size:12px}.shared-preview{border:1px solid var(--line);margin:12px 22px;border-radius:12px;padding:16px;overflow:hidden}.shared-preview .social-photos{margin:12px -16px -16px}.social-photo-draft{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.social-photo-draft>div,.social-photo-add{width:calc(33.333% - 8px);min-width:120px;padding:8px;border:1px solid var(--line);border-radius:12px}.social-photo-draft img{width:100%;height:140px;object-fit:contain;background:var(--background);display:block;border-radius:8px;margin-bottom:8px}.social-photo-add{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px;border:2px dashed var(--line);cursor:pointer;color:var(--accent);gap:12px;position:relative}.social-photo-add input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.social-photo-draft .btn{width:100%;justify-content:center}.contest-choice{display:flex;gap:12px;border:0;flex-wrap:wrap}.contest-choice label{width:calc(33.333% - 12px);min-width:130px;cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:10px}.contest-choice label:has(:checked){border:2px solid var(--accent);background:var(--accent-soft)}.contest-choice img{width:100%;height:160px;object-fit:contain;display:block}.contest-choice span{display:block;margin-top:8px}.profile-cover{overflow:hidden;margin-bottom:24px}.profile-cover-art{height:160px;background:linear-gradient(115deg,var(--accent),#123958);color:white;display:flex;align-items:center;justify-content:center;gap:20px}.profile-cover-art>.icon{width:70px;height:70px;opacity:.65}.profile-cover-art span{font-size:20px;font-weight:600}.profile-summary{padding:26px;display:flex;align-items:center;gap:20px}.profile-summary h1{font-size:25px;line-height:1.4}.profile-summary p{margin:8px 0 0}.profile-summary .buttons{margin-left:auto;flex-wrap:wrap}.profile-tabs{border-top:1px solid var(--line);padding:12px 26px;display:flex;gap:8px}.profile-tabs .btn{border:0}.profile-tabs .selected{color:var(--accent);background:var(--accent-soft)}.profile-layout{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr)}.profile-layout .feed{margin:0;max-width:none}.profile-return{margin-bottom:20px}.onboarding progress{width:100%;height:9px;accent-color:var(--accent)}.onboarding-step{display:flex;align-items:center;gap:8px;margin-top:10px}.onboarding-step>span:first-child{color:var(--accent);font-size:20px}.onboarding-step>.btn{border:0;padding:8px 0;text-align:left;white-space:normal}.care-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.permission-card{padding:16px;margin:14px 0;border:1px solid var(--line);background:var(--accent-soft);border-radius:12px}.permission-card p{margin:8px 0}.permission-card small{display:block;color:var(--muted);line-height:1.6}.permission-card .buttons{margin-top:12px;flex-wrap:wrap}.care-title{margin-top:28px}.organization-card{padding:20px 0;border-bottom:1px solid var(--line)}.organization-card h3{margin:12px 0}.organization-card small{display:block;line-height:1.7;color:var(--muted)}.organization-card .buttons{margin-top:15px;flex-wrap:wrap}.check-row{display:flex;gap:10px;margin:12px}.check-row input{width:18px;height:18px}.user-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.user-stat-grid>div{padding:20px;background:var(--accent-soft);border-radius:12px}.user-stat-grid strong{display:block;font-size:28px;color:var(--accent)}.user-stat-grid span{font-size:12px;color:var(--muted)}
@media(max-width:1200px){.social-layout{grid-template-columns:minmax(0,1fr)}.social-aside{display:none}.profile-layout{grid-template-columns:1fr 1.3fr}.profile-summary{flex-wrap:wrap}.profile-summary .buttons{margin-left:0}}
@media(max-width:800px){.profile-layout,.care-layout{grid-template-columns:1fr}.profile-cover-art{height:125px;padding:20px}.profile-cover-art span{font-size:16px}.profile-cover-art>.icon{width:45px;height:45px}.profile-summary{padding:20px;gap:14px}.profile-summary h1{font-size:21px}.user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-post .post-head,.social-post>.post-text,.social-post>.meetup-box{margin-left:16px;margin-right:16px}.social-counts,.social-comments{padding-left:16px;padding-right:16px}.social-actions{margin:0 12px}.social-actions .btn{font-size:10px}.social-actions .icon{width:16px;height:16px}.social-photos.count-2 img,.social-photos.count-3 img{height:170px}.social-photos.count-3>button:first-child img{height:260px}.composer{padding:16px}.composer-prompt{font-size:12px;padding:12px 16px}.social-photo-draft>div,.social-photo-add{width:calc(50% - 6px);min-width:0}.social-counts{font-size:10px}.profile-summary>.avatar.large{width:55px;height:55px}.social-aside{display:none}}