.social-panel{position:absolute;inset:92px 16px 106px;margin:auto;width:min(620px,calc(100% - 32px));overflow:auto;pointer-events:auto;background:#f4fbfff5;border:3px solid white;border-radius:26px;padding:22px;box-shadow:0 16px 45px #153d6733;overscroll-behavior:contain}
.social-panel h2{margin:0 0 8px}.social-panel>p{margin:8px 0;font-size:13px}
#socialSearch{display:flex;gap:8px;align-items:center;margin:15px 0}#socialQuery{min-width:0;flex:1;width:100%;font:inherit;padding:13px 10px;border:2px solid #b7d9e8;border-radius:14px;color:#153d67;background:white}#socialSearch button{width:auto;margin:0;padding:14px 12px;font-size:12px}
.social-filters{display:flex;flex-wrap:wrap;gap:6px}.social-filters button{flex:1;padding:11px 7px;min-height:44px;border:2px solid #b7d9e8;border-radius:12px;background:#e5f3fa;color:#153d67;font:inherit;font-size:12px;font-weight:900}.social-filters button[aria-pressed=true]{background:#226bc8;border-color:#194d92;color:white}
.social-card{background:white;border:2px solid #d3e6ef;border-radius:20px;padding:16px;margin:12px 0}.social-heading{display:flex;align-items:center;gap:14px}.social-heading .pengon-avatar{width:72px;height:72px;flex-shrink:0;border:3px solid #c7e6f4;border-radius:50%}.social-heading h3{margin:0 0 5px;font-size:18px;overflow-wrap:anywhere}.social-heading small{color:#45738b;font-weight:800}
.social-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 0}.social-stats dt{font-size:11px;color:#56758a}.social-stats dd{font-size:15px;font-weight:900;margin:4px 0 0}.social-stats>div:last-child{grid-column:1/-1}.social-card button{padding:12px;font-size:12px}.social-paging{display:flex;gap:12px}.social-paging button{padding:12px;font-size:12px}.social-panel button:disabled{opacity:.5;cursor:default}
@media(max-width:400px){.social-panel{padding:14px}#tabs button,#tabs #accountOpen{font-size:9px}.social-heading h3{font-size:16px}}
@media(max-height:550px){.social-panel{inset:65px 12px 78px;padding:14px}}