:root{
  --pozadi:#fbfbfa; --plocha:#fff; --plocha-2:#f4f4f2; --linka:#e6e5e1;
  --text:#1c1b19; --text-2:#4a4844; --text-3:#8b8880;
  --akcent:#2f6f4f; --akcent-jemny:#eaf3ee; --varovani:#a8422a;
}
@media (prefers-color-scheme: dark){
  :root{
    --pozadi:#16171a; --plocha:#1d1f23; --plocha-2:#25282d; --linka:#33373d;
    --text:#e8e6e3; --text-2:#b3b0ab; --text-3:#807d78;
    --akcent:#6fbf94; --akcent-jemny:#1e2b25; --varovani:#e08a72;
  }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--pozadi); color:var(--text);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
a{color:inherit}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em}
.lista{
  display:flex; align-items:center; gap:16px; padding:12px 20px;
  background:var(--plocha); border-bottom:1px solid var(--linka); font-size:14px;
}
.lista a{text-decoration:none; color:var(--text-2)}
.lista a:hover,.lista a.zde{color:var(--text)}
.lista .znak{font-size:17px; color:var(--akcent)}
.lista form{margin-left:auto}
.lista button,button{
  font:inherit; font-size:13px; padding:5px 12px; cursor:pointer;
  background:var(--plocha-2); color:var(--text-2);
  border:1px solid var(--linka); border-radius:5px;
}
.lista button:hover,button:hover{background:var(--akcent-jemny); color:var(--text)}
table{width:100%; border-collapse:collapse; font-size:13.5px}
th,td{text-align:left; padding:7px 10px; border-bottom:1px solid var(--linka)}
th{color:var(--text-3); font-weight:600; font-size:12px; text-transform:uppercase;
   letter-spacing:.06em}
.znacka{display:inline-block; font-size:11px; padding:2px 8px; border-radius:10px;
        border:1px solid}
.ok{color:var(--akcent); border-color:var(--akcent); background:var(--akcent-jemny)}
.chyba{color:var(--varovani); border-color:var(--varovani)}
/* Podezrele neni chyba a nesmi s ni splynout: uloha probehla, jen jí
   nesedí čísla. Čte se, neopravuje. */
.podezrele{color:var(--text); border-color:var(--text-3);
           background:var(--plocha-2); border-style:dashed}
.prazdno{color:var(--text-3); font-size:13.5px; padding:16px 0}