.kwiz-list-scope{
	--bg:#0a0e14; --bg2:#10151f; --trace:#39ff88; --blue:#4c7eff; --amber:#ffb454; --red:#ff5c5c;
	--ink:#e8ecf1; --ink-dim:#8a94a6; --panel:#131926; --line:#232b3b;
	font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	max-width:1100px; margin:0 auto; padding:10px 4px;
}
.kwiz-list-title{ font-size:26px; font-weight:800; color:var(--ink); margin:0 0 18px; }
.kwiz-list-empty{ color:var(--ink-dim); }

.kwiz-list-pagination{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:26px; }
.kwiz-list-page-link{ background:var(--panel); border:1px solid var(--line); color:var(--ink); border-radius:10px; padding:9px 16px; font-size:13px; font-weight:700; text-decoration:none; transition:all .12s ease; }
.kwiz-list-page-link:hover{ border-color:var(--trace); color:var(--trace); }
.kwiz-list-page-current{ color:var(--ink-dim); font-size:13px; font-weight:600; }

.kwiz-filter-bar{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.kwiz-filter-pill{ background:var(--panel); border:1px solid var(--line); color:var(--ink-dim); border-radius:16px; padding:6px 14px; font-size:13px; font-weight:600; cursor:pointer; transition:all .12s ease; }
.kwiz-filter-pill:hover{ border-color:var(--trace); color:var(--ink); }
.kwiz-filter-pill.active{ background:var(--trace); border-color:var(--trace); color:#06130b; }

.kwiz-list-card-cats{ display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.kwiz-cat-tag{ font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-dim); background:var(--bg2); border:1px solid var(--line); border-radius:8px; padding:2px 7px; }

.kwiz-list-grid{
	display:grid;
	grid-template-columns:repeat(var(--kwiz-cols, 3), 1fr);
	gap:18px;
}
@media (max-width:900px){ .kwiz-list-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .kwiz-list-grid{ grid-template-columns:1fr; } }

.kwiz-list-card{
	display:flex; flex-direction:column;
	background:var(--panel); border:1px solid var(--line); border-radius:16px;
	overflow:hidden; color:var(--ink);
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.kwiz-list-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,0.35); border-color:var(--trace); }
.kwiz-list-card-link{ text-decoration:none; color:inherit; display:flex; flex-direction:column; flex:1; }

.kwiz-list-card-top{
	height:110px; display:flex; align-items:center; justify-content:center;
	position:relative; overflow:hidden;
}
.kwiz-list-card-top::after{
	content:''; position:absolute; inset:0;
	background:
		radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18), transparent 40%),
		radial-gradient(circle at 80% 80%, rgba(0,0,0,0.15), transparent 40%);
}
.kwiz-list-card-icon{ font-size:40px; filter:drop-shadow(0 4px 8px rgba(0,0,0,0.25)); position:relative; z-index:1; }
.kwiz-list-card-solo-tag{ position:absolute; top:8px; right:8px; background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.4); color:#fff; font-size:10px; font-weight:700; letter-spacing:.05em; padding:3px 8px; border-radius:10px; z-index:2; }

.kwiz-list-card-body{ padding:16px 18px 6px; flex:1; }
.kwiz-list-card-title{ font-weight:700; font-size:17px; margin-bottom:6px; line-height:1.3; }
.kwiz-list-card-desc{ color:var(--ink-dim); font-size:13px; line-height:1.5; margin-bottom:10px; }
.kwiz-list-card-meta{ display:flex; gap:14px; font-size:12px; color:var(--ink-dim); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }

.kwiz-list-card-actions{ display:flex; flex-direction:column; gap:8px; margin:14px 18px 18px; position:relative; }
.kwiz-list-card-report{ position:absolute; top:-190px; right:0; }
.kwiz-list-card-report-btn{ background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.3); color:#fff; width:28px; height:28px; border-radius:50%; cursor:pointer; font-size:13px; }
.kwiz-list-card-report-btn:hover{ background:var(--red); }
.kwiz-list-card-cta{
	padding:10px 14px; text-align:center; text-decoration:none;
	background:var(--bg2); border:1px solid var(--line); border-radius:9px;
	font-weight:700; font-size:13px; color:var(--trace);
	transition:background .15s ease;
}
.kwiz-list-card-cta:hover{ background:rgba(57,255,136,0.12); border-color:var(--trace); }
.kwiz-list-card-cta-solo{ color:var(--blue); }
.kwiz-list-card-cta-solo:hover{ background:rgba(76,126,255,0.12); border-color:var(--blue); }
.kwiz-list-card-cta span{ display:inline-block; transition:transform .15s ease; }
.kwiz-list-card-cta:hover span{ transform:translateX(3px); }