.social-dialog{width:min(1120px,94vw);max-height:92dvh;padding:22px;border:1px solid var(--line);border-radius:14px}.social-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.social-dialog header h2{margin:0;font-size:24px}.social-layout{display:grid;grid-template-columns:270px minmax(0,1fr);height:70dvh;gap:20px;margin-top:16px}.social-nav{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:color-mix(in srgb,var(--panel) 75%,#000);border:1px solid var(--line);border-radius:10px}.social-nav details{margin:0}.social-nav summary{font-weight:700;color:var(--text);padding:4px 0 8px}.social-nav input{width:100%;box-sizing:border-box;margin-top:8px}.social-nav form{display:grid;gap:8px}.social-nav>button{padding:10px;text-align:left}.social-conversation{min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:0 4px}.social-conversation>header{padding:8px 0 12px}.social-conversation>header h3{margin:0;font-size:20px}.social-messages{flex:1;overflow:auto;min-height:0;padding:4px 12px;background:color-mix(in srgb,var(--panel) 65%,#000);border:1px solid var(--line);border-radius:10px}.social-messages article{padding:14px 4px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.social-messages article strong{display:block;color:var(--accent);font-size:13px}.social-messages p{white-space:pre-wrap;margin:7px 0;font-size:15px}.social-composer{display:flex;gap:8px;padding-top:4px}.social-composer textarea{flex:1;min-width:0;min-height:52px;resize:vertical}.social-composer button{min-width:100px}.social-status{color:#ffa5a5;min-height:1.2em}.social-invite{padding:10px;border:1px solid var(--line)}#settingsDialog{max-width:480px}#settingsDialog label{margin:18px 0}.translation-original{font-size:.8em;color:var(--muted)}.mobile-menu{display:none}
body[data-design=aurora]{--bg:#081b20;--panel:#10262d;--raised:#1e3540;--accent:#95ecd0;--tint:#22483e;background:radial-gradient(ellipse at top,#315243,#081b20)}body[data-design=ocean]{--bg:#081523;--panel:#12253c;--raised:#203953;--accent:#8bdcf0;--tint:#21445b}body[data-design=parchment]{--bg:#f5eedf;--panel:#ece0c8;--raised:#fff8ec;--accent:#784620;--tint:#e0ccaa;--text:#302718;--muted:#665941;--line:#b6a382;color-scheme:light}
@media(max-width:700px){.social-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:12px;border-radius:0}.social-layout{height:calc(100dvh - 85px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.social-nav{max-height:150px;flex-direction:column;flex-wrap:nowrap;flex-shrink:0;padding:8px}.social-nav>button{max-width:none}.social-conversation header{max-height:80px;overflow:auto}.social-composer textarea{max-height:80px}.social-dialog h2{font-size:18px}.social-messages{padding:4px 8px}}

body[data-design=parchment] .rail,body[data-design=parchment] .members,body[data-design=parchment] .chat-main,body[data-design=parchment] dialog{background:var(--panel);color:var(--text)}body[data-design=parchment] .message,body[data-design=parchment] h1,body[data-design=parchment] h2{color:var(--text)}body[data-design=aurora] .rail,body[data-design=ocean] .rail{background:var(--panel)}.contact-list{display:grid;gap:4px;margin:8px 0}.contact-list button{text-align:left;width:100%;padding:7px 9px;background:var(--raised);border:1px solid var(--line);color:var(--text)}.contact-list button:hover{color:var(--accent);border-color:var(--accent)}
 .social-links .has-private-unread{border-color:#efb866;box-shadow:0 0 0 2px rgba(239,184,102,.22),0 0 14px rgba(239,184,102,.35);animation:private-pulse 1.8s ease-in-out infinite}.private-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#efb866;color:#101820;font-size:12px;font-weight:800;line-height:20px;float:right}@keyframes private-pulse{0%,100%{box-shadow:0 0 0 2px rgba(239,184,102,.18),0 0 8px rgba(239,184,102,.25)}50%{box-shadow:0 0 0 3px rgba(239,184,102,.35),0 0 18px rgba(239,184,102,.55)}}
 .contact-list button{display:flex;align-items:center;gap:6px}.contact-unread-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#efb866;color:#101820;font-size:12px;font-weight:800}
 .member-row.member-private-unread{border-radius:8px;outline:1px solid var(--accent);background:var(--tint);animation:private-pulse 1.8s ease-in-out infinite}.member-unread-count{margin-left:auto;border-radius:999px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:800;min-width:22px;padding:3px 5px;text-align:center;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.member-row.member-private-unread{animation:none}}