.avatar{position:relative;overflow:hidden;flex-shrink:0}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.main-column[data-social-view="profile"]>:not(#social-profile){display:none!important}
.app-shell:has(.main-column[data-social-view="profile"]) .right-rail{display:none}
.main-column[data-social-view="profile"]{width:100%;max-width:1000px;margin-inline:auto;min-width:0}
@media(min-width:841px){.app-shell:has(.main-column[data-social-view="profile"]){grid-template-columns:232px minmax(0,1fr);max-width:1232px}}
@media(max-width:840px){.app-shell:has(.main-column[data-social-view="profile"]){display:block}.main-column[data-social-view="profile"]{padding:18px 16px 100px;scroll-margin-top:80px}}
.social-profile{display:grid;gap:20px;min-width:0}.social-profile[hidden]{display:none}.social-profile>.text-button{justify-self:start}
.social-profile-card{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--surface,#1b192a)}
.social-profile-cover{height:130px;background:radial-gradient(ellipse at 85% 20%,#94dacf44,transparent 50%),linear-gradient(120deg,#483179,#252039 70%);position:relative}
.social-profile-cover:after{content:"";position:absolute;right:10%;top:25px;width:100px;height:100px;border:1px solid #ffffff24;border-radius:28px;transform:rotate(25deg)}
.social-profile-identity{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 26px;margin-top:-36px;position:relative;flex-wrap:wrap}
.social-profile-avatar{width:92px;height:92px;font-size:28px;border:5px solid var(--surface,#1b192a);box-shadow:0 0 0 1px #ffffff16}
.social-profile-identity .button-row{gap:8px;flex-wrap:wrap}.social-profile-identity .button{font-size:12px;min-height:38px;padding:9px 13px}
.social-profile-info{padding:18px 26px 0}.social-profile-info h1{font-size:clamp(24px,4vw,32px);line-height:1.15;margin:0;overflow-wrap:anywhere}
.social-profile-handle{color:var(--muted);margin:7px 0}.social-profile-bio{max-width:55ch;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.social-profile-stats{display:flex;gap:28px;padding:20px 26px;border-top:1px solid var(--border);margin-top:20px}.social-profile-stats>span,.social-stat-button{display:grid;gap:4px;background:none;border:0;color:inherit;font:inherit;font-size:22px;font-weight:750;text-align:left;padding:0}.social-stat-button{cursor:pointer}.social-profile-stats small{font-size:12px;font-weight:500;color:var(--muted)}
.social-section-title{font-size:19px;margin:8px 0 0}.social-profile-posts{display:grid;gap:20px;min-width:0}
.social-compose-launcher{width:100%;display:flex;gap:14px;align-items:center;padding:15px 18px;background:var(--surface,#1b192a);border:1px solid var(--border);color:var(--muted);border-radius:18px;text-align:left;font:inherit;cursor:pointer;margin-bottom:20px}
.social-compose-launcher:hover{border-color:#9777ff;background:var(--surface-2)}
.social-create-icon{position:relative;display:inline-flex;flex:0 0 28px;width:28px;height:28px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff12;color:inherit}
.social-create-icon::before,.social-create-icon::after{content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.social-create-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.social-compose-launcher__icon{flex-basis:36px;width:36px;height:36px;border-radius:12px;border-color:#9972fa40;background:#8057ff26;color:var(--brand-ink,#bfaaff)}
.social-create-button{gap:9px;min-height:48px;padding:8px 12px;border-radius:15px;font-size:13px;line-height:1.25;letter-spacing:-.015em;background:linear-gradient(115deg,#6f4ee8,#8256e6);box-shadow:inset 0 1px 0 #ffffff20,0 4px 14px #6b47cf26;transition:transform 160ms ease,box-shadow 160ms ease}
.social-create-label{white-space:nowrap}
.social-create-button:hover{background:linear-gradient(115deg,#7959ef,#9064ee);box-shadow:inset 0 1px 0 #ffffff25,0 6px 18px #6b47cf38}
.social-create-button:focus-visible,.social-compose-launcher:focus-visible{outline:2px solid var(--focus,#83e8fa);outline-offset:4px}
.sidebar>.social-publish-button{margin:18px 0 8px;width:100%;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.social-create-button{transition:none}.social-create-button:hover{transform:none}}
.social-composer{width:min(600px,calc(100% - 24px))}.social-composer .modal__surface{display:grid;gap:16px;max-height:85dvh;overflow:auto;padding:24px}.social-composer .field,.social-tags .field{margin:0}.social-composer .modal__header{margin:0}.social-composer-identity{display:flex;gap:10px;align-items:center;font-size:14px}.social-composer-content{font-size:16px;line-height:1.6;resize:vertical;min-height:110px}.social-composer textarea,.social-composer input,.social-composer select{width:100%;box-sizing:border-box;min-width:0}.social-composer textarea{max-height:320px}.social-composer .compact-info[open]{display:grid;gap:12px}.social-composer .compact-info[open] summary{margin-bottom:10px}.social-composer .modal__actions{margin:0}.social-check{display:flex;gap:10px;align-items:center;font-size:13px}.social-check input{width:18px;height:18px}.social-tags .tag-row{flex-wrap:wrap}.social-tag-button{cursor:pointer}.social-tags>details{margin-top:10px}.social-tags .form-note{display:block;margin:8px 0;font-size:12px}.social-publish-success{display:grid;gap:10px;width:100%}
.profile-photo-controls{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px}.profile-photo-controls input{max-width:100%;font-size:12px}.profile-photo-controls .text-button{justify-self:start}.profile-photo-controls .form-note{font-size:12px;margin:0}.social-people{display:grid;gap:8px}.social-person{display:flex;align-items:center;gap:12px;color:inherit;background:var(--surface,#1b192a);border:1px solid var(--border);padding:12px;border-radius:12px;font:inherit;cursor:pointer;width:100%;text-align:left}
.post-header .author{border:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer;min-width:0}.post-header .author:focus-visible{outline:2px solid #a988ff;border-radius:12px}.post-moderation{font-size:12px;color:#d8bb75;background:#a37e1715;border-radius:8px;padding:8px 12px}.post-card .post-title:empty{display:none}
.social-composer .modal__actions{position:sticky;bottom:-24px;background:var(--surface);padding:14px 0;border-top:1px solid var(--border);z-index:2}.social-composer .modal__header{position:sticky;top:-24px;background:var(--surface);padding:12px 0;z-index:2}.social-composer summary::after{content:"+";float:right;color:var(--brand-ink);font-size:17px}.social-composer details[open]>summary::after{content:"−"}
@media(max-width:600px){.social-profile-cover{height:95px}.social-profile-identity{padding:0 16px;gap:12px}.social-profile-info{padding:16px 16px 0}.social-profile-stats{padding:18px 16px;gap:22px}.social-profile-identity .button-row{width:100%}.social-profile-avatar{width:78px;height:78px}.social-composer .modal__surface{padding:18px}.social-compose-launcher{font-size:14px}.social-publish-button{display:none}}
