:root{color-scheme:dark;--bg:#090d10;--panel:#11181d;--line:#314049;--gold:#e6c36b;--mint:#67d4c2;--text:#f7f3e8;--muted:#94a3ad;--danger:#ff807b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 80% 0,#19363b 0,transparent 28%),radial-gradient(circle at 5% 85%,#3a2b16 0,transparent 30%),var(--bg)}button,input,select{font:inherit}.social-topbar{height:70px;padding:max(10px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34414a;background:#0b1014e8;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.social-topbar a{padding:10px 13px;border:1px solid #3a4851;border-radius:12px;color:#e9edf0;text-decoration:none;font-size:12px;font-weight:900}.social-topbar div{text-align:center;display:grid;gap:3px}.social-topbar span{color:var(--gold);font-size:10px}.social-shell{width:min(1120px,100%);margin:auto;padding:34px 20px 70px}.social-hero{min-height:220px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #45515a;border-radius:28px;background:linear-gradient(135deg,#182329eb,#10161ae8 60%,#352b19cc);box-shadow:0 28px 80px #0006}.social-hero small,.panel-heading small{color:var(--gold);font-weight:900}.social-hero h1{margin:8px 0;font-size:clamp(35px,6vw,68px)}.social-hero p{margin:0;color:#aeb9c0;line-height:1.8}.social-hero>button{min-width:200px;padding:18px;display:grid;gap:7px;border:1px solid #88733d;border-radius:19px;color:var(--text);background:#171b19;cursor:pointer}.social-hero>button span,.social-hero>button em{color:#9eaaa9;font-size:11px;font-style:normal}.social-hero>button b{color:var(--gold);font-size:20px;direction:ltr}.social-tabs{margin:20px 0;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid #303d45;border-radius:18px;background:#0d1317}.social-tabs button{min-height:48px;border:0;border-radius:13px;color:#98a5ae;background:transparent;font-weight:900;cursor:pointer}.social-tabs button.active{color:#17130a;background:linear-gradient(135deg,#efd684,#cfa444)}.social-tabs i{min-width:22px;padding:3px 6px;display:inline-block;border-radius:20px;color:inherit;background:#ffffff16;font-size:10px;font-style:normal}.social-panel{display:none}.social-panel.active{display:block}.social-search{padding:22px;border:1px solid #33424a;border-radius:22px;background:#11181dcc}.social-search label{display:block;margin-bottom:11px;font-weight:900}.social-search>div{display:flex;gap:8px}.social-search input{height:50px;flex:1;padding:0 16px;border:1px solid #42515b;border-radius:13px;outline:0;color:#fff;background:#090e11}.social-search input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #e6c36b18}.social-search button,.panel-heading button{padding:0 22px;border:1px solid #d2ad50;border-radius:13px;color:#19140b;background:var(--gold);font-weight:900;cursor:pointer}.social-search p{min-height:18px;margin:9px 0 0;color:#9facb4;font-size:11px}.social-results{margin-top:12px}.hidden{display:none!important}.panel-heading{margin:28px 0 14px;display:flex;align-items:end;justify-content:space-between}.panel-heading h2{margin:5px 0 0;font-size:28px}.panel-heading button{height:38px;padding:0 15px;color:#d9e0e3;background:#172026;border-color:#3d4b54}.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.friend-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.friend-card{min-height:93px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #324149;border-radius:18px;background:linear-gradient(145deg,#141d22,#0e1418);position:relative}.friend-avatar{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #89723b;border-radius:18px;color:var(--gold);background:#222b2e;font-size:21px;font-weight:900}.friend-copy{min-width:0;flex:1;display:grid;gap:4px}.friend-copy strong,.friend-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-copy span{color:#95a3ac;font-size:10px}.presence-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#647078}.presence-dot.online{background:#57d4a0;box-shadow:0 0 10px #57d4a0}.friend-actions{display:flex;gap:6px}.friend-actions button{height:36px;padding:0 11px;border:1px solid #40505a;border-radius:10px;color:#e8edef;background:#1a242a;font-size:11px;font-weight:900;cursor:pointer}.friend-actions .primary{color:#17130b;border-color:#d4ae4f;background:var(--gold)}.friend-actions .danger{color:#ffaaa6;border-color:#70413f}.unread-badge{position:absolute;top:8px;inset-inline-start:8px;min-width:21px;padding:4px;border-radius:20px;text-align:center;color:#07100e;background:var(--mint);font-size:9px;font-weight:900}.empty-state{grid-column:1/-1;padding:36px;border:1px dashed #35434b;border-radius:18px;text-align:center;color:#85939c;background:#10161a}.subheading{margin:30px 0 12px;color:#a8b3ba}.invite-list{display:grid;gap:10px}.invite-item{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #594e31;border-radius:18px;background:linear-gradient(135deg,#1c2425,#241e13)}.invite-item small{color:var(--gold)}.safety-card{padding:30px;border:1px solid #3f5358;border-radius:24px;background:linear-gradient(140deg,#15302e,#11191d)}.safety-card>b{color:var(--mint)}.safety-card p{color:#aab7bd;line-height:1.9}.safety-card a{margin-inline-end:8px;padding:10px 14px;display:inline-block;border:1px solid #4c625f;border-radius:11px;color:#dfe9e7;text-decoration:none;font-size:12px;font-weight:900}.social-dialog{width:min(720px,calc(100% - 20px));padding:0;border:1px solid #47565e;border-radius:24px;color:var(--text);background:#0d1317;box-shadow:0 40px 120px #000c}.social-dialog::backdrop{background:#020405c9;backdrop-filter:blur(8px)}.chat-dialog>section{min-height:min(700px,86vh);display:grid;grid-template-rows:auto 1fr auto;position:relative}.chat-dialog header,.invite-dialog header{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3941;background:#121a1f}.chat-dialog header button,.invite-dialog header button{width:40px;height:40px;border:1px solid #38464f;border-radius:12px;color:#dfe5e8;background:#1a242a;font-size:20px;cursor:pointer}.chat-dialog header div{display:grid;text-align:center}.chat-dialog header span{color:#99a7af;font-size:10px}.chat-menu{position:absolute;top:64px;inset-inline-start:15px;z-index:3;padding:6px;display:grid;border:1px solid #46545c;border-radius:13px;background:#141d22;box-shadow:0 20px 50px #0009}.chat-menu button{padding:11px 16px;border:0;border-radius:8px;text-align:start;color:#dce3e6;background:transparent;font-size:12px;cursor:pointer}.chat-menu .danger{color:#ff9e99}.messages-list{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:9px;background:radial-gradient(circle at 50% 0,#17303366,transparent 45%),#090e11}.message{max-width:78%;padding:11px 13px;border:1px solid #35434b;border-radius:16px 16px 16px 4px;background:#172127;align-self:flex-start}.message.mine{border-color:#6e603a;border-radius:16px 16px 4px 16px;background:#2b2517;align-self:flex-end}.message p{margin:0;line-height:1.7;white-space:pre-wrap;word-break:break-word}.message footer{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7e8c94;font-size:9px}.message footer button{padding:2px 5px;border:0;color:#a9b4ba;background:transparent;font-size:9px;cursor:pointer}.voice-message button{min-width:150px;padding:10px 13px;border:1px solid #53646d;border-radius:20px;color:#eaf0f1;background:#202d33;cursor:pointer}.message-composer{padding:12px;display:grid;grid-template-columns:45px 1fr auto;gap:8px;border-top:1px solid #2e3b43;background:#11191e}.message-composer input{min-width:0;height:47px;padding:0 14px;border:1px solid #40505a;border-radius:14px;outline:0;color:#fff;background:#090e11}.message-composer>button{border:1px solid #4c5b64;border-radius:13px;color:#e9edef;background:#1b262c;font-weight:900;cursor:pointer}.message-composer button[type=submit]{padding:0 17px;color:#171208;border-color:#d5af50;background:var(--gold)}.message-composer small{grid-column:1/-1;color:#dfbd68}.message-composer.recording #recordVoice{color:#fff;background:#b54e49;animation:pulse 1s infinite}.invite-dialog form,.report-message-dialog form{padding:22px;display:grid;gap:16px}.invite-dialog header{margin:-22px -22px 0}.invite-dialog h2{margin:5px 0}.invite-dialog label{display:grid;gap:8px;font-weight:900}.invite-dialog label em{color:#87959d;font-size:10px;font-style:normal}.invite-dialog select,.invite-dialog input,.report-message-dialog select{height:49px;padding:0 13px;border:1px solid #40505a;border-radius:12px;color:#fff;background:#10171b}.invite-dialog p,.report-message-dialog p{margin:0;color:#929fa7;font-size:11px;line-height:1.8}.invite-dialog footer,.report-message-dialog footer{display:flex;gap:8px}.invite-dialog footer button,.report-message-dialog footer button{height:45px;flex:1;border:1px solid #46545c;border-radius:12px;color:#fff;background:#1b252b;font-weight:900}.invite-dialog footer button:first-child,.report-message-dialog footer button:first-child{color:#171309;border-color:#d5af51;background:var(--gold)}@keyframes pulse{50%{box-shadow:0 0 0 8px #b54e4933}}@media(max-width:760px){.social-shell{padding:18px 12px 60px}.social-hero{min-height:0;padding:23px;display:grid}.social-hero>button{width:100%}.social-tabs{grid-template-columns:repeat(2,1fr)}.friend-grid,.friend-grid.compact{grid-template-columns:1fr}.friend-card{min-height:84px}.social-topbar{height:62px}.social-topbar a{padding:8px;font-size:10px}.social-hero h1{font-size:39px}.messages-list{padding:13px}.message{max-width:88%}.invite-item{align-items:flex-start;flex-direction:column}.chat-dialog{width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0}.chat-dialog>section{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}