.sota-social-host{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;color:#173e43;font:14px/1.45 Nunito,system-ui,sans-serif;min-width:0}
.sota-social-host[hidden],.sota-social-host [hidden]{display:none!important}
.sota-social-host button.sota-social-panel{appearance:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;min-height:190px;margin:0;padding:20px;border:1px solid #b8aa87;border-radius:20px;background:linear-gradient(130deg,#fff4d9,#ffd5c9 66%,#f2f8bb);color:#173e43;text-align:left;font:inherit;cursor:pointer;box-shadow:0 5px 18px #365b5410;overflow:hidden;touch-action:manipulation}
.sota-social-host button.sota-social-panel[data-social-panel=mates]{border-color:#82b9aa;background:linear-gradient(130deg,#e2fff7,#cef2e9 58%,#edf7b8)}
.sota-social-host button.sota-social-panel:hover{border-color:#486c78;box-shadow:0 5px 22px #315e6f24}
.sota-social-host button:focus-visible{outline:3px solid #692b8b;outline-offset:3px}
.sota-social-host .sota-social-heading{display:block;min-width:0;font-size:19px;font-weight:900;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.02em}
.sota-social-host .sota-social-body{display:block;min-width:0;flex:1;overflow-wrap:anywhere}
.sota-social-host .sota-social-note{display:block;padding:9px 0;border-bottom:1px solid #607b7426}
.sota-social-host .sota-social-note:first-child{padding-top:0}
.sota-social-host .sota-social-note:last-child{border-bottom:0}
.sota-social-host .sota-social-note-author{display:block;font-size:13px;font-weight:900;color:#4d326b}
.sota-social-host .sota-social-note-text{display:block;margin-top:2px;color:#254b53;overflow-wrap:anywhere}
.sota-social-host .sota-social-body .sota-social-mates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 10px;align-items:start}
.sota-social-host .sota-social-mate{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}
.sota-social-host .sota-social-avatar{box-sizing:border-box;display:grid;place-items:center;width:48px;height:48px;max-width:100%;aspect-ratio:1;border:2px solid #fff8d4;border-radius:50%;background:#a6ddcf;color:#22454d;font-size:24px;line-height:1;overflow:hidden}
.sota-social-host .sota-social-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.sota-social-host .sota-social-mate-name{display:block;max-width:100%;min-width:0;font-size:12px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sota-social-host .sota-social-empty{display:block;font-size:14px;line-height:1.5;color:#34575d}
.sota-social-host .sota-social-action{display:block;margin-top:auto;font-size:12px;font-weight:900;color:#5b3474}
.sota-social-host .sota-social-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;border:1px solid #b8cdc2;border-radius:12px;background:#f4fff5}
.sota-social-host .sota-social-status{min-width:0;color:#35565e;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.sota-social-host button.sota-social-refresh{appearance:none;box-sizing:border-box;min-width:88px;min-height:44px;margin:0;padding:10px 14px;border:1px solid #779fa1;border-radius:12px;background:#f4fff7;color:#244d59;font:800 13px/1.3 Nunito,system-ui,sans-serif;box-shadow:none;cursor:pointer;flex-shrink:0}
.sota-social-host button.sota-social-refresh:hover{background:#fff3b3}
.sota-social-host button.sota-social-refresh:disabled{opacity:.6;cursor:default}
/* Masks are opaque and positioned before JavaScript: no painted sample faces
   or comments show through the honest guest/loading state. Percentages include
   the existing object-fit:contain letterbox, not just source-image fractions. */
.sota-social-host.sota-social-hero{position:absolute;inset:0;z-index:2;display:block;margin:0;pointer-events:none;--sota-source-scale:.8}
.sota-social-host.sota-social-hero button.sota-social-panel{position:absolute;display:flex;gap:3px;min-width:0;min-height:44px;padding:clamp(6px,calc(14px * var(--sota-source-scale)),11px);padding-bottom:clamp(7px,calc(22px * var(--sota-source-scale)),17px);border:1px solid #e0e8d9;border-radius:clamp(4px,calc(12px * var(--sota-source-scale)),10px);background:linear-gradient(125deg,#e7d0bb,#c1d6d0);color:#173e43;box-shadow:none;pointer-events:auto;overflow:hidden}
.sota-social-hero [data-social-panel=wall]{left:47.14932127%;top:62.25961538%;width:23.34841629%;height:22.35576923%;clip-path:polygon(.8721% 0,99.7093% 1.6129%,99.7093% 99.4624%,0 91.3978%)}
.sota-social-hero [data-social-panel=mates]{left:71.24434389%;top:56.49038462%;width:20.36199095%;height:30.28846154%;clip-path:polygon(.3333% 0,99.6667% 0,99.6667% 99.6032%,0 94.0476%)}
.sota-social-host.sota-social-hero button.sota-social-panel:hover{background:linear-gradient(125deg,#f3e0c8,#d5eee6);box-shadow:none}
.sota-social-host.sota-social-hero button.sota-social-panel:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #662d88}
.sota-social-hero .sota-social-heading{padding-right:10px;font-size:clamp(12px,calc(22px * var(--sota-source-scale)),17px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sota-social-hero .sota-social-panel::after{content:"";position:absolute;top:clamp(8px,calc(18px * var(--sota-source-scale)),15px);right:clamp(7px,calc(16px * var(--sota-source-scale)),13px);width:5px;height:5px;border-top:2px solid #325e65;border-right:2px solid #325e65;transform:rotate(45deg);pointer-events:none}
.sota-social-hero .sota-social-body{flex:0 1 auto;min-height:0;overflow:hidden;font-size:clamp(11px,calc(17px * var(--sota-source-scale)),13px);line-height:1.25}
.sota-social-hero .sota-social-note{padding:0;border:0}
.sota-social-hero .sota-social-note:nth-child(n+2){display:none}
.sota-social-hero .sota-social-note-author{font-size:clamp(11px,calc(16px * var(--sota-source-scale)),13px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sota-social-hero .sota-social-note-text{margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sota-social-hero .sota-social-empty{font-size:inherit;line-height:1.3}
.sota-social-host.sota-social-hero .sota-social-body .sota-social-mates{gap:4px;margin-top:2px}
.sota-social-hero .sota-social-mate{gap:2px}
.sota-social-hero .sota-social-mate:nth-child(n+5){display:none}
.sota-social-hero .sota-social-avatar{width:clamp(20px,calc(68px * var(--sota-source-scale)),34px);height:auto;font-size:clamp(15px,calc(38px * var(--sota-source-scale)),24px);border-width:1px}
.sota-social-hero .sota-social-mate-name{font-size:11px;line-height:1.15}
.sota-social-hero .sota-social-action{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.sota-social-host.sota-social-hero{--sota-source-scale:.34}.sota-social-hero [data-social-panel=wall]{left:13.99437412%;top:67.24683544%;width:73.04266292%;height:11.49789030%;clip-path:none}.sota-social-hero [data-social-panel=mates]{left:13.99437412%;top:79.16666667%;width:73.04266292%;height:12.39451477%;clip-path:none}.sota-social-host.sota-social-hero button.sota-social-panel{border-radius:clamp(5px,calc(22px * var(--sota-source-scale)),15px)}}
.sota-social-hero[data-social-layout=desktop] [data-social-panel=wall]{clip-path:polygon(.8721% 0,99.7093% 1.6129%,99.7093% 99.4624%,0 91.3978%)}
.sota-social-hero[data-social-layout=desktop] [data-social-panel=mates]{clip-path:polygon(.3333% 0,99.6667% 0,99.6667% 99.6032%,0 94.0476%)}
.sota-social-hero[data-social-layout=mobile] [data-social-panel]{clip-path:none}
@media(max-width:640px){.sota-social-host:not(.sota-social-hero){grid-template-columns:minmax(0,1fr)}.sota-social-host:not(.sota-social-hero) button.sota-social-panel{min-height:160px;padding:17px}.sota-social-host .sota-social-footer{align-items:flex-start}}
@media(forced-colors:active){.sota-social-host button.sota-social-panel,.sota-social-host button.sota-social-refresh,.sota-social-host.sota-social-hero button.sota-social-panel,.sota-social-host.sota-social-hero button.sota-social-panel:hover,.sota-social-host .sota-social-avatar,.sota-social-host .sota-social-footer{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.sota-social-host .sota-social-note-author,.sota-social-host .sota-social-note-text,.sota-social-host .sota-social-empty,.sota-social-host .sota-social-action,.sota-social-host .sota-social-status{color:CanvasText}.sota-social-host button:focus-visible{outline-color:Highlight}.sota-social-host.sota-social-hero button.sota-social-panel:focus-visible{outline:2px solid Highlight;outline-offset:-4px;box-shadow:none}.sota-social-hero .sota-social-panel::after{border-color:CanvasText}}