.profile-avatar{inline-size:48px;block-size:48px;flex-shrink:0;display:block;border-radius:14px}.person-profile>.profile-avatar,.profile-detail>.profile-avatar{inline-size:100px;block-size:100px;margin-block-end:20px;border-radius:26px}.sidebar-profile .profile-avatar{inline-size:38px;block-size:38px;border-radius:10px}.avatar-picker{border:0;padding:0;margin-block:0 30px;min-inline-size:0}.avatar-picker legend{font-weight:650;font-size:16px}.avatar-picker>p{font-size:13px;color:var(--muted);margin-block:8px 18px}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.avatar-options label{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;min-inline-size:0}.avatar-options label:has(input:checked){border-color:var(--focus);background:var(--accent-soft)}.avatar-options input{inline-size:16px;block-size:16px;min-block-size:0;accent-color:var(--accent-solid)}.avatar-options span{font-size:12px}.social-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:44px;align-items:start;max-inline-size:1180px;margin-inline:auto}.social-feed{min-inline-size:0}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block:40px 28px}.social-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.045em;margin-block:10px}.social-heading p{font-size:14px;color:var(--muted)}.social-heading .button{flex-shrink:0;gap:10px}.social-aside{position:sticky;inset-block-start:36px;padding-block-start:50px}.social-aside h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}.social-aside>p{font-size:13px;color:var(--muted);line-height:1.8;margin-block:18px}.social-aside .text-link{margin-block:6px}.social-project-note{padding:24px;border-radius:18px;background:var(--accent-soft);margin-block:34px}.social-project-note h3{font-size:16px}.social-project-note p{font-size:13px;color:var(--muted);margin-block:14px}.social-project-note a{font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.social-boundary{font-size:12px!important}.social-post{display:flex;gap:16px;padding:28px 0;border-block-end:1px solid var(--line);min-inline-size:0}.post-content{flex:1;min-inline-size:0}.post-byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block-end:12px}.post-byline>a:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;min-inline-size:0}.post-byline strong{overflow-wrap:anywhere}.post-byline span,.post-byline time{font-size:12px;color:var(--muted)}.post-consult{margin-inline-start:auto;display:grid;place-items:center;inline-size:36px;block-size:36px;border:1px solid var(--line);border-radius:50%}.post-consult .ui-icon{inline-size:16px;block-size:16px}.social-post h2{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin-block:10px 18px;overflow-wrap:anywhere}.rich-content{font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:var(--ink)}.rich-content>*+*{margin-block-start:14px}.rich-content ul,.rich-content ol{padding-inline-start:24px}.rich-content h1,.rich-content h2,.rich-content h3{font-size:22px;line-height:1.4;letter-spacing:-.5px;margin-block:20px 12px}.rich-content pre{padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;overflow:auto;white-space:pre;font-size:12px}.rich-content pre code{white-space:pre}.rich-content code{background:var(--surface-soft);padding:2px 5px;border-radius:4px;font-size:.9em}.rich-content blockquote{border-inline-start:2px solid var(--line);margin-inline:0;padding-inline-start:20px;color:var(--muted)}.rich-content a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.post-excerpt{max-block-size:280px;overflow:hidden}.post-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-block:18px}.post-media figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--surface-soft)}.post-media img{inline-size:100%;block-size:auto;max-block-size:480px;object-fit:contain;display:block}.post-actions{display:flex;align-items:center;gap:8px;margin-block-start:22px;flex-wrap:wrap}.post-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-inline-size:44px;min-block-size:44px;padding:9px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:12px}.post-actions .ui-icon{inline-size:18px;block-size:18px}.post-actions button[aria-pressed=true]{color:var(--ink);background:var(--accent-soft)}.post-actions button[aria-pressed=true] .icon-heart{fill:currentColor}.post-actions .post-remove{margin-inline-start:auto}.social-reply{margin-inline-start:calc(var(--reply-depth,0)*20px);border-inline-start:1px solid var(--line);padding-inline-start:16px}.social-reply .profile-avatar{inline-size:36px;block-size:36px;border-radius:10px}.reply-context{font-size:11px;color:var(--muted);margin-block-end:10px}.reply-context a{text-decoration:underline}.replies-heading{display:flex;justify-content:space-between;align-items:center;margin-block:30px 8px}.replies-heading h2{font-size:20px;letter-spacing:-.5px}.feed-compose{display:flex;align-items:center;gap:16px;inline-size:100%;padding:20px;margin-block:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-align:start;color:var(--muted);font-size:14px}.feed-compose>.ui-icon{margin-inline-start:auto}.tweet-preview{border:1px solid var(--line);border-radius:16px;padding:18px;margin-block:18px;font-size:12px;background:var(--surface)}.tweet-preview>span{display:flex;align-items:center;gap:8px;font-weight:650}.tweet-preview p{color:var(--muted);margin-block:10px}.tweet-preview button{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-inline-end:12px;min-block-size:40px;background:var(--surface-soft)}.tweet-preview>a{display:inline-flex;align-items:center;gap:5px;text-decoration:underline}.tweet-container{max-inline-size:100%;overflow:hidden}.tweet-container iframe{max-inline-size:100%!important}.post-dialog{inline-size:min(660px,calc(100% - 32px));max-block-size:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#07150fa8}.composer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:25px}.composer-header h2{font-size:22px;letter-spacing:-.5px}.icon-button{display:grid;place-items:center;inline-size:44px;block-size:44px;flex-shrink:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%}.composer-author{display:flex;align-items:center;gap:14px}.composer-author strong{display:block;font-size:14px}.composer-author span{display:block;font-size:12px;color:var(--muted)}.composer-boundary,.composer-help{font-size:12px;color:var(--muted);line-height:1.7;margin-block:16px 20px}.composer-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-block:20px 8px}.composer-toolbar button{min-inline-size:40px;min-block-size:40px;padding:8px 10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px}.composer-toolbar .ui-icon{inline-size:17px;block-size:17px}.composer-toolbar #composer-preview-toggle{margin-inline-start:auto}.post-dialog textarea{inline-size:100%;min-block-size:180px;border-color:var(--line);background:var(--surface-raised);resize:vertical;padding:18px;font-size:14px;border-radius:12px}.post-dialog #composer-preview{padding:20px;border:1px solid var(--line);border-radius:12px;margin-block:16px}.composer-bottom{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-block-start:18px}.composer-bottom .button{margin-inline-start:auto}.composer-bottom>span{font-size:11px;color:var(--muted)}.image-attach{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12px}.image-attach:focus-within{outline:2px solid var(--focus);outline-offset:3px}.image-attach .ui-icon{inline-size:18px;block-size:18px}.composer-media{display:grid;gap:12px;margin-block:18px}.attachment{display:grid;grid-template-columns:70px minmax(0,1fr) 40px;gap:12px;align-items:center}.attachment img{inline-size:70px;block-size:70px;object-fit:cover;border-radius:12px}.attachment label{font-size:11px;color:var(--muted)}.attachment input{display:block;inline-size:100%;margin-block-start:6px;padding:8px!important;min-block-size:36px!important;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px}.attachment button{inline-size:40px;block-size:40px;border:0;background:transparent;color:var(--ink)}.notification-drawer{inset:0 0 0 auto;margin:0;inline-size:min(490px,100%);block-size:100dvh;max-block-size:100dvh;max-inline-size:100%;padding:24px;border:0;border-inline-start:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.notification-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:20px}.drawer-header h2{font-size:24px;letter-spacing:-.5px}.notification-drawer .app-heading{display:none}.notification-drawer .notification-layout{display:block;margin:0}.notification-drawer .notification-inbox{padding:0;border:0;border-radius:0;background:transparent}.notification-drawer .notification-inbox h2{font-size:14px;letter-spacing:0}.notification-drawer .notification-item{padding-block:18px}.notification-drawer .notification-controls{margin-block:18px 0;padding:20px;border-radius:16px}.notification-drawer .notification-controls h2{font-size:20px}.notification-drawer .drawer-preferences{border-block-start:1px solid var(--line);margin-block-start:24px;padding-block-start:15px}.drawer-preferences>summary{display:flex;align-items:center;justify-content:space-between;min-block-size:44px;cursor:pointer;font-size:13px;font-weight:650}.notification-drawer[open]{animation:drawer-enter 250ms var(--ease-drawer) both}@keyframes drawer-enter{from{opacity:0;transform:translateX(10%)}to{opacity:1;transform:none}}.payment-request{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;margin-block:24px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.payment-request .payment-qr{padding:10px;background:#fff;border-radius:12px;margin:0;inline-size:180px;block-size:180px}.payment-request .payment-qr svg{inline-size:100%;block-size:100%}.payment-request h3{font-size:16px}.payment-request p{font-size:12px;color:var(--muted);margin-block:10px;overflow-wrap:anywhere}.payment-request code{display:block;font-size:11px;overflow-wrap:anywhere;margin-block:12px}.payment-request .copy-small{border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-block-size:40px;margin-inline-end:8px;background:var(--surface-soft)}.payment-identifier{font-size:12px;color:var(--muted);margin-block:16px;overflow-wrap:anywhere}.payment-identifier strong{color:var(--ink)}
@media(hover:hover) and (pointer:fine){.post-actions button:hover{background:var(--surface-soft);color:var(--ink)}.post-consult:hover{background:var(--surface-soft)}}
@media(max-width:1200px){.social-layout{grid-template-columns:minmax(0,1fr)}.social-aside{display:none}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.social-heading{margin-block:24px 20px;align-items:flex-start;flex-wrap:wrap}.social-heading h1{font-size:32px}.social-heading .button{padding:12px 14px;font-size:12px}.social-post{gap:10px;padding-block:23px}.post-avatar .profile-avatar{inline-size:36px;block-size:36px;border-radius:10px}.social-post h2{font-size:19px}.post-byline{gap:5px}.post-byline>a:first-child{font-size:12px}.post-byline span,.post-byline time{font-size:10px}.post-consult{inline-size:32px;block-size:32px}.rich-content{font-size:13px}.social-reply{margin-inline-start:calc(var(--reply-depth,0)*8px);padding-inline-start:8px}.social-reply .profile-avatar{inline-size:29px;block-size:29px}.post-actions{gap:3px}.post-actions button{padding:9px;min-inline-size:40px}.social-public{padding-inline:16px}.post-dialog{padding:20px 16px;border-radius:20px}.composer-header h2{font-size:20px}.composer-bottom{gap:10px}.composer-bottom .button{font-size:12px;padding:12px 15px}.avatar-options label{flex-direction:column;padding:12px;gap:8px}.avatar-options input{position:absolute;inset-block-start:10px;inset-inline-end:10px}.avatar-options .profile-avatar{inline-size:65px;block-size:65px}.notification-drawer{padding:20px 16px;padding-block-end:max(20px,env(safe-area-inset-bottom))}.payment-request{grid-template-columns:minmax(0,1fr)}.payment-request .payment-qr{justify-self:center}}
@media(prefers-reduced-motion:reduce){.notification-drawer[open]{animation:none}}
