/* An editorial contact list, not another dashboard. Motion only acknowledges
   an action; no polling, parallax or ambient loop is attached to this UI. */
.friends-page { max-width: 780px; margin: 44px auto; }
.friends-page > header { border-bottom: 1px solid #6fe9f733; padding-bottom: 24px; }
.friends-page h1 { margin: 8px 0 16px; font-size: clamp(36px,6vw,60px); letter-spacing: -.04em; }
.friends-page > header > p { max-width:58ch; margin:0; color:#b8a5c9; font-size:13px; line-height:1.6; }
.friends-page-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.friends-panel { position: relative; margin-top: 22px; }
.friends-sections { display: flex; gap: 4px; flex-wrap: wrap; padding: 4px; border: 1px solid #ffffff12; border-radius: 13px; background: #08050d5c; }
.friends-sections a { min-height: 40px; display: inline-flex; align-items: center; gap:7px; padding: 8px 13px; color: #b8a5c9; font-size: 12px; text-decoration: none; border-radius: 9px; transition: color 120ms ease,background-color 120ms ease; }
.friends-sections a:hover { color: #e9fbff; }
.friends-sections a[aria-current] { background: #6fe9f711; color: #6fe9f7; box-shadow: inset 0 0 0 1px #6fe9f714; }
.friend-request-count{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:10px;background:var(--live);color:var(--ground-0);font:700 9px var(--mono)}
.friend-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.friend-list-heading h3 { font-size: 20px; letter-spacing: -.03em; margin: 0; }.friend-list-heading a { font-size: 12px; color: #a0cbd2; padding: 12px 0; }
.friend-help,.friend-safety p,.friend-remove p,.friend-invite p { color: #b8a5c9; font-size: 12px; line-height: 1.6; }
.friend-help a { color: #6fe9f7; }.friend-list { list-style: none; padding: 0; margin: 12px 0; }
.friend-list > li { padding: 22px 2px; border-bottom: 1px solid #ffffff12; }
.friend-identity { display: flex; gap: 13px; align-items: center; }.friend-identity > .avatar-obj { width: 40px; height: 40px; flex: none; }.friend-identity > div { min-width: 0; flex: 1; }
.friend-identity strong,.friend-identity small { display: block; overflow-wrap: anywhere; }.friend-identity strong { font-size: 14px; }.friend-identity small { margin-top: 5px; color: #b8a5c9; font-size: 12px; }
.friend-visit { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; color: #6fe9f7; text-decoration: none; transition:background-color 120ms ease,transform 120ms ease; }.friend-visit:hover { background:#6fe9f70d; transform:translate(1px,-1px); }.friend-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.friend-actions form,.friend-safety form,.profile-connection form { margin: 0; }.friend-pending { font-size: 11px; color: #b8a5c9; margin-right: auto; }
.friend-safety { margin-top: 12px; }.friend-safety summary,.friend-remove summary { color: #b8a5c9; cursor: pointer; font-size: 12px; padding: 10px 0; min-height: 40px; }
.friend-safety[open] { padding: 12px; border-left: 2px solid #b995d6; background: #b995d608; }.friend-safety label { display: block; color: #b8a5c9; font-size: 12px; margin: 16px 0 8px; }
.friend-safety select { display: block; width: 100%; padding: 10px; margin-top: 7px; min-height: 44px; background: #100a17; color: var(--ink); border: 1px solid #b995d640; }
.friends-empty { padding: 34px 2px 26px; }.friends-empty > .friends-empty-mark { display: grid; width: 44px; height: 44px; place-items: center; color: #6fe9f7; background:#6fe9f70a; border-radius: 50%; font-size: 22px; }
.friends-empty h4 { margin: 18px 0 10px; font-size: 23px; letter-spacing: -.035em; }.friends-empty > p { max-width:56ch; color: #b8a5c9; font-size: 13px; line-height: 1.6; }.friends-empty > a { margin-top: 18px; }
.friends-empty-points { display:grid; gap:0; max-width:620px; margin:24px 0 4px; padding:0; list-style:none; border-block:1px solid #ffffff12; }
.friends-empty-points li { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid #ffffff0d; }
.friends-empty-points li:last-child { border-bottom:0; }
.friends-empty-points li>span { flex:none; color:#6fe9f7; font:600 9px var(--mono); }
.friends-empty-points strong,.friends-empty-points small { display:block; }
.friends-empty-points strong { color:var(--ink); font-size:12px; }
.friends-empty-points small { margin-top:4px; color:#998ba5; font-size:11px; line-height:1.45; }
.friend-notice,.friend-error { border-left: 2px solid #6fe9f7; padding: 12px; background: #6fe9f709; font-size: 13px; line-height: 1.5; }.friend-error { border-color: #efafba; background: #efafba09; }
.profile-connection { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 14px 0 20px; padding: 14px 18px; border-left: 2px solid #6fe9f7; border-radius: 0 12px 12px 0; background: linear-gradient(90deg,#6fe9f70b,transparent 72%); }
.profile-connection > span { color: #b8a5c9; font-size: 12px; }.profile-connection > .friend-safety { margin: 0 0 0 auto; }.profile-connection details[open] { flex-basis: 100%; }
.friend-invite summary { cursor: pointer; list-style: none; }.friend-invite p { max-width: 65ch; }
.friends-panel[aria-busy=true] { pointer-events: none; }
.friends-panel[aria-busy=true]::before { content:""; position:absolute; z-index:2; inset:-1px 0 auto; height:2px; border-radius:2px; background:linear-gradient(90deg,transparent,#6fe9f7,transparent) 0 0/45% 100% no-repeat; animation:friends-progress 850ms ease-in-out infinite; }
.friends-panel[aria-busy=true]>* { opacity:.52; }
@keyframes friends-progress { from { background-position:-45% 0; } to { background-position:145% 0; } }
.friends-page :focus-visible,.profile-connection :focus-visible { outline: 2px solid #6fe9f7; outline-offset: 3px; }
@media(max-width:600px) { .friends-page { margin: 26px auto; }.friends-page h1 { font-size:42px; }.friends-sections { display:grid; grid-template-columns:repeat(4,1fr); }.friends-sections a { justify-content:center; padding-inline:5px; font-size:11px; }.profile-connection { margin-inline:0; padding:14px; }.friend-actions .social-primary,.friend-actions .social-secondary { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .friends-panel[aria-busy=true]::before { animation:none; }.friends-sections a,.friend-visit { transition:none; } }

/* Binder Inbox: private delivery metadata from web_binder_inbox, loaded only
 * when the person opens the existing Inbox tab. */
.binder-inbox-panel{display:grid;gap:14px}
.binder-inbox-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}
.binder-inbox-heading h3{margin:2px 0 0;font-size:17px}
.binder-inbox-heading button{padding:7px 9px;border:1px solid var(--glass-edge);border-radius:7px;background:transparent;color:var(--ink-2);font:600 10px var(--mono);text-transform:uppercase}
.binder-inbox-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.binder-inbox-item{display:grid;gap:9px;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--glass-edge) 72%,transparent)}
.binder-inbox-item.is-unread{background:linear-gradient(90deg,color-mix(in srgb,var(--live) 5%,transparent),transparent 72%);box-shadow:-8px 0 0 -6px var(--live)}
.binder-inbox-sender .avatar-obj{flex:none;width:29px;height:29px}
.binder-inbox-cover{position:relative;flex:none;width:48px;aspect-ratio:2.5/3.5;padding:7px 5px 7px 11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--binder-accent) 35%,var(--glass-edge));border-radius:3px 7px 7px 3px;background:linear-gradient(135deg,color-mix(in srgb,var(--binder-base) 82%,var(--ground-0)),color-mix(in srgb,var(--binder-accent) 32%,var(--ground-0)));box-shadow:inset 6px 0 10px color-mix(in srgb,var(--ground-0) 62%,transparent)}
.binder-inbox-cover i{position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--glass-edge)}
.binder-inbox-cover b{position:relative;display:block;overflow:hidden;color:var(--ink);font:650 6px/1.15 var(--font-display);text-overflow:ellipsis}
.binder-inbox-item form{display:block;margin:0}.binder-inbox-item form>input{display:none}
.binder-inbox-object{width:100%;border:0;background:linear-gradient(115deg,color-mix(in srgb,var(--binder-accent) 8%,transparent),color-mix(in srgb,var(--ground-0) 58%,transparent) 62%);font:inherit;text-align:left;cursor:pointer}
.binder-inbox-empty{display:grid;place-items:center;min-height:250px;padding:32px 18px;text-align:center}
.binder-inbox-empty>span{width:42px;height:58px;border:1px solid color-mix(in srgb,var(--violet-lo) 34%,transparent);border-radius:3px 7px 7px 3px;box-shadow:8px 6px 0 -4px var(--violet-dim)}
.binder-inbox-empty h4{margin:10px 0 0;color:var(--ink-2)}
.binder-inbox-empty p{max-width:36ch;margin:7px 0 0;color:var(--ink-3);font-size:11px;line-height:1.55}.binder-inbox-empty a{margin-top:18px;color:var(--live);font-size:11px;text-decoration:none}.binder-inbox-empty i{font-style:normal}

/* Activity is public/friends-authorized discovery from web_friend_activity,
 * visually distinct from the private delivery receipts above. */
.friend-activity-panel{display:grid;gap:14px}
.friend-activity-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}
.friend-activity-heading h3{margin:2px 0 0;font-size:17px}
.friend-activity-heading button{padding:7px 9px;border:1px solid var(--glass-edge);border-radius:7px;background:transparent;color:var(--ink-2);font:600 10px var(--mono);text-transform:uppercase}
.friend-activity-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.friend-activity-story{padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--glass-edge) 72%,transparent)}
.social-story-actor{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:9px}.social-story-actor .avatar-obj{flex:none;width:29px;height:29px}.social-story-actor>span:nth-child(2){min-width:0;flex:1}.social-story-actor strong,.social-story-actor small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-story-actor strong{color:var(--ink-2);font-size:11px}.social-story-actor small{margin-top:2px;color:var(--ink-3);font:9px/1.35 var(--mono);text-transform:uppercase}.social-story-profile{color:var(--ink-3);font:9px var(--mono);text-decoration:none;text-transform:uppercase}.social-story-profile:hover{color:var(--live)}
.social-object-row{display:flex;align-items:center;gap:12px;padding:11px;border-radius:11px;color:var(--ink-2);text-decoration:none;transition:transform 120ms ease,background-color 120ms ease}.social-object-row:hover{transform:translateX(2px)}.social-object-art{flex:none}.social-object-copy{min-width:0;flex:1}.social-object-copy small,.social-object-copy strong,.social-object-copy em{display:block}.social-object-copy small{color:var(--violet-hi);font:9px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase}.social-object-copy strong{margin-top:5px;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.social-object-copy em{margin-top:7px;overflow:hidden;color:var(--ink-3);font:9px/1.35 var(--mono);font-style:normal;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.social-object-row>i{flex:none;color:var(--live);font-style:normal}
.friend-activity-binder{background:linear-gradient(115deg,color-mix(in srgb,var(--binder-accent) 8%,transparent),color-mix(in srgb,var(--ground-0) 58%,transparent) 62%)}
.friend-activity-cover{position:relative;flex:none;width:55px;aspect-ratio:2.5/3.5;padding:8px 6px 8px 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--binder-accent) 40%,var(--glass-edge));border-radius:3px 8px 8px 3px;background:linear-gradient(135deg,color-mix(in srgb,var(--binder-base) 84%,var(--ground-0)),color-mix(in srgb,var(--binder-accent) 34%,var(--ground-0)));box-shadow:inset 7px 0 10px color-mix(in srgb,var(--ground-0) 62%,transparent),5px 5px 12px #0006}
.friend-activity-cover i{position:absolute;left:8px;inset-block:0;width:1px;background:var(--glass-edge)}
.friend-activity-cover b{position:relative;display:block;overflow:hidden;color:var(--ink);font:650 6.5px/1.15 var(--font-display);text-overflow:ellipsis}
.friend-activity-card{gap:10px;background:color-mix(in srgb,var(--ground-0) 58%,transparent)}.friend-activity-card:hover{background:color-mix(in srgb,var(--ground-0) 78%,transparent)}
.friend-activity-card-image{display:grid;flex:none;width:44px;aspect-ratio:2.5/3.5;overflow:hidden;place-items:center;border:1px solid var(--glass-edge);border-radius:5px;background:var(--ground-1);color:var(--live);box-shadow:0 5px 14px #0005}
.friend-activity-card-image img{width:100%;height:100%;object-fit:contain}.friend-activity-card-image i{font-style:normal}
.friend-activity-empty{display:grid;place-items:center;min-height:250px;padding:32px 18px;text-align:center}.friend-activity-empty>span{width:54px;height:26px;background:radial-gradient(circle,var(--violet-hi) 0 3px,transparent 4px) 0 50%/18px 18px repeat-x;opacity:.5}.friend-activity-empty h4{margin:10px 0 0;color:var(--ink-2)}.friend-activity-empty p{max-width:38ch;margin:7px 0 0;color:var(--ink-3);font-size:11px;line-height:1.55}.friend-activity-empty a{margin-top:18px;color:var(--live);font-size:11px;text-decoration:none}.friend-activity-empty i{font-style:normal}
@media(prefers-reduced-motion:reduce){.social-object-row{transition:none}}

/* The durable Social destination. Account, Home and Profile all lead here;
 * the duplicate floating tray is retired rather than competing with it. */
.social-hub-view .wrap{width:min(calc(100% - 48px),1280px)}
.social-hub{display:grid;gap:22px;max-width:1180px;margin:34px auto 72px}
.social-hub-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:28px;min-height:0;padding:clamp(26px,3vw,38px);overflow:hidden;border:1px solid var(--glass-edge);border-radius:20px;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--violet-hi) 16%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--ground-1) 88%,transparent),color-mix(in srgb,var(--ground-0) 72%,transparent));box-shadow:0 20px 58px color-mix(in srgb,var(--ground-0) 68%,transparent)}
.social-hub-hero::after{position:absolute;right:-8%;bottom:-72%;width:52%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--violet-lo) 14%,transparent);border-radius:50%;content:""}
.social-hub-hero-copy{position:relative;z-index:1;align-self:center;min-width:0}
.social-hub-hero h1{max-width:none;margin:7px 0 10px;font-size:clamp(38px,5vw,56px);line-height:.94;letter-spacing:-.055em}
.social-hub-hero-copy>p{max-width:67ch;margin:0;color:var(--ink-2);font-size:13px;line-height:1.6}
.social-hub-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.social-request-signal{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--live) 30%,var(--glass-edge));border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--live) 8%,var(--ground-1)),color-mix(in srgb,var(--violet-hi) 5%,var(--ground-0)));color:var(--ink);text-decoration:none}.social-request-signal>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--live);color:var(--ground-0);font:700 11px var(--mono)}.social-request-signal>strong{font-size:13px}.social-request-signal>em{color:var(--live);font:600 9px var(--mono);font-style:normal;text-transform:uppercase}.social-request-signal i{font-style:normal}
.social-hub-orbit{position:relative;align-self:center;justify-self:center;width:116px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--violet-hi) 24%,transparent);border-radius:50%;box-shadow:inset 0 0 38px color-mix(in srgb,var(--violet-hi) 8%,transparent)}
.social-hub-orbit::before,.social-hub-orbit::after{position:absolute;inset:20%;border:1px solid color-mix(in srgb,var(--live) 20%,transparent);border-radius:50%;content:""}.social-hub-orbit::after{inset:42%;background:color-mix(in srgb,var(--violet-hi) 22%,var(--ground-0));box-shadow:0 0 36px color-mix(in srgb,var(--violet-hi) 24%,transparent)}
.social-hub-orbit i{position:absolute;z-index:1;width:16px;aspect-ratio:1;border:3px solid var(--ground-1);border-radius:50%;background:var(--live);box-shadow:0 0 20px color-mix(in srgb,var(--live) 44%,transparent)}
.social-hub-orbit i:nth-child(1){top:4%;left:47%}.social-hub-orbit i:nth-child(2){right:10%;bottom:18%;background:var(--violet-hi)}.social-hub-orbit i:nth-child(3){bottom:14%;left:8%;width:12px;background:var(--ink-2)}
.social-hub-orbit span{position:absolute;top:18%;left:15%;width:7px;aspect-ratio:1;border-radius:50%;background:var(--violet-lo)}
.social-hub-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--glass-edge);border-radius:16px;background:color-mix(in srgb,var(--ground-1) 70%,transparent)}
.social-hub-map a{display:grid;min-width:0;min-height:76px;padding:13px 18px;border-right:1px solid var(--glass-edge);color:var(--ink);text-decoration:none;transition:background-color 120ms ease}.social-hub-map a:last-child{border-right:0}.social-hub-map a:hover{background:color-mix(in srgb,var(--violet-hi) 7%,transparent)}
.social-hub-map span{color:var(--live);font:600 9px var(--mono)}.social-hub-map strong{align-self:end;margin-top:7px;font-size:13px}.social-hub-map small{margin-top:3px;overflow:hidden;color:var(--ink-3);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.social-connect{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(260px,1fr) minmax(250px,.9fr) auto;gap:24px;align-items:center;padding:24px 28px;border:1px solid color-mix(in srgb,var(--live) 20%,var(--glass-edge));border-radius:18px;background:linear-gradient(112deg,color-mix(in srgb,var(--live) 5%,var(--ground-1)),color-mix(in srgb,var(--violet-hi) 6%,var(--ground-0)));scroll-margin-top:24px}
.social-connect-intro h2{margin:7px 0 0;font-size:clamp(21px,2.6vw,30px);line-height:1;letter-spacing:-.04em}.social-connect-code>span:first-child,.social-connect-enter>label{display:block;color:var(--ink-3);font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.social-connect-code>strong{display:block;margin-top:7px;color:var(--ink);font:700 clamp(16px,2vw,21px) var(--mono);letter-spacing:.11em}.social-connect-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.social-connect-actions button{min-height:42px}.social-connect-status{display:block;min-height:15px;margin-top:7px;color:var(--live);font:9px var(--mono)}
.social-connect-enter>div{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;margin-top:8px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--ground-0)}.social-connect-enter input{min-width:0;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--ink);font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase}.social-connect-enter button{min-height:44px;padding:0 13px;border:0;border-left:1px solid var(--glass-edge);background:transparent;color:var(--live);font:600 10px var(--mono);cursor:pointer}.social-connect-reset{align-self:center}.social-connect-reset summary{min-height:44px;display:flex;align-items:center;color:var(--ink-3);font:10px var(--mono);cursor:pointer}.social-connect-reset p{max-width:22ch;color:var(--ink-3);font-size:10px;line-height:1.45}.social-connect-reset form{min-width:180px}
.connect-invite-view .wrap{width:min(calc(100% - 32px),760px)}.connect-door{display:grid;min-height:calc(100vh - 180px);align-content:center;gap:16px;padding-block:42px}.connect-door-back{justify-self:start;color:var(--ink-3);font:10px var(--mono);text-decoration:none}.connect-card{position:relative;overflow:hidden;padding:clamp(28px,6vw,54px);border:1px solid color-mix(in srgb,var(--live) 24%,var(--glass-edge));border-radius:4px 30px 4px 4px;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--live) 13%,transparent),transparent 32%),linear-gradient(145deg,var(--ground-1),var(--ground-0));box-shadow:0 30px 80px color-mix(in srgb,var(--ground-0) 75%,transparent)}.connect-card::after{position:absolute;right:-70px;bottom:-90px;width:220px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--violet-lo) 18%,transparent);border-radius:50%;content:""}.connect-card-identity{position:relative;z-index:1;display:flex;align-items:center;gap:18px;margin-top:28px}.connect-card-identity>.avatar-obj{flex:none;width:76px;height:76px}.connect-card h1{margin:0;font-size:clamp(30px,7vw,50px);line-height:.95;letter-spacing:-.055em}.connect-card-identity p{margin:8px 0 0;color:var(--ink-3);font:11px var(--mono)}.connect-code-mini{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 22px;padding-block:14px;border-block:1px solid var(--glass-edge)}.connect-code-mini span{color:var(--ink-3);font:8px var(--mono);text-transform:uppercase}.connect-code-mini strong{font:650 12px var(--mono);letter-spacing:.08em}.connect-card form{margin:0}.connect-card-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center}.connect-card form .connect-card-action{width:100%}.connect-card-state{display:block;margin-bottom:15px;font-size:16px}.connect-card-boundary{margin:13px 0 0;color:var(--ink-3);font-size:10px;line-height:1.5}
.social-hub-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:22px;align-items:start}
.social-hub-side{display:grid;gap:22px;min-width:0}
.social-hub-room{min-width:0;padding:clamp(22px,3vw,34px);border:1px solid var(--glass-edge);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--ground-1) 80%,transparent),color-mix(in srgb,var(--ground-0) 58%,transparent));scroll-margin-top:24px}
.social-hub-room-intro{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--glass-edge)}
.social-hub-room-intro h2,.social-hub-people h2{margin:7px 0 10px;font-size:clamp(23px,3vw,34px);line-height:1.05;letter-spacing:-.04em}.social-hub-room-intro p,.social-hub-people>p{max-width:58ch;margin:0;color:var(--ink-3);font-size:11px;line-height:1.65}
.social-hub-activity{min-width:0}.social-hub-activity .friend-activity-panel{min-width:0;gap:7px}.social-hub-activity .friend-activity-heading,.social-hub-inbox .binder-inbox-heading{min-width:0;padding-bottom:5px}.social-hub-room .friend-activity-heading a,.social-hub-room .binder-inbox-heading a{min-height:40px;padding:10px 0;color:var(--ink-3);font:600 9px var(--mono);text-decoration:none;text-transform:uppercase}.social-hub-room .friend-activity-heading a:hover,.social-hub-room .binder-inbox-heading a:hover{color:var(--live)}
.social-hub-activity .friend-activity-story{padding-block:20px}.social-hub-activity .social-object-row{padding:14px}.social-hub-activity .friend-activity-card-image{width:52px}.social-hub-activity .friend-activity-cover{width:62px}.social-hub-activity .social-object-copy strong{font-size:13px}
.social-hub-finite{display:flex;align-items:center;gap:9px;margin:22px 0 0;padding-top:17px;border-top:1px solid var(--glass-edge);color:var(--ink-3);font:9px/1.55 var(--mono);text-transform:uppercase}.social-hub-finite span{color:var(--live)}
.social-hub-search{display:grid;gap:8px;margin:22px 0 0}.social-hub-search label{color:var(--ink-3);font:600 9px var(--mono);text-transform:uppercase}.social-hub-search>div{display:grid;grid-template-columns:minmax(0,1fr) 46px;min-width:0;border:1px solid color-mix(in srgb,var(--violet-lo) 36%,var(--glass-edge));border-radius:11px;background:color-mix(in srgb,var(--ground-0) 76%,transparent)}
.social-hub-search input{min-width:0;min-height:46px;padding:0 13px;border:0;background:transparent;color:var(--ink);font:12px var(--font)}.social-hub-search input::placeholder{color:var(--ink-3)}.social-hub-search button{display:grid;min-width:46px;min-height:46px;padding:0;place-items:center;border:0;border-left:1px solid var(--glass-edge);background:transparent;color:var(--live);font-size:18px;cursor:pointer}
.social-hub-text-link{display:inline-flex;min-height:44px;align-items:center;gap:9px;margin-top:12px;color:var(--live);font-size:11px;text-decoration:none}
.social-hub-activity .friend-activity-empty,.social-hub-inbox .binder-inbox-empty{min-height:150px;padding-inline:0}.social-hub-inbox .binder-inbox-item{padding-block:18px}.social-hub-inbox .binder-inbox-object{padding:12px 9px}
.social-hub-connections{padding-inline:clamp(22px,5vw,56px)}.social-hub-connections .friends-panel{max-width:none;margin:0}.social-hub-connections .friends-sections{max-width:620px}.social-hub-connections .friend-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;max-width:none}.social-hub-connections .friend-list>li{min-width:0}
.social-hub-boundary{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.2fr) auto;gap:26px;align-items:center;padding:24px 28px;border:1px solid var(--glass-edge);border-radius:16px;background:color-mix(in srgb,var(--ground-0) 66%,transparent)}.social-hub-boundary strong{display:block;margin-top:7px;font-size:14px}.social-hub-boundary p{margin:0;color:var(--ink-3);font-size:11px;line-height:1.6}.social-hub-boundary a{color:var(--live);font:10px var(--mono);text-decoration:none;white-space:nowrap}
.social-hub :focus-visible{outline:2px solid var(--live);outline-offset:3px}
@media(max-width:900px){.social-connect{grid-template-columns:1fr 1.2fr}.social-connect-enter{grid-column:1}.social-connect-reset{grid-column:2;justify-self:end}.social-hub-grid{grid-template-columns:1fr}.social-hub-side{grid-template-columns:repeat(2,minmax(0,1fr))}.social-hub-boundary{grid-template-columns:1fr auto}.social-hub-boundary p{grid-column:1/-1;grid-row:2}}
@media(max-width:680px){.social-hub-view .wrap{width:min(calc(100% - 24px),1280px)}.social-hub{gap:12px;margin:14px auto 38px}.social-hub-hero{display:block;padding:23px 19px 24px;border-radius:16px}.social-hub-hero h1{font-size:40px}.social-hub-hero-copy>p{font-size:12px}.social-hub-orbit{display:none}.social-hub-hero-actions{margin-top:15px}.social-hub-hero-actions>*{flex:1 1 140px;min-height:44px}.social-request-signal{min-height:62px}.social-hub-map{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:13px}.social-hub-map a{min-height:68px;padding:11px 13px}.social-hub-map a:nth-child(2){border-right:0}.social-hub-map a:nth-child(-n+2){border-bottom:1px solid var(--glass-edge)}.social-hub-map small{font-size:9px}.social-hub-side{grid-template-columns:1fr}.social-hub-room{padding:20px 17px;border-radius:14px}.social-hub-room-intro{margin-bottom:17px;padding-bottom:15px}.social-hub-activity .friend-activity-story{padding-block:17px}.social-hub-activity .social-object-row{padding-inline:8px}.social-hub-activity .social-story-profile{min-width:44px;min-height:44px;display:grid;place-items:center}.social-hub-connections{padding-inline:17px}.social-hub-connections .friends-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.social-hub-connections .friend-list{grid-template-columns:1fr;column-gap:0}.social-hub-connections .friends-empty-points{margin-block:16px 0}.social-hub-boundary{grid-template-columns:1fr;padding:20px}.social-hub-boundary p{grid-column:auto;grid-row:auto}.social-hub-boundary a{white-space:normal}.social-hub-inbox .binder-inbox-object{min-height:72px}.social-hub-search input{font-size:16px}}
@media(max-width:680px){.social-connect{grid-template-columns:1fr;gap:18px;padding:20px 17px}.social-connect-enter,.social-connect-reset{grid-column:auto;justify-self:stretch}.social-connect-actions>*{flex:1}.social-connect-enter input{font-size:16px}.connect-door{padding-block:24px}.connect-card{padding:28px 20px;border-radius:3px 22px 3px 3px}.connect-card-identity>.avatar-obj{width:58px;height:58px}.connect-code-mini{align-items:flex-start;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){.social-hub-map a{transition:none}}