.social-tabs { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin:1rem 0; }
.social-tabs a,.social-tabs button { display:inline-flex; align-items:center; gap:.45rem; min-height:44px; padding:.65rem 1rem; border-radius:1.5rem; text-decoration:none; }
.social-tabs .active,.social-tabs [aria-pressed=true] { background:var(--accent); color:var(--on-accent); }
.social-profile-header { display:flex; align-items:center; gap:1.5rem; padding:1.5rem 0; }
.social-profile-header h1 { margin:0 0 .5rem; font-size:clamp(1.5rem,4vw,2.5rem); overflow-wrap:anywhere; }
.social-profile-header .maker-avatar { width:7rem; height:7rem; flex:none; border:2px solid var(--accent); border-radius:50%; object-fit:contain; background:var(--surface); }
.profile-counts,.maker-card-actions,.follow-control { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
.profile-counts { margin:.8rem 0; }
.profile-preview,.private-profile { padding:1rem; background:var(--surface); border:1px solid var(--accent); border-radius:1rem; }
.profile-preview { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.maker-bio { max-width:45rem; white-space:pre-wrap; overflow-wrap:anywhere; }
.privacy-label { display:inline-flex; align-items:center; gap:.5rem; font-size:.95rem; }
.social-settings { max-width:48rem; }
.social-settings fieldset { border:0; padding:0; }
.social-settings label { display:flex; align-items:center; gap:.6rem; margin:.65rem 0; }
.social-settings input[type=checkbox] { flex:none; width:1.25rem; height:1.25rem; }
.people-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); gap:1rem; }
.maker-card { border:1px solid var(--border); border-radius:1rem; padding:1rem; background:var(--surface); }
.maker-card-name { display:flex; align-items:center; gap:.8rem; text-decoration:none; }
.maker-card-name h2 { font-size:1.2rem; overflow-wrap:anywhere; }
.maker-card-name .maker-avatar { width:4rem; height:4rem; object-fit:contain; border-radius:50%; background:var(--page); }
.maker-showcase { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin:1rem 0; }
.maker-showcase canvas { width:100%; max-height:13rem; object-fit:contain; border-radius:.5rem; border:0; margin-top:0; }
.people-toolbar form { display:flex; align-items:end; flex-wrap:wrap; gap:.6rem; }
.people-toolbar label { flex:1; min-width:8rem; max-width:24rem; }
.people-toolbar input { width:100%; }
.people-swipe .swipe-card { display:flex; align-items:center; justify-content:center; padding:9rem 1rem 5rem; }
.people-swipe .maker-card-content { width:min(38rem,100%); max-height:100%; overflow:auto; padding:1rem; background:var(--surface); border:1px solid var(--border); border-radius:1rem; }
.people-page.swipe-mode .people-toolbar { position:fixed; z-index:22; left:1rem; top:.5rem; width:min(35rem,calc(100vw - 9rem)); padding:.4rem .7rem; background:var(--surface); border-radius:1rem; }
.people-page.swipe-mode .people-toolbar .social-tabs { margin:.2rem 0; }
.people-page.swipe-mode .people-toolbar form { flex-wrap:nowrap; }
.people-page.swipe-mode .people-toolbar .social-tabs a,.people-page.swipe-mode .people-toolbar .social-tabs button { padding:.3rem .7rem; }
.follower-row,.activity-row { padding:1rem; border-bottom:1px solid var(--border); }
.follower-row { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:center; }
.follower-row>a { display:flex; gap:.6rem; align-items:center; overflow-wrap:anywhere; }
.small-avatar { width:3rem; height:3rem; object-fit:contain; border-radius:50%; }
.activity-row.unread { border-left:4px solid var(--accent); background:color-mix(in srgb,var(--accent) 9%,var(--surface)); }
.activity-picker { position:relative; }
.activity-dropdown { width:min(25rem,calc(100vw - 1rem)); padding:0; border:1px solid var(--border); border-radius:1rem; background:var(--surface); color:var(--text); box-shadow:0 .75rem 2rem #0005; }
.activity-dropdown:popover-open { display:flex; flex-direction:column; }
.activity-dropdown .theme-heading { padding:.65rem 1rem; flex:none; }
.activity-dropdown .activity-feed { min-height:0; max-height:25rem; overflow:auto; overscroll-behavior:contain; }
.activity-all { display:block; padding:.85rem 1rem; min-height:44px; border-top:1px solid var(--border); flex:none; text-align:center; }
.activity-main { display:block; min-height:44px; padding:.25rem 0; overflow-wrap:anywhere; text-decoration:none; }
.activity-meta { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; }
.activity-new { font-size:.8rem; font-weight:700; }
.activity-read-error { max-width:25rem; }
.activity-row p { margin:.2rem 0; }
.activity-link { position:relative; display:inline-flex; text-decoration:none; }
.activity-badge { position:absolute; right:-.35rem; top:-.4rem; border-radius:1rem; padding:.1rem .3rem; background:var(--accent); color:var(--on-accent); font-size:.75rem; }
.profile-page .embedded-library,.profile-page .embedded-collections { padding:0; margin:0; max-width:none; }
@media(max-width:600px) {
    .social-profile-header { align-items:flex-start; gap:1rem; }
    .social-profile-header .maker-avatar { width:4.5rem; height:4.5rem; }
    .profile-counts { gap:.65rem; }
    .people-page.swipe-mode .people-toolbar { left:.4rem; width:calc(100vw - 7rem); padding:.3rem; }
    .people-page.swipe-mode .people-toolbar .social-tabs a,.people-page.swipe-mode .people-toolbar .social-tabs button { padding:.3rem .45rem; }
    .people-swipe .swipe-card { padding-top:11rem; }
    .people-swipe .maker-showcase canvas { max-height:7rem; }
}
@media(max-height:540px) { .people-swipe .maker-card-content { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; } .people-swipe .maker-showcase { margin:0; } .people-swipe .swipe-card { padding-top:7rem; padding-bottom:3rem; } }

.maker-avatar { position:relative; display:inline-flex; align-items:center; justify-content:center; width:4rem; height:4rem; overflow:hidden; flex:none; border-radius:50%; background:var(--surface); color:var(--accent); font-weight:700; }
.maker-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.maker-avatar.account-avatar { width:2rem; height:2rem; }
.maker-avatar.small-avatar { width:3rem; height:3rem; }
.profile-page,.people-page,.followers-page,.activity-page { max-width:76rem; margin:auto; padding:1.25rem; }
.profile-page .social-tabs { border-bottom:1px solid var(--soft-border); padding-bottom:.75rem; }
.profile-page .profile-editor,.profile-page .social-settings { margin:1.5rem 0; padding:1.5rem; border:1px solid var(--soft-border); border-radius:1rem; background:var(--panel); }
.profile-page .profile-editor label { display:flex; align-items:center; gap:.6rem; margin:.75rem 0; flex-wrap:wrap; }
.profile-page .profile-editor textarea { width:100%; }
.profile-page .profile-editor input[type=checkbox] { width:1.25rem; height:1.25rem; }
.maker-card-content { min-width:0; }
.maker-card { display:flex; flex-direction:column; }
.maker-card .maker-card-content { display:flex; flex-direction:column; height:100%; }
.maker-card .maker-card-actions { margin-top:auto; padding-top:.75rem; }
.people-page.swipe-mode .people-toolbar { top:max(.5rem,env(safe-area-inset-top)); }
.people-swipe .swipe-card { padding-bottom:max(5rem,calc(3rem + env(safe-area-inset-bottom))); }
@media(max-width:600px) { .profile-page,.people-page,.followers-page,.activity-page { padding:1rem; } .profile-page .profile-editor,.profile-page .social-settings { padding:1rem; } .social-profile-header .file-actions { gap:.5rem; } }
.profile-nav { display:flex; justify-content:space-between; gap:1rem; margin:.25rem 0 1rem; }
.people-toolbar input[type=search] { min-height:44px; padding:.6rem .8rem; border:1px solid var(--border); border-radius:.55rem; background:var(--surface); color:var(--text); font:inherit; }
.social-profile-header { padding:1.5rem; }
.profile-design-list { padding:0; border:0; background:transparent; }
@media(max-width:600px) {
    .social-profile-header { display:grid; grid-template-columns:4.5rem minmax(0,1fr); gap:.6rem 1rem; padding:1rem; }
    .social-profile-header>div { display:contents; }
    .social-profile-header>.maker-avatar { grid-column:1; grid-row:1 / 3; }
    .social-profile-header h1,.social-profile-header .privacy-label { grid-column:2; }
    .social-profile-header .maker-bio,.social-profile-header .profile-counts,.social-profile-header .file-actions,.social-profile-header .follow-control { grid-column:1 / -1; }
    .social-profile-header .maker-bio { margin:.5rem 0; }
    .social-profile-header .file-actions button { flex:1 1 auto; }
    .social-profile-header .profile-counts { margin:.25rem 0 .5rem; }
}

.embedded-library>h1,.embedded-collections>h1 { font-size:1.65rem; margin:1rem 0; }

.profile-nav a,.profile-page .file-actions :is(a,button),.profile-page section>a[href="/account"],.profile-preview button,.activity-page .file-actions :is(a,button),.followers-page :is(a,button,summary):has(>.icon),.account-page :is(a,button):has(>.icon) { display:inline-flex; align-items:center; gap:.45rem; }
.social-tabs .icon,.community-nav .icon,.profile-nav .icon,.profile-page .file-actions .icon,.profile-page section>a[href="/account"] .icon,.profile-preview button .icon,.activity-page .file-actions .icon,.followers-page :is(button,summary)>.icon,.account-page :is(a,button)>.icon { width:22px; height:22px; }
.profile-page .file-actions .action-btn { min-height:44px; padding:.65rem 1rem; border:1px solid var(--border); border-radius:.55rem; text-decoration:none; background:var(--surface); color:var(--text); }
.profile-nav { flex-wrap:wrap; }