.cr-rec-block{margin:32px 0}.cr-rec-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.cr-rec-title{color:var(--c-slate-900);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.cr-rec-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch;gap:14px;display:grid}.cr-rec-card{border:1px solid var(--c-gray-200);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:0 16px 18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.cr-rec-card:hover{border-color:var(--color-primary,var(--color-primary));transform:translateY(-2px);box-shadow:0 8px 24px #0040ff1a}.cr-rec-card:hover .cr-rec-cover img{transform:scale(1.04)}.cr-rec-cover{background:linear-gradient(135deg,#c7d2fe,#e9d5ff 60%,#fbcfe8);flex-shrink:0;align-self:stretch;height:76px;margin:0 -16px;position:relative;overflow:hidden}.cr-rec-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.cr-rec-cover--empty{background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 50%,#fce7f3 100%)}.cr-rec-cover--avatar-bg img{filter:blur(18px)saturate(1.4)brightness(.85);transform:scale(1.25)}.cr-rec-card:hover .cr-rec-cover--avatar-bg img{filter:blur(18px)saturate(1.5)brightness(.88);transform:scale(1.3)}.cr-rec-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000002e);height:32px;position:absolute;inset:auto 0 0}.cr-rec-link{width:100%;color:inherit;flex-direction:column;flex:1;align-items:center;text-decoration:none;display:flex;position:relative}.cr-rec-avatar{background:var(--c-slate-100);z-index:1;border-radius:50%;flex-shrink:0;width:76px;height:76px;margin-top:-38px;margin-bottom:10px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 0 0 4px #fff,0 4px 12px #0f172a1a}.cr-rec-card:hover .cr-rec-avatar{transform:scale(1.04)}.cr-rec-avatar img{object-fit:cover;width:100%;height:100%;display:block}.cr-rec-avatar-fallback{background:linear-gradient(135deg, var(--c-slate-400), var(--c-slate-600));color:#fff;text-transform:uppercase;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:700;line-height:1;display:flex}.cr-rec-body{flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;display:flex}.cr-rec-name{color:var(--c-slate-900);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:15px;font-weight:700;display:flex;overflow:hidden}.cr-rec-username{color:var(--c-slate-500);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;overflow:hidden}.cr-rec-meta{color:var(--c-slate-600);max-width:100%;margin-top:8px;font-size:12px;line-height:1.4}.cr-rec-reason{color:var(--color-primary,var(--color-primary));white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;background:#0040ff14;border-radius:999px;align-self:center;max-width:100%;margin-top:auto;padding:5px 12px;font-size:11.5px;font-weight:600;overflow:hidden}.cr-rec-reason--popular{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--c-violet-600));box-shadow:0 4px 10px #0040ff40}.cr-rec-dismiss{-webkit-backdrop-filter:blur(4px);width:26px;height:26px;color:var(--c-slate-400);cursor:pointer;z-index:2;opacity:0;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:background .15s,color .15s,opacity .15s,transform .15s;display:flex;position:absolute;top:8px;right:8px}.cr-rec-card:hover .cr-rec-dismiss{opacity:1}.cr-rec-dismiss:hover{color:#ef4444;background:#fff;transform:scale(1.05)}@media (width<=640px){.cr-rec-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.cr-rec-card{border-radius:14px;padding:0 12px 14px}.cr-rec-cover{height:60px;margin:0 -12px}.cr-rec-avatar{width:64px;height:64px;margin-top:-32px;box-shadow:0 0 0 3px #fff,0 3px 10px #0f172a1a}.cr-rec-name{font-size:14px}.cr-rec-dismiss{opacity:1}}