#social-dialog{width:min(720px,calc(100vw - 24px));max-height:90dvh;padding:0;overflow:auto}#social-dialog .dialog-header{padding:22px 24px 14px;gap:12px}#social-dialog .dialog-header .icon-button{font-size:26px;min-width:44px;min-height:44px}#social-content{padding:0 24px 24px}.social-tabs{display:flex;gap:8px;padding:0 24px 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.social-tabs button{padding:10px 12px;border:0;background:var(--wash);border-radius:10px;min-height:44px}.social-tabs [aria-current=page]{background:var(--action);color:white}.social-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.social-person,.social-goal{margin:16px 0;padding:22px}.social-person-head{display:flex;align-items:center;gap:12px;min-width:0}.social-person-head h3{margin:0}.social-person-head p{margin:5px 0;color:var(--muted);font-size:13px}.social-person h3,.social-goal h3,.social-notification p{overflow-wrap:anywhere}.social-notification{border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0}.social-notification.unread{background:var(--wash);border-left:4px solid var(--action)}.social-check{display:flex;align-items:center;gap:10px;min-height:44px}.social-check input{width:20px;height:20px}.social-goal-total{font-size:24px;font-weight:700;margin:18px 0 10px;overflow-wrap:anywhere}.social-goal-total small{font-size:14px;font-weight:400;color:var(--muted)}.social-goal progress{width:100%;height:14px;accent-color:var(--action)}.social-goal .between{gap:10px;align-items:flex-start}.social-goal .tag{white-space:nowrap}.social-reactions{border:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:8px}.social-reactions legend{font-size:13px}.social-reactions button{border:1px solid var(--line);background:transparent;border-radius:20px;padding:10px;min-height:44px}.social-reactions [aria-pressed=true]{background:var(--wash);border-color:var(--action)}#social-content>h3{margin-top:24px}#social-content input{max-width:100%}@media(max-width:760px){#social-content{padding:0 18px 22px}.social-tabs{padding:0 18px 14px}.social-tabs button{flex:1;font-size:12px;padding:10px 4px}.social-person,.social-goal{padding:16px}.social-goal .between{flex-wrap:wrap}#social-dialog input{font-size:16px}.prototype-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}}