.btn{
  display:inline-block; padding:12px 22px; border-radius:8px; font-size:0.92rem; font-weight:600;
  text-decoration:none; cursor:pointer; border:1px solid transparent; font-family:'Plus Jakarta Sans',sans-serif;
  transition:.15s;
}
.btn-primary{background:var(--primary); color:#fff;}
.btn-primary:hover{filter:brightness(1.1);}
.btn-ghost{border-color:var(--line); color:var(--text); background:var(--panel);}
.btn-ghost:hover{background:var(--panel-2);}

.filter-chips{display:flex; gap:8px; margin-bottom:26px; flex-wrap:wrap; justify-content:center;}
.chip{
  padding:8px 16px; border-radius:999px; border:1px solid var(--line); background:var(--panel);
  color:var(--muted); font-size:0.8rem; cursor:pointer; transition:.15s;
}
.chip.active{background:var(--primary); border-color:var(--primary); color:#fff;}
.chip:hover:not(.active){border-color:var(--primary);}

.card{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow);
}


.ad-slot{
  border:1px dashed var(--line); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center;
  color:var(--muted); font-size:0.78rem; font-family:'IBM Plex Mono',monospace; text-align:center; padding:10px;
  background:var(--panel-2);
}
.ad-slot.banner{height:90px; margin:30px 0;}
.ad-slot.box{height:250px; width:100%;}
.ad-slot.strip{height:60px; margin:24px 0;}


.module-loading{
  padding:60px 0; text-align:center; color:var(--muted); font-family:'Plus Jakarta Sans',sans-serif; font-size:0.9rem;
}