.ch-search{
  display:flex;align-items:center;gap:12px;max-width:620px;margin:0 auto 30px;
  border:1px solid var(--line-soft);border-radius:999px;
  background:rgba(255,255,255,.03);padding:5px 6px 5px 20px;
}
.ch-search svg{width:19px;height:19px;stroke:var(--gold-2);fill:none;stroke-width:1.8;flex:none;}
.ch-search input{
  flex:1;background:none;border:0;color:var(--text);font-family:var(--sans);
  font-size:1rem;padding:12px 0;outline:none;min-width:0;
}
.ch-search input::placeholder{color:var(--dim);}
.ch-search .cnt{font-size:.78rem;color:var(--dim);padding-right:16px;white-space:nowrap;}

.ch-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.ch-card{
  display:flex;align-items:center;gap:14px;
  border:1px solid var(--line-soft);border-radius:16px;
  background:linear-gradient(170deg,var(--panel-2),var(--bg-2));
  padding:18px 18px;transition:border-color .25s ease,transform .25s ease;
}
.ch-card:hover{border-color:rgba(226,193,100,.45);transform:translateY(-3px);}
.ch-flag{font-size:1.55rem;line-height:1;flex:none;}
.ch-card b{display:block;font-family:var(--sans);font-weight:500;font-size:1rem;}
.ch-card small{color:var(--dim);font-size:.78rem;}
.ch-sub{font-family:var(--sans);font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-2);margin:40px 0 16px;}

.grp{border:1px solid var(--line-soft);border-radius:14px;margin-bottom:10px;background:rgba(255,255,255,.02);}
.grp-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 18px;text-align:left;font-family:var(--sans);font-size:.98rem;font-weight:500;
}
.grp-btn:hover{color:var(--gold-2);}
.grp-btn .n{font-size:.78rem;color:var(--dim);font-weight:400;white-space:nowrap;}
.grp-body{display:none;padding:0 14px 14px;}
.grp.open .grp-body{display:block;}
.grp.open .grp-btn{color:var(--gold-2);}
.chan{
  display:flex;align-items:center;gap:11px;padding:10px 10px;border-radius:10px;
  font-size:.93rem;color:var(--text);
}
.chan:nth-child(odd){background:rgba(255,255,255,.02);}
.chan img{
  width:34px;height:24px;object-fit:contain;flex:none;border-radius:4px;background:#0c0c0c;
}
.chan span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch-empty{color:var(--dim);text-align:center;padding:30px 0;}
.ch-loading{color:var(--dim);text-align:center;padding:40px 0;}
.ch-more{text-align:center;color:var(--dim);font-size:.84rem;padding:14px 0 4px;}
.pill-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.pill-links a{
  border:1px solid var(--line-soft);border-radius:999px;padding:9px 16px;
  font-size:.85rem;color:var(--muted);transition:border-color .25s ease,color .25s ease;
}
.pill-links a:hover{border-color:var(--gold-2);color:var(--gold-2);}