/*
 * t.css — CSS-basiertes Tracking als JS-unabhängiger Fallback
 *
 * Einbinden auf der Ziel-Webseite:
 *   <link rel="stylesheet" href="https://trq.sh/t.css">
 *
 * Funktionsprinzip:
 *   Der Browser lädt die background-image URL als normalen GET-Request.
 *   Der HTTP-Referer-Header enthält dabei automatisch die getrackte Seite.
 *   Media-Query-Cascading stellt sicher, dass nur EINE Request-Variante feuert.
 *
 * Query-Parameter:
 *   src=css   — Kennzeichnung der Quelle
 *   dm=1/0    — Dark Mode (via prefers-color-scheme)
 *   mob=1     — Mobile Viewport (via max-width)
 */

/* Basis: Desktop + Light Mode */
html::after {
  content: '';
  display: none;
  background-image: url('https://trq.sh/collect?src=css&dm=0');
}

/* Dark Mode — überschreibt den dm-Parameter */
@media (prefers-color-scheme: dark) {
  html::after {
    background-image: url('https://trq.sh/collect?src=css&dm=1');
  }
}

/* Mobile Viewport — überschreibt zusätzlich mit mob=1 */
@media (max-width: 768px) {
  html::after {
    background-image: url('https://trq.sh/collect?src=css&mob=1&dm=0');
  }
}

/* Mobile + Dark Mode */
@media (max-width: 768px) and (prefers-color-scheme: dark) {
  html::after {
    background-image: url('https://trq.sh/collect?src=css&mob=1&dm=1');
  }
}