.ugcf{--ugcf-ink:#17243e;--ugcf-muted:#60708a;--ugcf-line:#e1e5f0;--ugcf-purple:#6e38c4;--ugcf-soft:#f3edfc;color:var(--ugcf-ink);font:inherit;box-sizing:border-box;text-align:start}
.ugcf *,.ugcf *::before,.ugcf *::after{box-sizing:border-box}
.ugcf [hidden]{display:none!important}
.ugcf a{text-decoration:none}
.ugcf button,.ugcf a{font-family:inherit}
.ugcf h1,.ugcf h2{font-family:inherit}
.ugcf button{cursor:pointer;text-transform:none;letter-spacing:normal;margin:0}
.ugcf button:disabled{cursor:wait;opacity:.6}
.ugcf :is(a,button):focus-visible{outline:3px solid #426cf4;outline-offset:4px}
.ugcf.ugcf-profile{margin:18px 0 16px;padding:15px 18px;border:1px solid #e6dcf7;border-radius:16px;background:linear-gradient(105deg,#f7f3ff,#fbfaff);width:100%}
.ugcf .ugcf-profile-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ugcf .ugcf-toggle{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;min-height:46px;min-width:128px;border:1px solid transparent;border-radius:12px;padding:10px 16px;background:linear-gradient(110deg,#425be9,#7a35d2 58%,#b32898);color:#fff;font-size:14px;line-height:1.4;font-weight:700;box-shadow:0 3px 9px #6541bd12;white-space:normal;transition:box-shadow .15s}
.ugcf .ugcf-toggle svg{display:block;flex:none;width:19px!important;height:19px!important;max-width:19px;max-height:19px;fill:none!important;stroke:currentColor!important}
.ugcf .ugcf-toggle:hover{color:#fff;box-shadow:0 4px 16px #6541bd35}
.ugcf .ugcf-toggle.is-following{background:#fff;color:#5f2cac;border-color:#cdb8e8;box-shadow:none}
.ugcf .ugcf-toggle small{font-size:11px;line-height:1.2;color:#624585;font-weight:500;flex-basis:100%;text-align:center;margin-top:-2px}
.ugcf .ugcf-counts{display:flex;gap:25px;align-items:center}
.ugcf .ugcf-count{display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.35;color:var(--ugcf-muted)}
.ugcf .ugcf-count strong{font-size:18px;line-height:1.2;color:var(--ugcf-ink);font-weight:750}
.ugcf .ugcf-status{font-size:13px;line-height:1.6;color:var(--ugcf-muted);margin:10px 0 0;min-height:0}
.ugcf .ugcf-status:empty{display:none}
.ugcf .ugcf-status.is-error{color:#9d2447;background:#fff2f5;border-inline-start:3px solid #cf4871;padding:10px 12px;border-radius:6px}
.ugcf .ugcf-browse{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#6130a4;background:#fff;border:1px solid #dcd0ef;border-radius:12px;padding:12px 16px;min-height:46px;font-size:14px;font-weight:700;line-height:1.4}
.ugcf .ugcf-browse:hover{color:#542393;background:#f8f3ff}
.ugcf.ugcf-network{max-width:1280px;margin-inline:auto;padding-bottom:30px}
.ugcf .ugcf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.ugcf .ugcf-eyebrow{display:block;color:#7845bd;font-size:12px;letter-spacing:.14em;font-weight:800;margin-bottom:10px}
.ugcf .ugcf-heading h1{color:var(--ugcf-ink);font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.2;margin:0 0 10px}
.ugcf .ugcf-heading p{font-size:15px;line-height:1.7;margin:0;color:var(--ugcf-muted)}
.ugcf .ugcf-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--ugcf-line);padding-bottom:16px;margin-bottom:20px}
.ugcf .ugcf-tabs button{display:inline-flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--ugcf-line);border-radius:12px;padding:12px 18px;min-height:48px;color:var(--ugcf-muted);font-size:14px;font-weight:700}
.ugcf .ugcf-tabs button[aria-pressed=true]{border-color:#b99bdf;background:#f1eafa;color:#5f2e9b;box-shadow:inset 0 0 0 1px #b99bdf22}
.ugcf .ugcf-tabs button span{min-width:24px;border-radius:6px;padding:2px 5px;background:#ece5f6;font-size:12px;color:#5b308f}
.ugcf .ugcf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.ugcf .ugcf-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:22px;background:#fff;border:1px solid var(--ugcf-line);border-radius:18px;min-width:0;box-shadow:0 4px 14px #19264403}
.ugcf .ugcf-person{display:flex;align-items:center;gap:14px;min-width:0;color:var(--ugcf-ink)}
.ugcf .ugcf-person:hover strong{color:#7440bd}
.ugcf .ugcf-avatar{display:flex;justify-content:center;align-items:center;position:relative;width:56px;height:56px;flex:none;border-radius:50%;overflow:hidden;background:#eee6f7;color:#6e389f;font-size:22px;font-weight:750;border:2px solid #eee7f5}
.ugcf .ugcf-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ugcf .ugcf-person-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.ugcf .ugcf-person-copy strong{font-size:15px;line-height:1.45;font-weight:750;overflow-wrap:anywhere}
.ugcf .ugcf-person-copy>span{color:#6c5291;font-size:12px;line-height:1.4}
.ugcf .ugcf-card>.ugcf-status{grid-column:1/-1;margin:0}
.ugcf .ugcf-empty{grid-column:1/-1;text-align:center;padding:55px 22px;background:#fff;border:1px solid var(--ugcf-line);border-radius:20px}
.ugcf .ugcf-empty-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;border-radius:18px;background:var(--ugcf-soft);font-size:30px;color:#8c50cb}
.ugcf .ugcf-empty h2{font-size:22px;line-height:1.4;font-weight:750;color:var(--ugcf-ink);margin:0 0 8px}
.ugcf .ugcf-empty p{color:var(--ugcf-muted);font-size:14px;line-height:1.7;margin:0 0 22px}
.ugcf .ugcf-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:24px;font-size:13px;color:var(--ugcf-muted)}
.ugcf .ugcf-retry,.ugcf .ugcf-pager{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ugcf-line);background:#fff;color:#6636a5;font-size:13px;font-weight:700;padding:10px 15px;min-height:44px;border-radius:10px}
.ugcf .ugcf-pager:disabled{cursor:default;opacity:.45}
@media(max-width:1100px){.ugcf .ugcf-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ugcf .ugcf-heading{align-items:flex-start;flex-direction:column;gap:16px}.ugcf .ugcf-heading h1{font-size:30px}.ugcf .ugcf-heading p{font-size:14px}.ugcf .ugcf-card{padding:17px;gap:13px}.ugcf .ugcf-avatar{width:46px;height:46px}.ugcf .ugcf-person{gap:10px}.ugcf .ugcf-card .ugcf-toggle{min-width:105px;padding:9px 11px;font-size:12px}.ugcf.ugcf-profile{padding:14px}.ugcf .ugcf-profile-row{gap:17px}.ugcf .ugcf-counts{gap:20px}.ugcf .ugcf-tabs button{padding:11px 14px}.ugcf .ugcf-empty{padding:38px 20px}}
@media(max-width:360px){.ugcf .ugcf-card{grid-template-columns:minmax(0,1fr)}.ugcf .ugcf-card .ugcf-toggle{justify-self:start;margin-inline-start:56px}.ugcf .ugcf-profile-row{gap:14px}.ugcf .ugcf-counts{gap:16px}.ugcf .ugcf-toggle{min-width:115px;padding:10px 12px}.ugcf .ugcf-count{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ugcf *{transition:none!important}}