.social-dialog{background:#171c18;color:#f2f4ed;border:1px solid #4a5747;border-radius:18px;padding:0;max-width:760px;width:calc(100% - 24px);max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 24px 80px #0009}.social-dialog::backdrop{background:#060a08c9}.social-shell{padding:24px}.social-shell h2{margin-top:7px}.social-shell label{margin:16px 0}.social-shell form>.btn{margin-top:12px}.social-shell .row>div{min-width:0}.social-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.social-tabs .btn{padding:10px 14px;min-height:44px}.social-profile{display:flex;align-items:center;gap:16px;margin-top:20px}.social-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lime);color:var(--lime-ink);font-size:26px;font-weight:700;flex-shrink:0}.social-friend,.social-workout{border-top:1px solid #3c473b;padding:20px 0;margin-top:12px}.social-friend{display:flex;align-items:center;justify-content:space-between;gap:16px}.social-friend h3,.social-workout h3{overflow-wrap:anywhere}.social-exercises{display:grid;gap:12px;margin-top:14px}.social-exercises p{margin:5px 0}.social-menu{position:relative;flex-shrink:0}.social-menu>summary{cursor:pointer;list-style:none;min-width:44px;min-height:44px;text-align:center;line-height:44px;font-size:22px}.social-menu>div{position:absolute;z-index:3;right:0;top:44px;display:grid;min-width:210px;background:#243024;border:1px solid #63705d;padding:12px;border-radius:12px;box-shadow:0 10px 30px #0007}.social-menu button{text-align:left;min-height:44px}.social-ranking{list-style:none;padding:0}.social-ranking li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #3c473b}.social-ranking strong{overflow-wrap:anywhere}.social-ranking span{white-space:nowrap}.social-dialog select,.social-dialog input{max-width:100%;min-width:0}.social-dialog #socialStatus:not(:empty){padding:12px;margin:12px 0;background:#283126;border-radius:8px}.social-shell>.row{align-items:flex-start}.social-shell>.row>.btn{flex-shrink:0}.social-dialog button:disabled{opacity:.5;cursor:wait}@media(max-width:540px){.social-shell{padding:18px}.social-friend{display:block}.social-friend .editor-actions{margin-top:12px}.social-dialog{max-height:calc(100dvh - 16px);width:calc(100% - 16px)}.social-tabs{gap:6px}.social-tabs .btn{flex:1;padding:10px 8px}.social-shell input,.social-shell select{font-size:16px}.social-menu>div{min-width:190px}.social-ranking{font-size:14px}.social-dialog .editor-actions{flex-wrap:wrap}}