.social-page{padding-top:42px;padding-bottom:56px;max-width:1180px}
.social-header{margin-bottom:28px}.social-header h1{font-size:34px;letter-spacing:-1.2px}.social-header p{line-height:1.6}
.social-tabs{padding:5px;gap:4px;background:#141416;border:1px solid var(--border);border-radius:15px;width:fit-content;margin-bottom:28px}
.social-tabs .btn{border:0;background:transparent;box-shadow:none;padding:12px 19px;border-radius:10px;color:var(--muted);font-size:13px}
.social-tabs .btn.on{background:#ff861b18;color:#ff962f;box-shadow:inset 0 0 0 1px #ff902b40}
.social-tabs .btn:focus:not(:focus-visible){outline:none}
.social-tabs{scrollbar-width:none}.social-tabs::-webkit-scrollbar{display:none}
.social-profile-preview .btn,.social-identity .link,.social-telegram-card>.link{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.social-profile-preview .btn .i,.social-identity .link .i,.social-telegram-card>.link .i{width:15px;height:15px;flex:none;fill:none}
.social-empty .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.social-empty .btn .i{width:16px;height:16px;fill:none}
.social-list>.social-empty{min-height:100%;gap:14px;padding:24px 15px}.social-list>.social-empty b{font-size:16px}.social-list>.social-empty>span:not(.social-empty-symbol){font-size:12px;line-height:1.7}
.social-kicker{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#ff9c4b}
.social-surface,.social-friend-section{background:#131315;border:1px solid var(--border);border-radius:20px;padding:26px}
.social-section-title{display:flex;align-items:center;gap:10px;margin-bottom:22px;justify-content:space-between}
.social-section-title h2{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.4px}
.social-section-title p{color:var(--muted);font-size:13px;margin:6px 0 0;line-height:1.6}
.social-count{background:#ffffff09;border:1px solid #ffffff0b;color:#b3b1bb;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:600}
.social-discover{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:28px;border:1px solid #ff8a1e2b;border-radius:20px;background:radial-gradient(ellipse at 0% 0%,#ff771519,transparent 75%),#131315;margin-bottom:24px}
.social-discover h2{font-size:25px;margin:8px 0 8px;letter-spacing:-.7px}.social-discover p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:340px}
.social-search{margin:0;gap:8px}.social-search .input{background:#0c0c0f;min-height:48px;border-radius:12px}.social-search .btn{white-space:nowrap;padding:12px 18px;border-radius:12px}
#friendSections{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}#friendResults:not(:empty){margin-bottom:20px}
.social-friend-section .social-friend-grid{grid-template-columns:1fr;gap:10px}
.social-friend-card{padding:18px;background:#1b1b1e;border-color:#ffffff0c;border-radius:14px}
.social-friend-card .social-person{margin-bottom:17px}.social-person img{border:1px solid #ffffff10}.social-person small{line-height:1.4}
.social-friend-card .social-actions .btn{border-radius:9px;padding:9px 12px;font-size:12px;min-height:35px;box-shadow:none}
.social-group-empty{display:flex;align-items:center;gap:16px;padding:17px 0 9px;min-height:100px}
.social-group-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid #ffffff0d;border-radius:14px;color:#6d6b76;background:#ffffff03}
.social-group-icon .i{width:21px;height:21px}.social-group-empty strong{font-size:14px;color:#c7c5cf}.social-group-empty p{color:var(--muted);font-size:12px;line-height:1.7;margin:5px 0 0;max-width:290px}
.social-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.social-settings-main{display:grid;gap:18px;min-width:0}.social-settings-aside{display:grid;gap:18px;position:sticky;top:100px}
.social-identity{display:flex;align-items:center;gap:15px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.social-identity img{width:62px;height:62px;border-radius:18px;object-fit:cover}.social-identity strong{font-size:19px;display:block;margin-bottom:6px}.social-identity a{font-size:12px}
.social-field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.social-field-head span{font-size:11px;color:var(--muted)}
.social-settings-layout textarea{width:100%;min-height:110px;resize:vertical;line-height:1.7;font-size:13px;background:#0e0e10;border-radius:12px}
.social-toggle-row{display:flex;align-items:center;gap:20px;cursor:pointer;padding:17px 0;border-top:1px solid #ffffff08;position:relative}
.social-toggle-row:first-child{border-top:0;padding-top:0}.social-toggle-row:last-child{padding-bottom:0}
.social-toggle-row>span:first-child{flex:1;min-width:0}.social-toggle-row strong{font-size:13px;font-weight:600;display:block}.social-toggle-row small{font-size:12px;color:var(--muted);display:block;line-height:1.6;margin-top:5px}
.social-toggle-row input{position:absolute;right:0;width:42px;height:24px;opacity:0;cursor:pointer}
.social-switch{width:40px;height:23px;border-radius:20px;background:#39383f;flex:none;transition:background .15s;pointer-events:none;border:1px solid #ffffff0a}
.social-switch:after{content:'';display:block;width:17px;height:17px;margin:2px;border-radius:50%;background:#c6c4cc;transition:transform .15s,background .15s}
.social-toggle-row input:checked+.social-switch{background:var(--accent);border-color:transparent}.social-toggle-row input:checked+.social-switch:after{transform:translateX(17px);background:#fff}
.social-toggle-row input:focus-visible+.social-switch{outline:2px solid #ffad66;outline-offset:4px}
.social-save-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0}.social-save-bar span{font-size:11px;color:var(--muted);line-height:1.6}.social-save-bar .btn{font-size:13px;white-space:nowrap;border-radius:12px}
.social-profile-preview{padding:28px 22px;text-align:center;border:1px solid #ff8a1e2b;border-radius:20px;background:radial-gradient(ellipse at top,#ff8a1e17,transparent 75%),#131315}
.social-profile-preview>img{display:block;margin:26px auto 16px;width:80px;height:80px;border-radius:23px;object-fit:cover;box-shadow:0 0 0 5px #ffffff05}
.social-profile-preview h2{font-size:22px;margin:0 0 10px}.social-profile-preview p{font-size:12px;color:var(--muted);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 22px}.social-profile-preview .btn{font-size:12px;width:100%;border-radius:10px}
.social-telegram-card{padding:24px;border-radius:20px;border:1px solid var(--border);background:#131315}.social-telegram-card h3{font-size:16px;margin:15px 0 8px}.social-telegram-card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:16px}.social-telegram-card>.link{font-size:13px;font-weight:600}.social-telegram-card small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:14px}.social-telegram-card small a{color:#ccc}
.social-layout{gap:0;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#111113}.social-list{border:0;border-right:1px solid var(--border);border-radius:0;padding:12px;background:#141416}.social-chat{border:0;border-radius:0;background:radial-gradient(ellipse at 70% 0%,#ff8a1e06,transparent 70%),#101012}.social-chat-head{background:#ffffff02;padding:20px}.social-person{padding:14px 12px}.social-person.on{box-shadow:inset 3px 0 var(--accent)}.social-compose{padding:16px;background:#151517}.social-compose textarea{background:#0e0e10;border-radius:12px}.social-compose .btn{border-radius:12px;font-size:13px;box-shadow:none}.social-bubble.mine{background:#63371f}.social-empty-symbol{width:68px;height:68px;border-radius:22px}.social-empty b{font-size:20px}.social-profile-hero{padding:36px}.social-profile>.panel{border-radius:20px;padding:26px}
@media(max-width:900px){.social-settings-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.social-surface,.social-friend-section{padding:20px}.social-discover{grid-template-columns:1fr;gap:20px}.social-discover p{max-width:none}.social-header h1{font-size:29px}}
@media(max-width:700px){.social-page{padding-top:26px}.social-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:2px}.social-tabs .btn{font-size:12px;padding:11px 13px;white-space:nowrap;flex:none}.social-header{margin-bottom:22px}.social-header h1{font-size:26px}.social-settings-layout{grid-template-columns:1fr}.social-settings-aside{position:static;grid-row:2}.social-profile-preview{display:none}.social-discover{padding:22px}.social-discover h2{font-size:23px}.social-search .btn{font-size:12px;padding:12px}.social-search .input{font-size:13px}#friendSections{grid-template-columns:1fr;gap:14px}.social-section-title{margin-bottom:18px}.social-section-title h2{font-size:17px}.social-toggle-row{gap:12px}.social-toggle-row small{font-size:11px}.social-save-bar{flex-direction:column-reverse;align-items:stretch;text-align:center;gap:12px}.social-save-bar .btn{min-height:46px}.social-layout{border-radius:18px}.social-list{border:0;max-height:none;min-height:330px}.social-chat-head{padding:14px}.social-profile-hero{padding:24px}.social-surface{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.social-switch,.social-switch:after{transition:none}}

.social-public-profile{max-width:1000px}.social-profile-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px}.social-profile-back .i{width:15px;height:15px;fill:none}
.social-public-profile .social-profile-hero{display:block;position:relative;overflow:hidden;padding:32px;border-color:#ffffff12;background:#131315;border-radius:24px}
.social-profile-cover{position:absolute;inset:0 0 auto;height:118px;background:radial-gradient(ellipse at 10% 0%,#ff851e35,transparent 65%),linear-gradient(120deg,#241c17,#171517);border-bottom:1px solid #ffffff06;pointer-events:none}
.social-profile-person{position:relative;display:flex;align-items:center;gap:22px;padding-top:26px;margin-bottom:22px}.social-profile-person>img{width:96px;height:96px;border-radius:25px;object-fit:cover;box-shadow:0 0 0 6px #131315;flex:none}
.social-profile-person h1{font-size:32px!important;letter-spacing:-1px;margin:8px 0 12px!important}.social-profile-person .social-kicker{font-size:9px;letter-spacing:1.5px}
.social-presence-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff0d;background:#ffffff04;color:#aaa8b3;padding:6px 10px;border-radius:8px;font-size:11px}.social-presence-pill>span{width:6px;height:6px;border-radius:50%;background:#777580}.social-presence-pill.is-online{color:#87dfa2;border-color:#77dd9930;background:#77dd9909}.social-presence-pill.is-online>span{background:#78dc95;box-shadow:0 0 8px #78dc9544}
.social-public-profile .social-profile-bio{position:relative;margin:0 0 15px;max-width:680px;color:#c0bec9}.social-profile-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.social-profile-meta .i{width:14px;height:14px;fill:none}
.social-public-profile .social-profile-hero .social-actions{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.social-public-profile .social-actions .btn{border-radius:11px;min-height:40px;padding:10px 16px}
.social-public-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}.social-public-columns>div{min-width:0}
.social-activity-card,.social-config-section{padding:25px;border:1px solid var(--border);border-radius:20px;background:#131315}.social-activity-card{margin-bottom:20px}.social-activity-card .social-section-title>.i{width:23px;height:23px;color:var(--accent);fill:none}.social-activity-card .social-section-title p{font-size:12px}
.social-server-address{display:flex;align-items:center;gap:13px;padding:18px 0 23px;min-width:0}.social-server-symbol{display:grid;place-items:center;width:45px;height:45px;background:#ff8a1e10;border:1px solid #ff8a1e25;border-radius:13px;flex:none;color:#ff9b44}.social-server-symbol .i{width:22px;height:22px;fill:none}.social-server-address>div{flex:1;min-width:0}.social-server-address small{display:block;font-size:9px;color:#878591;letter-spacing:1.2px;margin-bottom:7px}.social-server-address strong{display:block;font-size:17px;overflow-wrap:anywhere;line-height:1.4}.social-server-address .btn{padding:9px;flex:none;min-width:34px}.social-server-address .btn .i{width:15px;height:15px;fill:none}
.social-server-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff09;background:#ffffff02;border-radius:14px;overflow:hidden}.social-server-stats>div{padding:18px 17px;min-width:0}.social-server-stats>div+div{border-left:1px solid #ffffff09}.social-server-stats span{display:block;font-size:11px;color:#aaa7b4;line-height:1.5}.social-server-stats strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:10px 0 6px}.social-server-stats>div:first-child strong{color:#ff9a3f}.social-server-stats small{font-size:10px;color:#878591;line-height:1.6;display:block}.social-activity-note{display:flex;align-items:center;gap:6px;color:#787580;font-size:10px;margin-top:17px}.social-activity-note .i{width:12px;height:12px;fill:none}
.social-activity-empty{display:flex;gap:14px;align-items:flex-start;padding:17px 0 10px}.social-activity-empty>.i{width:27px;height:27px;color:#77737f;fill:none;flex:none}.social-activity-empty strong{font-size:14px;font-weight:600}.social-activity-empty p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 0}
.social-config-section .social-friend-grid{grid-template-columns:1fr}.social-config-section .social-section-title h2{font-size:16px}.social-config-empty{text-align:center;padding:15px 0 8px}.social-config-empty .social-empty-symbol{width:47px;height:47px;margin:0 auto 16px;border-color:#ffffff0b;color:#77737f;background:#ffffff03;border-radius:14px}.social-config-empty .social-empty-symbol .i{width:21px;height:21px}.social-config-empty strong{font-size:14px;color:#c1becb}.social-config-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin:9px 0 0}.social-public-columns #profileFriends .panel{padding:24px;border-radius:20px}.social-public-columns #profileFriends h2{font-size:17px;margin:0 0 20px}
@media(max-width:700px){.social-public-columns{grid-template-columns:1fr;gap:0}.social-public-profile .social-profile-hero{padding:22px}.social-profile-person{gap:17px;padding-top:20px}.social-profile-person>img{width:78px;height:78px;border-radius:21px}.social-profile-person h1{font-size:25px!important;overflow-wrap:anywhere}.social-profile-person .social-kicker{font-size:8px}.social-profile-cover{height:100px}.social-profile-person .social-presence-pill{font-size:10px;padding:5px 7px}.social-activity-card,.social-config-section{padding:21px}.social-server-stats>div{padding:16px 12px}.social-server-stats strong{font-size:25px}.social-server-address strong{font-size:15px}.social-public-profile .social-actions .btn{flex:1;font-size:12px;padding:10px 12px}.social-config-section{margin-bottom:20px}}