/* ================= LIVER LIST ================= */
/* ---- card grid (v2) ---- */
.lc-wrap{padding-top:calc(20*var(--u))}
.lc-tools{display:flex;justify-content:flex-end}
.lc-tools .lvr-search{width:calc(400*var(--u))}
.lc-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(18*var(--u));margin-top:calc(22*var(--u))}
.lc[hidden]{display:none}
.lc-link{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border-radius:calc(10*var(--u));padding:calc(8*var(--u)) calc(22*var(--u)) calc(24*var(--u));box-shadow:0 calc(6*var(--u)) calc(22*var(--u)) rgba(30,38,45,.07);transition:translate .25s,box-shadow .25s}
.lc-link:hover{translate:0 -4px;box-shadow:0 calc(12*var(--u)) calc(30*var(--u)) rgba(30,38,45,.12)}
.lc-ic{position:relative;display:block;width:calc(186*var(--u));aspect-ratio:1;margin:0 auto;border-radius:50%}
.lc-ic::before{content:"";position:absolute;inset:calc(-8*var(--u));border-radius:50%;background:conic-gradient(from 200deg,rgba(254,17,121,0) 0deg,rgba(255,120,185,.75) 70deg,rgba(255,170,210,.2) 130deg,rgba(254,17,121,0) 170deg,rgba(255,130,190,.6) 250deg,rgba(254,17,121,0) 320deg);filter:blur(1.5px);transform:rotate(-12deg)}
.lc-ic img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;border:calc(4*var(--u)) solid #fff;box-shadow:0 calc(4*var(--u)) calc(12*var(--u)) rgba(254,17,121,.18);background:#f5f0f3;transition:scale .35s cubic-bezier(.2,.8,.2,1)}
.lc-link:hover .lc-ic img{scale:1.04}
.lc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name go" "id go";align-items:center;column-gap:calc(12*var(--u));row-gap:calc(2*var(--u));margin-top:calc(-2*var(--u))}
.lc-name{grid-area:name;line-height:1.3;font-size:calc(22*var(--u));font-weight:900;color:var(--ink);letter-spacing:.04em;white-space:nowrap}
.lc-id{grid-area:id;display:block;font-family:var(--en);font-size:calc(12.5*var(--u));color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lc-go{grid-area:go;align-self:center;display:grid;place-items:center;width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;border:1.5px solid #d4d2ce;color:var(--ink);transition:background .2s,border-color .2s,color .2s}
.lc-go svg{width:calc(14*var(--u));height:calc(11*var(--u))}
.lc-link:hover .lc-go{background:var(--pink);border-color:var(--pink);color:#fff}
.lc-msg{margin-top:calc(10*var(--u));font-size:calc(14*var(--u));line-height:1.7;color:#4a4f55;font-weight:500}
@media (max-width: 820px){
  .lc-wrap{padding-top:18px}
  .lc-tools .lvr-search{width:100%}
  .lc-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
  .lc-link{padding:10px 10px 14px}
  .lc-ic{width:78%;margin-top:4px}
  .lc-ic::before{inset:-5px}
  .lc-ic img{border-width:3px}
  .lc-row{column-gap:6px;row-gap:0;margin-top:6px}
  .lc-name{font-size:15px}.lc-id{font-size:10.5px}
  .lc-go{width:28px;height:28px}.lc-go svg{width:11px;height:9px}
  .lc-msg{font-size:11.5px;line-height:1.6}.lc-msg br{display:none}
}