/* NOW! v0.6.0 — social identity, friend discovery and profile media */
/* Global HTML invariant: author display rules must never defeat [hidden]. */
[hidden]{display:none!important}
.social-profile-card,.social-friends-card{display:grid;gap:16px;border-color:rgba(73,207,153,.24)}
.social-profile-head,.social-person-main,.social-person-row,.social-person-actions,.social-inline-form,.social-id-row,.social-photo-actions,.social-search-form{display:flex;align-items:center}
.social-profile-head,.social-person-main{gap:12px}.social-person-row{justify-content:space-between;gap:12px;padding:12px;border:1px solid #26342f;border-radius:16px;background:rgba(11,17,15,.76)}
.social-person-actions,.social-inline-form,.social-id-row,.social-photo-actions,.social-search-form{gap:8px;flex-wrap:wrap}.social-identity-lines{display:grid;gap:2px;min-width:0}.social-identity-lines strong,.social-handle,.social-code{overflow-wrap:anywhere}.social-handle{color:#91e0bc}.social-code{color:#9eaaa5;font-size:.78rem;letter-spacing:.04em}
.social-avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#18392d,#1c6349);color:#f2fff9;font-weight:800;border:1px solid rgba(83,218,164,.24)}.social-avatar img{width:100%;height:100%;object-fit:cover;display:block}.social-avatar-sm{width:34px;height:34px;font-size:.8rem}.social-avatar-md{width:46px;height:46px}.social-avatar-xl{width:78px;height:78px;font-size:1.5rem}
.friend-social-card .avatar.has-profile-photo{overflow:hidden}.friend-social-card .avatar .social-avatar-inline-image{display:block;width:100%;height:100%;object-fit:cover}.social-friend-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.social-friend-meta .social-handle,.social-friend-meta .social-code{font-size:.72rem}
.social-profile-block,.social-requests-host{display:grid;gap:10px;padding-top:4px}.social-block-title{color:#98b8aa;font-size:.73rem;letter-spacing:.1em;font-weight:800}.social-inline-form input,.social-search-form input{flex:1 1 190px;min-width:0}.social-id-code{min-width:120px;padding:10px 12px;border-radius:12px;background:#0b1210;border:1px solid #294136;color:#c7f2df;font-weight:800;letter-spacing:.12em;text-align:center}.social-small-button{min-height:38px!important;padding:8px 11px!important;font-size:.76rem!important}.social-state{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:999px;border:1px solid #35433e;background:#121a17;color:#b8c6c0;font-size:.73rem;white-space:nowrap}.social-state.success{border-color:rgba(76,207,151,.35);color:#a9e9ca}.social-search-result{display:grid;gap:10px}.social-search-result:empty{display:none}.social-share-profile{width:100%}.social-group-member-row{gap:8px;flex-wrap:wrap}.social-group-handle{color:#8fb5a5;font-size:.75rem;margin-right:auto}.social-copy-helper{position:fixed;opacity:0;pointer-events:none;inset:auto auto 0 0;width:1px;height:1px}
.social-toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:9999;max-width:min(92vw,460px);transform:translate(-50%,8px);opacity:0;padding:11px 14px;border:1px solid #315344;border-radius:14px;background:rgba(10,17,14,.96);color:#effff7;box-shadow:0 16px 42px rgba(0,0,0,.35);transition:opacity .18s ease,transform .18s ease}.social-toast.show{opacity:1;transform:translate(-50%,0)}
.social-qr-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.social-qr-dialog{position:relative;display:grid;justify-items:center;gap:10px;width:min(92vw,380px);padding:22px;border:1px solid #315244;border-radius:22px;background:#101714;box-shadow:0 30px 80px rgba(0,0,0,.55)}.social-qr-dialog h2,.social-qr-dialog p{margin:0;text-align:center}.social-qr-dialog canvas{width:min(260px,74vw);height:auto;border-radius:10px}.social-qr-close{position:absolute;top:8px;right:8px;width:38px;height:38px;border:0;border-radius:50%;background:#1a2520;color:#eafff5;font-size:1.3rem}.social-qr-dialog .social-id-code{width:100%;max-width:260px}
@media(max-width:520px){.social-person-row{align-items:flex-start}.social-person-actions{justify-content:flex-end}.social-profile-head{align-items:flex-start}.social-id-row>*{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.social-toast{transition:none}}