.social-shell { color:#dbe5ef; min-width:0; }
.social-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.social-heading h2 { margin:7px 0; font-size:23px; color:#e6edf4; }
.social-heading p { margin:0; color:#97a6b7; font-size:12px; line-height:1.8; }
.social-kicker { color:#ffab39; font:10px ui-monospace,monospace; letter-spacing:1.4px; }
.social-privacy { display:flex; flex-wrap:wrap; gap:8px; color:#6bdfb2; font-size:11px; }
.social-privacy span { border:1px solid #275844; padding:5px 9px; background:#101e1c; }
.social-storage-note { color:#8395a8; font-size:10px; line-height:1.8; margin:9px 0 16px; }
.social-notice { padding:10px 13px; border-left:2px solid #58c7ff; color:#b8d9ec; background:#14202b; font-size:12px; margin:12px 0; overflow-wrap:anywhere; }
.social-notice.error { border-color:#ff6868; color:#ffb5b5; background:#2a171b; }
.social-enroll-card { padding:26px; border:1px solid #354454; background:#10151d; }
.social-enroll-card h3 { color:#ffab39; margin:0 0 10px; }
.social-enroll-card p { color:#a8b6c6; font-size:12px; line-height:1.8; max-width:600px; }
.social-own-profile { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 0 16px; font-size:11px; color:#8e9fb1; }
.social-own-profile b { color:#dce7f3; margin-left:8px; }
.social-workspace { display:grid; grid-template-columns:minmax(240px,310px) minmax(0,1fr); border:1px solid #344252; min-height:530px; background:#0d1219; }
.social-contacts { padding:16px; border-right:1px solid #344252; min-width:0; }
.social-contacts label,.nomination-form label { color:#a9b8ca; display:block; font-size:11px; margin:10px 0 6px; }
.social-inline { display:flex; gap:7px; }
.social-shell input,.social-shell textarea,.social-shell select { min-width:0; background:#080c12; border:1px solid #3b4c60; color:#e1eaf3; border-radius:1px; font-family:inherit; font-size:12px; line-height:1.6; padding:9px 10px; }
.social-shell input:focus,.social-shell textarea:focus,.social-shell select:focus { outline:1px solid #ff9f1c; border-color:#ff9f1c; }
.social-inline input { flex:1; width:100%; }
.social-request-note { width:100%; margin:10px 0; }
.social-search-card { display:flex; justify-content:space-between; align-items:center; gap:9px; border-bottom:1px solid #25313e; padding:11px 0; }
.social-search-card > div { min-width:0; }
.social-search-card strong,.social-search-card span { display:block; font-size:11px; overflow-wrap:anywhere; }
.social-search-card span,.social-search-card small { color:#8d9daf; font-size:10px; margin-top:4px; }
.social-contacts h3 { color:#ffab39; font-size:12px; border-top:1px solid #344252; padding-top:17px; margin:17px 0 8px; }
.social-contact-list { max-height:440px; overflow:auto; }
.social-contact { border:1px solid transparent; margin:3px 0; }
.social-contact.selected { background:#182533; border-color:#3b5d7a; }
.social-contact-select { display:flex; align-items:center; gap:10px; width:100%; background:none; border:0; color:#dde5ed; text-align:left; padding:10px 6px; cursor:pointer; }
.social-contact-select > span:last-child { min-width:0; }
.social-avatar { display:grid; place-items:center; width:33px; height:33px; flex:none; color:#71bce8; border:1px solid #36516c; background:#142131; font-size:12px; }
.social-avatar.ai { color:#ffb34e; background:#2e2115; border-color:#7f5325; }
.social-contact strong,.social-contact small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.social-contact small { color:#8fa2b7; margin-top:5px; font-size:10px; }
.social-contact em { color:#0d1117; background:#ffad3f; font-style:normal; font-size:10px; padding:1px 5px; margin-left:6px; }
.social-contact p { font-size:11px; color:#b8c6d6; line-height:1.7; margin:0 9px 9px; overflow-wrap:anywhere; }
.social-request-actions { display:flex; gap:7px; margin:9px; }
.social-request-actions .button { padding:6px 12px; font-size:11px; }
.social-conversation { display:flex; flex-direction:column; min-width:0; }
.social-chat-header { padding:16px 20px; border-bottom:1px solid #344252; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
.social-chat-header strong { color:#ffb44f; font-size:15px; }
.social-chat-header small,.social-chat-header p { display:block; color:#8e9fb1; font-size:10px; margin:5px 0 0; }
.social-key { flex-basis:100%; color:#7f93a8; font-size:10px; }
.social-key summary { cursor:pointer; }
.social-key code { display:block; overflow-wrap:anywhere; color:#9acbe9; font-size:10px; margin-top:8px; }
.social-chat-history { flex:1; min-height:280px; max-height:410px; overflow:auto; padding:18px 20px; }
.social-system-message { text-align:center; color:#74879b; font-size:10px; margin:12px 0; }
.social-message { background:#182432; border:1px solid #2a4157; padding:11px 13px; max-width:85%; margin:9px 0; width:fit-content; }
.social-message.mine { margin-left:auto; background:#282217; border-color:#63502d; }
.social-message div { font-size:12px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.social-message small { display:block; font-size:9px; color:#8b9aac; margin-top:6px; }
.social-chat-form { border-top:1px solid #344252; padding:13px 17px; }
.social-chat-form textarea { width:100%; resize:vertical; }
.social-compose-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:9px; }
.social-compose-footer small { font-size:10px; color:#8194a9; }
.social-empty { padding:22px 10px; font-size:12px; color:#8b9eb2; line-height:1.9; }
.nomination-public { background:#241d12; border-left:2px solid #f0a231; color:#c6b18e; padding:12px 14px; font-size:11px; line-height:1.8; }
.nomination-form { margin:17px 0; background:#101721; border:1px solid #415267; padding:20px; }
.nomination-form input,.nomination-form textarea { width:100%; }
.nomination-form-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.nomination-form-heading h3 { color:#f0b563; font-size:14px; margin:0; }
.nomination-form-heading span { color:#8294a8; font-size:10px; }
.nomination-symbol-results { display:grid; background:#101a26; }
.nomination-symbol-results button { display:flex; gap:12px; align-items:center; padding:10px; background:none; border:0; border-bottom:1px solid #273a50; color:#d9e4ee; text-align:left; cursor:pointer; font-size:11px; }
.nomination-symbol-results button:hover { background:#24384d; }
.nomination-symbol-results b { color:#68c6ff; min-width:85px; }
.nomination-symbol-results small { color:#849ab0; margin-left:auto; }
.nomination-selected { color:#64d6aa; font-size:10px; margin:8px 0; }
.nomination-toolbar { display:flex; align-items:center; gap:12px; padding:18px 0 12px; font-size:11px; color:#92a3b7; }
.nomination-count { flex:1; }
.nomination-toolbar select { margin-left:auto; width:auto; flex:none; min-width:110px; }
.nomination-toolbar .text-button { flex:none; white-space:nowrap; }
.nomination-list { display:grid; gap:12px; }
.nomination-card { display:flex; gap:19px; padding:20px; border:1px solid #354456; background:#10151d; }
.nomination-vote { flex:0 0 68px; }
.nomination-rank { display:block; color:#59718c; font:11px ui-monospace,monospace; text-align:center; padding-bottom:8px; }
.nomination-vote button { display:flex; flex-direction:column; align-items:center; width:100%; gap:6px; padding:10px 4px; border:1px solid #405369; background:#142130; color:#9eb7d1; cursor:pointer; }
.nomination-vote button[aria-pressed="true"] { border-color:#ffab3d; background:#302416; color:#ffbb5d; }
.nomination-vote button:disabled { cursor:default; opacity:.65; }
.nomination-vote strong { color:#dce7f0; font:600 22px ui-monospace,monospace; }
.nomination-vote small { font-size:9px; }
.nomination-body { min-width:0; flex:1; }
.nomination-meta { display:flex; gap:11px; flex-wrap:wrap; font-size:10px; color:#8095ac; }
.nomination-meta b { color:#6bc8ff; font-family:ui-monospace,monospace; }
.nomination-body h3 { font-size:17px; color:#e4ebf3; line-height:1.55; margin:10px 0; overflow-wrap:anywhere; }
.nomination-reason,.nomination-body details p { color:#adbdce; font-size:12px; line-height:1.85; white-space:pre-wrap; overflow-wrap:anywhere; }
.nomination-body details { padding:9px 12px; border-left:2px solid #8a6536; background:#1d1c1a; font-size:11px; }
.nomination-body details summary { color:#d6b47c; cursor:pointer; }
.nomination-body footer { margin-top:14px; font-size:10px; color:#748ba3; }
@media(max-width:850px){.social-workspace{grid-template-columns:245px minmax(0,1fr)}.social-heading h2{font-size:20px}.social-contacts{padding:12px}}
@media(max-width:650px){.social-heading{align-items:flex-start;flex-direction:column}.social-heading>.button{align-self:flex-end}.social-workspace{grid-template-columns:1fr}.social-contacts{border-right:0;border-bottom:1px solid #344252}.social-contact-list{max-height:250px}.social-chat-history{max-height:360px}.social-shell input,.social-shell textarea{font-size:16px}.social-own-profile{align-items:flex-start}.social-own-profile span{line-height:1.8}.social-chat-header{padding:15px}.social-chat-history{padding:13px}.social-compose-footer{align-items:flex-end}.social-compose-footer small{max-width:60%}.nomination-card{padding:14px;gap:12px}.nomination-vote{flex-basis:55px}.nomination-body h3{font-size:15px}.nomination-form{padding:14px}.nomination-form-heading{align-items:flex-start;flex-direction:column}.nomination-toolbar{gap:8px}.social-storage-note{font-size:10px}.social-privacy{gap:5px}.social-privacy span{font-size:10px}}