.social-page{display:grid;gap:12px;min-width:0}.social-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-title h1{font:500 30px Oswald,system-ui;margin:7px 0}.social-title .eyebrow{font-size:10px;letter-spacing:1.5px}.social-title>button{min-width:44px;min-height:44px;font-size:25px}.social-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.social-tabs button{min-height:48px;padding:8px 2px;background:#1d2c2b;border:1px solid #3c5143;border-radius:5px;font-size:11px;color:#adbdac;display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap}.social-tabs button[aria-pressed=true]{background:#354a30;border-color:#9cbd70;color:#e5efce}.social-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:#c8df92;color:#1b2b21;font-size:10px;font-weight:800;line-height:18px}.social-person{padding:12px 0;border-bottom:1px solid #35493e;min-width:0}.social-person-head{display:flex;align-items:center;gap:11px}.social-person-head>div{flex:1;min-width:0}.social-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid #597348;border-radius:50%;background:linear-gradient(145deg,#324b39,#182829);color:#d3e6b8;font-size:21px}.social-person .visit-name{display:block;max-width:100%;font-size:15px;line-height:1.3;padding:0;min-height:44px}.social-presence{display:flex;align-items:center;gap:5px;color:#96aaa0;font-size:11px;line-height:1.5}.social-presence i{width:6px;height:6px;border-radius:50%;background:#73877d;flex-shrink:0}.social-presence.online{color:#c4e28f}.social-presence.online i{background:#b5e67d;box-shadow:0 0 8px #b5e64b66}.social-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.social-actions>button{min-height:44px;padding:9px 12px;font-size:12px;display:flex;gap:6px;align-items:center;justify-content:center}.social-actions>button.primary{flex:1}.social-more{position:relative;margin-left:auto}.social-more summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;min-height:44px;font-size:22px;border:1px solid #405449;border-radius:5px}.social-more>div{display:grid;gap:5px;position:absolute;z-index:9;right:0;min-width:170px;background:#152321;border:1px solid #496149;border-radius:6px;padding:7px;box-shadow:0 8px 25px #0009}.social-more button{min-height:44px;font-size:12px;text-align:left}.social-empty{font-size:12px;line-height:1.8;text-align:center;padding:22px 12px;color:#a9bcad}.social-page h2{font-size:17px;margin:12px 0 2px}.social-snippet{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#a6b6ab;max-width:100%;margin:8px 0 0}.social-search-result{padding:0 10px;border:1px solid #5e754c;border-radius:6px;background:#22362b}.social-search-result .social-person{border:0}.social-error{padding:12px;background:#422e27;border:1px solid #866247;font-size:12px;line-height:1.6;color:#f1d4b9;border-radius:6px;display:grid;gap:8px}.social-notice{font-size:12px;color:#cee3a6;margin:0}.social-blocked summary{padding:12px 0;cursor:pointer;min-height:44px;font-size:12px;color:#a9b9ac}.social-chat{min-width:0}.social-chat-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #3d5145;padding-bottom:12px}.social-chat-head>div{min-width:0;flex:1}.social-chat-head>button{min-height:44px;min-width:44px;font-size:12px;padding:8px}.social-chat-head .visit-name{font-size:15px;min-height:44px;max-width:100%}.social-messages{height:clamp(230px,44dvh,430px);overflow:auto;overscroll-behavior:contain;padding:14px 2px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-color:#5a744e #172526}.social-message{flex-shrink:0;max-width:88%;align-self:flex-start;background:#253536;border:1px solid #40534b;border-radius:10px 10px 10px 2px;padding:10px 12px;min-width:0}.social-message.mine{align-self:flex-end;background:#33472e;border-color:#506640;border-radius:10px 10px 2px 10px}.social-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55;margin:0}.social-message small{display:block;text-align:right;font-size:9px;color:#abbca4;margin-top:5px}.social-compose{display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid #3d5145;padding-top:12px}.social-compose textarea{min-width:0;resize:vertical;min-height:56px;max-height:150px;border:1px solid #4a6249;border-radius:6px;background:#102120;color:#e0ebd9;padding:10px;font:inherit;font-size:14px}.social-compose button{min-height:48px;min-width:80px;font-size:12px;padding:9px}.social-compose small{font-size:10px;color:#94a88f}.social-older{min-height:44px;align-self:center;flex-shrink:0}.social-visit-button{min-height:44px;width:100%;font-size:13px}.social-footer-badge:empty{display:none}.social-page button:focus-visible,.social-page textarea:focus-visible,.social-page input:focus-visible,.social-page summary:focus-visible{outline:2px solid #c8df92;outline-offset:2px}.social-page [disabled]{opacity:.55;cursor:default}@media(max-width:350px){.social-message{flex-shrink:0;padding:8px 9px}.social-tabs button{font-size:10px}.social-chat-head .visit-name{font-size:13px}.social-compose button{min-width:73px;padding:7px}.social-person-head{gap:9px}}@media(prefers-reduced-motion:reduce){.social-page *{animation:none!important;transition:none!important}}